Latest 1.2.1
Homepage https://github.com/muZZkat/NMRangeSlider
License MIT
Platforms ios , requires ARC
Authors

NMRangeSlider is custom iOS control that gives you a UISlider like UI for selecting a range of values. This project was inspried by: https://github.com/buildmobile/iosrangeslider.

The range slider can be configured using a set of images in much the same way as UISlider. (Background, Track and Thumbs)

In addition to the regular UISlider features it can:

  • Handle stepped values. The handles will snap to points along the slider with a couple different options
  • Access to the centre location of handle image. This can be used to arrange subviews.
  • (New) Disable lower handle so it behaves like a regular UISlider but still use other features.
  • (New) Set a negative min range so the thumbs can cross over. (with custom track image)
  • (New) Automatic iOS 7 theme with tint color support

See the demo application for some examples on how the to configure the slider.

Screenshot

TODO

If anyone would like to help here a few things I would like to add:

  • Custom images for other control states. UISlider lets the user set different images for any number of UIControlStates.
  • Have a designer provide a few more sample graphics.
  • Ability to set a tint colour that is applied to the default images (or drawn using CoreGraphics)

Authors

License

Copyright 2012 Null Monkey Pty Ltd

Licensed under the MIT License, enjoy!

Latest podspec

{
    "name": "NMRangeSlider",
    "version": "1.2.1",
    "summary": "A custom range slider for iOS.",
    "homepage": "https://github.com/muZZkat/NMRangeSlider",
    "license": "MIT",
    "authors": {
        "Murray Hughes": "[email protected]"
    },
    "social_media_url": "https://twitter.com/muzzkat",
    "source": {
        "git": "https://github.com/muZZkat/NMRangeSlider.git",
        "tag": "v1.2.1"
    },
    "platforms": {
        "ios": null
    },
    "source_files": "NMRangeSlider/*.{h,m}",
    "requires_arc": true,
    "resources": [
        "NMRangeSlider/DefaultTheme/*.png",
        "NMRangeSlider/DefaultTheme7/*.png",
        "NMRangeSlider/MetalTheme/*.png"
    ]
}

Pin It on Pinterest

Share This