iOS(Swift)でラジオボタン[YSRadioButton]

iOSアプリを開発していてブラウザ標準のようなラジオボタンを使いたいと思ったことはありませんか？そんな時のためにシンプルなデザインのswift製ラジオボタンライブラリを作成しました。各種プロパティを設定することでデザインもある程度自由に変更することができます。

GitHubはこちら

CocoaPodsでインストールできるのでとても簡単です。それでは早速インストールの手順を説明します。

CocoaPods

Podfileに

Podfile

use_frameworks!

pod 'YSRadioButton', :git => 'https://github.com/sekies/YSRadioButton.git'

と追加します。

pod install します。

Usage

YSRadioButtonをインポートします。

ViewController.swift

import YSRadioButton

任意のUIViewContorollerでYSRadioButtonViewControllerDelegate プロトコルに準拠します。

ViewController.swift

class ViewController: UIViewController,YSRadioButtonViewControllerDelegate {

YSRadioButtonViewControllerインスタンスを生成します。生成時にラジオボタンのラベルを配列で指定します。

ViewController.swift

let radio = YSRadioButtonViewController(labels: ["Orange","GrapeFruits","Banana"])

delegateと各種デザインプロパティを設定します。必須となるのはdelegateのみです。

ViewController.swift

radio.delegate = self  
radio.font = UIFont.systemFont(ofSize: 18)
radio.labelColor = .black
radio.labelMargin = 0
radio.lineWidth = 1
radio.radioHeadFillSize = 0.6
radio.radioHeadMargin = 5
radio.radioHeadStroke = .darkGray
radio.radioHeadFill = .red

親UIViewControllerに生成したYSRadioButtonViewControllerをaddChildしコンテナとなるUIViewにYSRadioButtonViewControllerのviewをaddSubviewします。ラジオボタンの位置はコンテナとなるUIViewに依存します。

ViewController.swift

addChild(radio)
radio.view.frame = container.bounds
container.addSubview(radio.view)
radio.didMove(toParent: self)

デリゲートメソッドを実装します。ラジオボタンを選択するとこのメソッドが呼ばれます。YSRadioButtonViewController生成時に追加した配列の順にIntが割り振られます。

ViewController.swift

func didYSRadioButtonSelect(no: Int) {
  print(no)
}

コードの全体像です。

ViewController.swift

import UIKit
import YSRadioButton

class ViewController: UIViewController, YSRadioButtonViewControllerDelegate {

  @IBOutlet weak var container: UIView!

  override func viewDidLoad() {
      super.viewDidLoad()
      let radio = YSRadioButtonViewController(labels: ["Orange","GrapeFruits","Banana"])
      radio.delegate = self  
      radio.font = UIFont.systemFont(ofSize: 18)
      radio.labelColor = .black
      radio.labelMargin = 0
      radio.lineWidth = 1
      radio.radioHeadFillSize = 0.6
      radio.radioHeadMargin = 5
      radio.radioHeadStroke = .darkGray
      radio.radioHeadFill = .red

      addChild(radio)
      radio.view.frame = container.bounds
      container.addSubview(radio.view)
      radio.didMove(toParent: self)
  }
  
  func didYSRadioButtonSelect(no: Int) {
      print(no)
  }
  
}