Segmented Control

A drop-in replacement for UISegmentedControl that mimic iOS 6 AppStore tab controls.

Features:

• Interface Builder support (just throw a UISegmentedControl and change its class to SDSegmentedControl)
• Animated segment selection, with animated arrow
• Content aware dynamic segment width
• Segments with image, image and text or text only
• Scrollable if there are too many segments for width
• Pannable by holding on selection and moving
• Enable or disable specific segments
• Appearance customization thru UIAppearance
• Indiviual customizable segment width
• UIControl events for value changes
• SDSegmentedControlDelegate for further integration
• Inject a custom UIButton/SDSegmentView to customize appearance

TODO:

• Shadow effect / arrows, which show that the segment control is scrollable

Known Issues:

• Flickering when adding or removing segments in fast interval (in Example project: select the right most, add many, select the left most, remove many, you will see the shadow and border don't move exactly synchronously)

Usage

Import SDSegmentedControl.h and SDSegmentedControl.m into your project and add QuartzCore framework to Build Phases -> Link Binary With Libraries.

You can then use SDSegmentedControl class as you would use normal UISegmentedControl.

License

All source code is licensed under the MIT-License.

The icons in the example project are taken from Glypish Free Icons created by Joseph Wain and licensed under the Creative Commons Attribution 3.0 United States License.

Copyright

Copyright (c) 2012 by Olivier Poitrey rs@dailymotion.com, Marius Rackwitz git@mariusrackwitz.de.