ホームページ  >  記事  >  ウェブフロントエンド  >  フレーム アニメーション ドローアブル スタートガイド Animation_html/css_WEB-ITnose

フレーム アニメーション ドローアブル スタートガイド Animation_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:44:011116ブラウズ

Drawable アニメーション

Drawable アニメーションを使用すると、一連の Drawable リソースを次々にロードしてアニメーションを作成できます。これは、ロールのように順番に再生される一連の異なる画像で作成されるという意味で、伝統的なアニメーションです。 TheAnimationDrawable クラスは Drawable アニメーションの基礎です。

Drawable アニメーションは、一連の画像を 1 つずつ読み込んでアニメーションを作成するものです。実際には、AnimationDrawable は Drawable です。アニメーション

の基本クラス

AnimationDrawableclass API を使用してコード内でアニメーションのフレームを定義できますが、この種のアニメーションを構成するフレームをリストする単一の XML ファイルでより簡単に実現できます。この場合、指示はアニメーションの各フレームの順序と長さです。AnimationDrawable クラスを使用してコードでフレーム アニメーションを定義することもできます。 XML を使用することをお勧めします。このファイルには、アニメーションを構成するすべてのフレームがリストされています。この XML ファイルは、res/drawable/ ディレクトリに配置されます。実際、すべての命令は各フレーム アニメーションの順序と長さです。
XML ファイルは、ルート ノードとしての 要素で構成されます。それぞれがフレームを定義する子 ノード: フレームのドローアブル リソースとフレーム期間。これは Drawable アニメーションの XML ファイルの例です。

XML ファイルは、ルート要素 で構成されます。一連の子要素 ​​ で構成されます。ここで、 は、次のように各フレームに対応する画像と継続時間を定義します。リストの oneshot 属性を true に設定すると、一度だけ循環し、最後のフレームで停止して保持されます。この XML は、res/drawable/ ディレクトリに保存されます。プロジェクトでは、背景画像として View に追加し、呼び出して再生することができます。これは、アニメーションが ImageView に追加され、画面がタッチされたときにアニメーション化されるアクティビティの例です。


上の例は次のとおりです。 android:oneshot を true に設定すると、1 回だけループし、最後のフレームにとどまる 3 フレームのアニメーションです

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"    android:oneshot="true">    <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />    <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />    <item android:drawable="@drawable/rocket_thrust3" android:duration="200" /></animation-list>

開始点に注意することが重要です。 AnimationDrawable で呼び出される () メソッドは、AnimationDrawable がまだウィンドウに完全にアタッチされていないため、アクティビティの onCreate() メソッド中に呼び出すことはできません。操作を必要とせずにアニメーションをすぐに再生したい場合は、次のようにすることをお勧めします。アクティビティの onWindowFocusChanged () メソッドから呼び出します。このメソッドは、Android がウィンドウにフォーカスを置いたときに呼び出されます

注: start() メソッドは、AnimationDrawable が使用されているため、アクティビティの onCreate() メソッドで呼び出すことはできません。この時点では窓に完全には取り付けられていません。インタラクションなしでアニメーションをすぐに呼び出す必要がある場合は、onWindowFocusChanged() で呼び出すことができます。このメソッドは、ウィンドウがフォーカスを取得したときに呼び出されるからです



XML 構文、使用可能なタグと属性の詳細については、アニメーション リソースを参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。