コース: iOSアプリ開発実践講座

今すぐコースを受講しましょう

今すぐ登録して、24,900件以上登録されている、業界エキスパート指導のコースを受講しましょう。

ラベルのテキストの変更にアニメーションをつけてみよう

ラベルのテキストの変更にアニメーションをつけてみよう

コース: iOSアプリ開発実践講座

1ヶ月の無料トライアルを開始 法人向けサービス

ラベルのテキストの変更にアニメーションをつけてみよう

“

このレッスンでは 色の名前が変わる時に アニメーションをつける方法について 説明したいと思います 現在 ここまで作ってきて アプリケーションが色の名前を 表示できるようになっていますが 画面をクリックする度に この色の名前が ものすごくパッと変わってしまって アニメーションが付いていないことが 分かると思います プログラムのコードも 見ていただきたいのですが この「 changeColor 」の中の 以前 背景色をセットするために アニメーションをつけて これを行うようにするために 「 UIView animateWithDuration:2.0 」を 使っていましたが これが色の名前には反映されていません これは 考えてみたら 分かることかもしれませんけれども この文字をアニメーションさせる ということは どうやってアニメーションをさせれば良いのか ということを考えると 結構難しいということが分かると思います 文字を一旦 ボワッと消せばよいのか となりますけれども 文字に対して直接 アニメーションするというのは なかなか難しい作業です ですので ここでは― このテキストをきれいに アニメーションさせたいのですけれども このテキストの文字列を変える ということに対して アニメーションさせることはできません じゃあ その代わりに何をするのかと言うと テキストを一旦透明にして 消して そして その後 文字列を変更した後で また 色の透明度を元に戻す という風に 色の透明度を変える ということを アニメーションさせます 実際にやってみたいと思います ここの背景色の色のセットは 2 秒間かけてここでやっているのですけれども これとは別に 下の方に 「 UIView animateWithDuration 」を 別にまた用意します 今度はこの2.0 秒よりも 短めにやってみましょう 例えば 1.0 秒で このアニメーションの― 「 colorNameLabel 」に対して 透明度をセットするという メソッドを呼び出します 今まで使ったことのない メソッドなんですけれども 「 setAlpha 」 この Alpha というのが 透明度のことを表します この Alpha は 0.0 が完全な透明です そして 1.0 が完全な不透明です ラベルが表示されている デフォルトの状態は…

目次