Androidアニメーション入門読み込みアニメーション効果を実現するアニメーション_html/css

Androidアニメーション入門読み込みアニメーション効果を実現するアニメーション_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:40:09

オリジナル

1399 人が閲覧しました

アニメーションの使い方は難しくありません。ここではその使い方を簡単に紹介します。

まずレンダリングを見てみましょう:

エフェクトは非常に優れています。使い方を見てみましょう。

アニメーション効果は、全部で 4 種類あります。

AlphaAnimation: 透明度のグラデーションアニメーション

ScaleAnimation: サイズのグラデーションアニメーション

TranslateAnimation: 水平移動アニメーション

RotateAnimation: 回転アニメーション

レンダリングで効果を実現するため。すべてのアニメーションで使用されています。

まず、ImageView と TextView をアクティビティレイアウトファイルに追加して、レイアウトの中央に配置します。

    <ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:src = "@drawable/point"        android:id = "@+id/point"/>    <TextView        android:layout_below="@+id/point"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="loadIng..."        android:layout_centerHorizontal="true"        android:textSize="20sp"        android:id="@+id/loading"/>

ログイン後にコピー

次に、MainActivity.java を変更します

最初に宣言する必要があるプロパティを宣言します

    private ImageView mImageView;    private TextView mTextView;    private AnimationSet mImageAni;    private AnimationSet mTextAni;

ログイン後にコピー

ImageView と TextView は両方とも組み合わせたアニメーション効果を使用するため、アニメーション効果を保存するには 2 つのコンテナー、AnimationSet が必要です。

2 つのコンテナに配置された具体的なアニメーションを見てみましょう

TranslateAnimation ta = new TranslateAnimation(200,0,300,0);        ta.setDuration(5000);        RotateAnimation ra = new RotateAnimation(0,360, Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);        ra.setDuration(5000);        mImageAni.addAnimation(ta);        mImageAni.addAnimation(ra);

ログイン後にコピー

mImageAni は、水平移動アニメーションである TranslateAnimation を格納します。ここでは、パラメータは 200--> です。 0,300 -->0 の場合は、setDuration() メソッドを呼び出してアニメーション効果の継続時間を設定します。もう 1 つは RotateAnimation で、回転アニメーションです。そのパラメータは、何度から何度までです (0-->360)。次のパラメータは、中心点の回転である 50% に基づいています。

これら 2 つのアニメーション効果の組み合わせが実現されます。小さなボールの回転効果。

mTextAni を見てみましょう

  ScaleAnimation sa = new ScaleAnimation(0,2.5f,0,2.5f,Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);        sa.setDuration(5000);        AlphaAnimation aa = new AlphaAnimation(0,1);        aa.setDuration(5000);        mTextAni.addAnimation(sa);        mTextAni.addAnimation(aa);

ログイン後にコピー

最初のアニメーション効果は ScaleAnimation です。これはズーム効果アニメーションであり、そのパラメータは移動と似ており、どのくらいからどのくらいまで拡張され、後続のパラメータも 50% です。それ自体、つまり中心に基づいています。

AlphaAnimation の透明アニメーションのパラメータは比較的単純で、透明度から透明度まで、ここでは消失から表示までです。

最後に、ImageView にリッスンイベントを追加し、クリックするとアニメーション効果が再生されます。

れーい

完了! 興味があれば、他のパラメータや XML を使用してアニメーションを実装する方法も確認してみてください。

ソースコードのダウンロード

著作権表示: この記事はブロガーによるオリジナルの記事であり、ブロガーの許可なく複製することはできません。