UIButton を動的に表示させるときに必要な Swift のメソッドを一覧にしました。
ボタンの動的生成は Storyboard の使用・不使用に関係なくあらゆる場面で必要ですので、お役立て下さい。
INDEX
UIButtonのサンプルコード
- UIButton の生成
- [code]let button = UIButton()[/code]
- 表示するテキストを定義する
- [code]button.setTitle(“buttonTitle”, forState: .Normal)[/code]
- テキストカラーを定義する
- [code]button.setTitleColor(UIColor.blackColor(), forState: .Normal)[/code]
- タップ時のテキストを定義する
- [code]button.setTitle(“tapButtonTitle”, forState: .Highlighted)[/code]
- タップ時のテキストカラーを定義する
- [code]button.setTitleColor(UIColor.redColor(), forState: .Highlighted)[/code]
- ボタンのフレーム(サイズ)を定義する
- [code]button.frame = CGRectMake(0, 0,200, 30)[/code]
- ボタンを配置する場所を定義する
- [code]button.layer.position = CGPoint(x: self.view.frame.width/2, y:self.view.frame.height/2)[/code]
- ボタンの背景色を定義する
- [code]button.backgroundColor = UIColor.clearColor()[/code]
- ボタンの形状(各丸)を定義する
- [code]button.layer.cornerRadius = 4[/code]
- ボタンに枠線を定義する
- [code]button.layer.borderWidth = 2[/code]
- ボタンタップ時に実行するメソッドを定義する
- [code]button.addTarget(self, action: “touchUpButton:”, forControlEvents:.TouchUpInside)
func touchUpButton() {
println(“Button Touch Up!”)
}[/code] - ボタンを特定するためのタグを定義する
- [code]button.tag = 1[/code]
- View に生成したボタンを追加する
- [code]self.view.addSubview(button)[/code]
まとめ
Storybord を使えば、これらのコードを書かなくてもボタンを任意の場所へ表示・配置できますが、少し複雑な画面遷移を行う場合には Storyboard を使うことにより混乱する場面もでてくるかと思います。
基本的に、複数のボタンの表示非表示を画面内で頻繁に繰り返すようなら、動的に生成したほうが分かりやすいと思います。
それでも Storyboard はとても便利な機能ですので、うまく付き合っていくようにしましょう。
この記事がみなさんのお役に立ちましたら、下記「Share it」よりブックマークやSNSで共有していただければ幸いです。