checkmarksegmentedcontrol's Introduction

CheckmarkSegmentedControl

CheckmarkSegmentedControl is a customisable alternative to UISegmentedControl. Visually it looks like radio buttons group with checkmark sign in the middle and animated border on selection. Each option can be fully customised.

Features

creation of segmented control with look of radio buttons
selection of a new option is animated
each option can have border, background and font customized

Installation

Cocoapods

Include the following in your Podfile:

use_frameworks!
pod 'CheckmarkSegmentedControl'

Manual

You need to copy CheckmarkSegmentedControl.swift to your project.

Usage

var checkmark: CheckmarkSegmentedControl = CheckmarkSegmentedControl(frame: frame)
checkmark.options = [
    CheckmarkOption(title:"Option 1"), // by default black border and light gray colour as background
    CheckmarkOption(title: "Option 2", borderColor: UIColor.yellowColor(), fillColor: UIColor.greenColor()),
    CheckmarkOption(title: "Option 3", borderColor: UIColor.blueColor(), fillColor: UIColor.yellowColor()),
    CheckmarkOption(title: "Option 4", borderColor: UIColor.greenColor(), fillColor: UIColor.blueColor())]

Get notified when new option is selected:

checkmark.addTarget(self, action: "optionSelected:", forControlEvents: UIControlEvents.ValueChanged)

func optionSelected(sender: AnyObject) {
    println("Selected option: \(checkmark.options[checkmark.selectedIndex])")
}