iPhoneアプリ UIKit UISwitch

投稿者: | 2016年9月20日

UISwitchの使い方です

Xcode 7 と Swiftを使います

プロジェクトの作成方法とシミュレーターの実行方法は、以下を参考にしてください

iPhoneアプリ Helloアプリの作成

また、前項のUIButtonから引き継いでますので、以下も参考にしてください

iPhoneアプリ UIKit UIButton

①UISwitchをドラッグ&ドロップします

uiswitch1

②UISwitchを右クリックしてソースエディターにドラッグします

接続パネルが表示されるので「Name」を入力して「Connect」をクリックします

uiswitch2

③ソースエディターにコードを入力します

uiswitch3

「<スイッチ名>.on」は、スイッチのオン(true)/オフ(false)を設定します

「<スイッチ名>.onTintColor」は、オン時のボタンの色を設定します

(サンプルは赤色を設定していますが、スイッチをオフにしているので設定されてないように見えます)

「<スイッチ名>.thumbTintColor」は、スイッチのつまみの色を設定します

④シミュレーターを実行して、UIButtonをクリックすると、

UISwitchが「オフ」に変わり、つまみの色が「黄色」変わります

uiswitch4

uiswitch5

なお、スイッチが操作されたときに実行するメソッドは、以下のように設定します

「Connection」=「Action」、「Event」=「Value Changed」

uiswitch6