Close Menu

markrangeslider

MarkRangeSlider is a library that provides a customizable range slider control in iOS applications. With this control, users can select a range of values by dragging the slider handles, making it ideal for applications that require input for a specific range, such as date or price selection.

Key Features

  • Supports customizing the appearance and behavior of the slider
  • Allows users to select a range by dragging the slider handles
  • Provides delegate methods to respond to value changes and user interactions
  • Efficient and smooth performance with large data sets
  • Supports both horizontal and vertical orientations
  • Compatible with iOS devices running iOS 10 and above

Getting Started

To use the MarkRangeSlider library in your iOS project, follow these steps:

  1. Install the library using CocoaPods by adding the following line to your Podfile and running pod install:

“`ruby
pod ‘MarkRangeSlider’
“`

  1. Import the library in your Swift file:

“`swift
import MarkRangeSlider
“`

  1. Create an instance of MarkRangeSlider in your view controller:

“`swift
let rangeSlider = MarkRangeSlider(frame: CGRect(x: 0, y: 0, width: 200, height: 30))
“`

  1. Add the range slider as a subview to your desired view:

“`swift
yourView.addSubview(rangeSlider)
“`

  1. Customize the appearance and behavior of the range slider:

“`swift
rangeSlider.minimumValue = 0
rangeSlider.maximumValue = 100
rangeSlider.selectedMinimumValue = 20
rangeSlider.selectedMaximumValue = 80
“`

Customization

The MarkRangeSlider library provides various properties to customize the appearance and behavior of the range slider:

Properties

  • minimumValue: The minimum value of the range (default: 0)
  • maximumValue: The maximum value of the range (default: 100)
  • selectedMinimumValue: The currently selected minimum value (default: minimumValue)
  • selectedMaximumValue: The currently selected maximum value (default: maximumValue)
  • minimumDistance: The minimum distance between the selected minimum and maximum values (default: 0)
  • stepValue: The step value for moving the slider handles (default: 1)
  • continuous: Determines if the control sends update events continuously or only when the user ends interaction (default: true)
  • handleImage: The custom image to be used for the slider handles (default: nil)
  • handleColor: The color of the slider handles (default: system blue color)
  • trackColor: The color of the slider track (default: system gray color)

Use these properties to adjust the appearance and behavior of the range slider based on your application’s requirements.

Delegate

The MarkRangeSliderDelegate protocol provides methods to handle value changes and user interactions with the range slider. To receive these delegate callbacks, implement the following methods:

Methods

  • markRangeSlider(_:didChangeSelectedMinimumValue:andMaximumValue:): Called when the user selects a new range
  • markRangeSlider(_:didEndChangingSelectedMinimumValue:andMaximumValue:): Called when the user finishes changing the range

Implement these delegate methods in your view controller to respond to the user’s interactions and update your application’s logic accordingly.

Conclusion

The MarkRangeSlider library is a versatile and customizable range slider control for iOS applications. By integrating this library into your project, you can easily allow users to select a range of values with smooth performance and customization options.