UIButtonのタイトル文字をチラつかせず変更する + 便利プロパティ化

役に立つかどうかよくわからないTipsシリーズ

UIButtonのタイトルをプログラムから動的に変える時どうしてますか?

hogeButton.setTitle("ほげほげ", forState: .Normal)

まぁ、こんな感じですよねぇ

ただ、これを実際動かすと、文字切替時にボタンがチラつくんですよ
勝手にクロスフェードエフェクトみたいなのがかかってしまうんですね

デフォルトでオシャレなエフェクトがつくのはいいんですけど
要らない時は要らない
いやむしろ要らない時のほうが多い

そんな邪魔な処理を取り除きつつ
もっとシンプルに実装できる方法が以下になります

extension UIButton {
	
	/// ボタンのタイトルの取得/設定
	var title: String? {
		get {
			return self.titleForState(.Normal)
		}
		set(v) {
			UIView.performWithoutAnimation {
				self.setTitle(v, forState: .Normal)
				self.layoutIfNeeded()
			}
		}
	}
}

こういうextensionを書くことによって

hogeButton.title = "ほげほげ" 

おお、シンプル

そもそもボタンは基本的にNormalステータス時の文字列を設定することがほとんどですから
このプロパティは.Normalに固定してしまっても構わないと思っています

いわば、Normalステータス専用プロパティです

それ以外のステータスを触りたければ
標準的なやり方であるsetTitle(_:forState:)を使用するか
それ専用に別のメソッドを用意してやればいいわけです

こいつのミソは

UIView.performWithoutAnimation {
	self.setTitle(v, forState: .Normal)
	self.layoutIfNeeded()
}

冒頭の文字の邪魔なエフェクトによってチラつく現象のために
UIViewのperformWithoutAnimation(_:)でアニメーションエフェクトをはずしてやって
layoutIfNeeded()を入れてやることですかね

こうすることで文字だけが入れ替わります

ちなみに、
画像、背景画像、文字色なんかにも使えそうですね