プロジェクションマッピング

エンターテインメントから工業利用まで、プロジェクションマッピングの活用・運用をお考えの方へ

more

インタラクティブ&サイネージ

情報表示用のデジタルサイネージから、センサーを利用したインタラクティブ要素などをお考えの方へ

more

VR/360MOVIE

VRHMD用コンテンツからプラットフォームを利用した360度ムービーを活用したPRをお考えの方へ

more
CONTACT 052-253-9866

【Xcode】UIButtonで3パターン切り替えスイッチを作成!

2014.06.19 木曜日 06:53:01

a0006_000146_m_02

Objective-Cでオン・オフ切り替えスイッチを作成する場合は、通常はUISwitch等を使用すると思います。
ところが、UISwitchでは背景画像によるビジュアルの変更も出来ませんし、使い勝手もあまり良いとは言えません。
というか3パターン切り替えもできませんので、UIButtonにオン・オフ画像を適用させて切り替えを行えるものを作成しました。

今回はそのコードを紹介します。
かなり急いで作ったので綺麗にまとまったコードではありませんが、
シンプルな3パターン切り替えボタンが必要な場合は良いかもしれません。

変数の宣言

まずはViewController.mの@interface ViewController内に変数を宣言します。
変数名は適宜、分かりやすい名前に変更してください。

ボタンの生成

続いて、viewDidLoad内でボタンを生成します。
予めProject内に各ボタンの画像をドラッグ&ドロップで用意しておきます。
今回は「images」というフォルダを作成してその中にまとめました。

スクリーンショット 2014-06-19 6.33.50

各ボタンのタップ時の画像を指定

ボタンを選択した際の切り替え画像を指定します。
各イベント内に処理を追記したり、size_countの値で分岐させたりといったことが可能です。

すぐ動くので、パッと設置したい場合は良いのではないでしょうか。
これから時間を見つけてブラッシュアップしていきたいですね!

Category:Development , iOS , Mac , Xcode     Tag:
Authorブログの著者について
田中 義弘

田中 義弘

イベントプロダクション・グラフィックデザイナーを経て、2010年3月に株式会社アイデアクラウドを設立。近年、WEBから得た技術をベースに、プロジェクションマッピング事業をはじめとした先端事業をスタート。

Our Business
最近の記事
人気記事
Our Project