【Swift/UIKit】UIButtonでトグルボタン(ON/OFF)を実装する方法!

【Swift/UIKit】UIButtonでトグルボタン(ON/OFF)を実装する方法!

この記事からわかること

  • Swift/UIKitUIButtonトグルボタンを実装する方法
  • ON/OFF切り替え
  • isSelectedプロパティ使い方

index

[open]

\ アプリをリリースしました /

みんなの誕生日

友達や家族の誕生日をメモ!通知も届く-みんなの誕生日-

posted withアプリーチ

UIButtonでトグルボタンを実装する

UIButtonでタップされた時にデザインが切り替わるようなトグルボタンを実装するにはStoryboard側からボタンの属性を変更することで実装することが可能です。UIButtonはプロパティにisSelected:Boolを保持しており、この値に応じてデザインを設定することが可能です。

Storyboardに設定するUIButtonの設定

上記の設定するとState Configが表示されこの値に応じたデザインをカスタマイズすることができるようになります。例えば以下は状態に応じてImageをsquaresquare.fillにしています。

isSelectedがfalseの時(Default)

【Swift/UIKit】UIButtonでトグルボタン(ON/OFF)を実装する方法!

isSelectedがtrueの時(Selected)

【Swift/UIKit】UIButtonでトグルボタン(ON/OFF)を実装する方法!

コードからisSelectedを操作する

公式リファレンス:isSelectedプロパティ

var isSelected: Bool { get set }

isSelectedプロパティは正確にはUIControlが持つプロパティです。Bool型なのでコードからは以下のようにtoggleメソッドを使用することで真偽値を入れ替えることが可能です。

@IBAction  func toggleButton(_ sender: UIButton) {
    sender.isSelected.toggle()
}

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。

searchbox

スポンサー

ProFile

ame

趣味:読書,プログラミング学習,サイト制作,ブログ

IT嫌いを克服するためにITパスを取得しようと勉強してからサイト制作が趣味に変わりました笑
今はCMSを使わずこのサイトを完全自作でサイト運営中〜

New Article

index