Androidアプリで“アニメーション”するための基礎知識

アニメーションに変化をもたらす「Interpolator」

　これまで、基本的なAnimationを合成して、複雑なアニメーションを生成し、制御を行う方法を見てきました。

　その制御の1つに「Interpolator」の設定があります。Interpolatorを「Animation#setInterpolator(Interpolator)」メソッドで設定することによって、アニメーションの動作に変化を加えられます。

　では、実際の動作を見てみてください。

　Interpolatorには、パラメータが用意されているものがあります。画面の上から4番目（数値の「5」が入力されている個所）がパラメータです。そこに実数を与えて動作を見てみてください。多くのパラメータは小さめの値を指定すると、自然な効果が得られますが、今回は変化が分かりやすいように大きめの値を設定しています。

アニメーションはXMLでリソース化できる

　これまで見たアニメーションは、すべてコーディングによるものでした。一方でアニメーションの定義ファイルをXMLであらかじめ用意しておき、それを実行時に読み込ませることも可能です。

　アニメーション定義XMLは「res/anim」フォルダに拡張子「.xml」で作成します。ADTのウィザードから作成しても、手動で生成しても構いません。

　アニメーション定義ファイルは、エディタによる支援が受けられないので、使用可能な要素や属性を把握しておかなければなりません。

■ 使用可能な要素

　XMLのルート要素として、<alpha><rotate><scale><translate><set>が定義できます。それぞれ、すでに紹介したAlphaAnimation、RotateAnimation、ScaleAnimation、TranslateAnimation、AnimationSetクラスに対応します。動作や設定項目はそれぞれのクラスに対応しています。<set>は、ほかの要素をネストできます。

■ 共通属性

　すべての要素の共通属性は以下の通りです。

　XMLから指定可能なInterpolatorはandroid.R.animに定義されています。具体的には、以下のような形式で指定します。

android:interpolator="@android:anim/accelerate_interpolator"

　それ以外の詳細については、Animationのオプションを参照してください。

■ 個々の属性

　それぞれの要素の固有の属性は、以下の通りです。

■ リソースの読み込み

　XMLで用意しておいたリソースは、「AnimationUtils#loadAnimation()」メソッドで読み込みます。具体的な使用方法は、以下の通りです。

Animation animation = AnimationUtils.loadAnimation(this, R.anim.alpha);

　今回用意したのサンプルには、すべての要素を使用したアニメーションXMLと、それを読み込むサンプルが含まれているので、動作と内容を確認してみてください。

アニメーションを使う際の3つの落とし穴

　アニメーションは、コーディングでもXMLでも比較的簡単に実現できることが理解できたでしょうか。

　最後に、筆者が気付いたアニメーションを使用する際の落とし穴を紹介して、今回は締めくくりたいと思います。

　次回は、アニメーションの応用でエフェクト効果を解説します。

■ 落とし穴【1】キャンセル

　アニメーションのキャンセルは、キャンセル後にそのアニメーションの第1フレームが表示されたままの状態になってしまいます。この問題にどのように対処すればよいのかは分かっていませんが、「キャンセルしない」というのが最上策かもしれません。

■ 落とし穴【2】イベント

　本稿では、ボタンをアニメーションさせました。アニメーション中、ボタンはいろいろな場所に移動しますが、「元の場所に引き続きボタンの実体は残っている」ということを考慮しなければなりません。

　つまり、「アニメーション開始時などで、ボタンのイベントを受け付けないようにする」などの対応が必要です。

■ 落とし穴【3】親がフルスクリーンか

　アニメーションでは、自由に描画位置を移動できますが、親のオブジェクトがフルスクリーンではなかった場合、親の描画範囲外ではアニメーションは表示されません。

■ ＠IT関連記事

HTML＋JavaScriptでiPhone/Androidアプリを作る Web技術でネイティブアプリを作れるTitanium（1）　iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のためにオープンソースの開発ツールを紹介します デザインハック ＜ リッチクライアント 2010/2/18

Androidアプリはビジネスになるのか ものになるモノ、ならないモノ（38）　「iPhoneアプリの次はAndroid？！」NECビッグローブのAndroidアプリ販売サイト「andronavi」を通して、その可能性に迫る 「Master of IP Network」フォーラム 2010/2/12

Androidはオタクとオシャレのハイブリッドで流行る！ 日本Androidの会 女子部に聞く　「女子部」の成り立ちや活動内容を中心に、Androidマーケットの問題点、UIデザインの重要性、ライバルであるiPhoneについて、など デザインハック ＜ リッチクライアント 2010/1/21

今日から始める！ Androidケータイアプリ作成の基礎 デザイナも知っておきたい「Androidアプリ」とは　日に日に国内でのニュースが増えているAndroidケータイ。その特徴を押さえてアプリ作成を始めるための基礎を紹介します デザインハック ＜ リッチクライアント 2009/11/19

Androidアプリで高速描画チューニングをするコツ インタビュー特集：Google直伝！（1）　Googleのさまざまなサービスを使いこなすコツをグーグル担当者に聞くインタビュー。初回は日本で端末販売がせまるAndroidについて 「リッチクライアント ＆ 帳票」フ ォーラム 2009/4/21

MONOist > 組み込み開発 > Android ケータイ分野以外の組み込みデバイス開発の現場でも注目を集めている「Android」。組み込みデバイスへの適用からアプリケーション開発、イベントレポート、ニュースなどAndroidに関するさまざまな技術情報・最新動向をお届けします！

1-2-3

Index

第20回　Androidアプリで“アニメーション”するための基礎知識   Page1 Androidはアニメーションを最初から重要視 Androidのアニメーションの4つの基本動作と合成   Page2 Animationの代表的なオプション8つ Page3 アニメーションに変化をもたらす「Interpolator」 アニメーションはXMLでリソース化できる アニメーションを使う際の3つの落とし穴

ご意見、ご感想は Smart＆Social 会議室へどうぞ

Smart＆Social フォーラム トップページへ