Written with StackEdit.

SelectMultipleButtons

A grouped buttons supporting multiple/radio selection and automatic layout by building with swift. https://github.com/danceyoung/react-native-selectmultiple-button for React Native.

Demo (captured by GIPHY CAPTURE)

Installation

Edit your podfile

pod 'selectmultiplebuttons', '~> 0.0.4'

View frames hierarchy

Instruction

You must adopt the SelectMultipleButtonsDelegate protocol. The protocol likes UITableViewDelegate and UITableDatasource, providing information that SelectMultipleButtons need to construct buttons and manage button selection...

// how many buttons are returned

func numberOf(selectMultipleButtons: SelectMultipleButtons) -> Int

// button returned that is at which index

func buttonOf(selectMultipleButtons: SelectMultipleButtons, atIndex index: Int) -> UIButton

//set maximumNumber selected

//default you can select all buttons

//if you set the value is 1, the selectmultiplebuttons will present radio selecting

@objc optional func maximumNumberSelectedOf(selectMultipleButtons: SelectMultipleButtons) -> Int

//config, containnig the blow items

//edge's space (top, leading, bottom, trailling)

//between space (vertical space and horizontal space between buttons)

func styleConfigOf(selectMultipleButtons: SelectMultipleButtons) -> StyleConfig

//button's singeltap event

@objc optional func didSingleTapOf(selectMultipleButtons: SelectMultipleButtons, atIndex index: Int) -> Void

//indexes selected and changed event

@objc optional func indexesSelectedOf(selectMultipleButtons: SelectMultipleButtons, didChange indexes: [Int]) -> Void

code snap

Import modules

import selectmultiplebuttons

Init a selectMultipleButtons

//width is the maxwidth for SelectMultipleButtons view

//no care height, after performing SelectMultipleButtons.load(), the height is calced automaticly.

// you must perform SelectMultipleButtons.load() befor adding it to parent view.

let selectMultipleButtons1 = SelectMultipleButtons.init(frame: CGRect.init(x: 0, y: tip1.frame.origin.y + tip1.frame.height, width: view.frame.width, height: 0))
selectMultipleButtons1.delegate = self
selectMultipleButtons1.load()
view.addSubview(selectMultipleButtons1)

Conform required protocol

func numberOf(selectMultipleButtons: SelectMultipleButtons) -> Int {
    return  buttonTitleArray1.count
}

func buttonOf(selectMultipleButtons: SelectMultipleButtons, atIndex index: Int) -> UIButton {
    let button = UIButton.init()
    button.setTitle(buttonTitleArray1[index], for: .normal)
    //set none selected state
    button.setTitleColor(.lightGray, for: .normal)
    button.setBackgroundColor(.groupTableViewBackground, for: .normal)
    //set selected state
    button.setTitleColor(.white, for: .selected)
    button.setBackgroundColor(UIColor.init(red: 0x3B/0xFF, green: 0x67/0xFF, blue: 0xBC/0xFF, alpha: 1), for: .selected)
    //default button is selected
    button.isSelected = true
    return button
}

func styleConfigOf(selectMultipleButtons: SelectMultipleButtons) -> StyleConfig {
    let edgeSpace = EdgeSpace.init(top: 10, leading: 10, bottom: 10, trailling: 10)
    let betweenSpace = BetweenSpace.init(horizontalSpace: 5, verticalSpace: 5)
    return StyleConfig.init(edgeSpace: edgeSpace, betweenSpace: betweenSpace, systemFontSize: 18)
}

License

selectmultiplebuttons is MIT licensed.

danceyoung / selectmultiplebuttons Goto Github PK