[Android] Property Animation 画像が回転して落ちていく

Property Animaton を使って、画像を回転させながら移動、落ちていく演出を作ってみます。何かで使えそうなので。
 
propertyanimation 01 - [Android] Property Animation 画像が回転して落ちていく

Android Studio 3.5.3
API 29



Property Animation

 
Animationを実現させるためには他にも方法がありますが、Property Animationは画像だけでなくObjectも扱えること。その対象物の位置の具体的な座標など(property)を毎回変更しながら動かすというところです。View  AnimationではAnimationを見せているだけでそのもののpropertyは変わっていません。
 

 

Animator クラス

  • Animator
    • Property Animationのためのスーパークラス
  •  ValueAnimator
    • Animatorを継承したクラスでanimationの中間データを計算
  • ObjectAnimator
    • ValueAnimatorを継承したクラスで対象Objectに値を設定する
  • AnimatorSet
    • Animatorを継承したクラスで、幾つかのAnimatorをグループ化できる

Objectの移動には

  • translationX, x
    • x軸方向移動
  • translationY, y
    • y軸方向移動

が使えます。他にも

  • rotation, rotationX, and rotationY
    • 2D, 3Dの回転
  • scaleX and scaleY
    • 2Dのスケーリング
  • pivotX and pivotY
    • 回転やスケーリングの起点座標を変える
  • alpha
    • 透明度の変更

などを使ってanimationすることができます。

 

Animator.AnimatorListener

 
AnimatorListenerを実装することにより、Objectのアニメーションをモニターして、開始、キャンセル、終了、コールバック状態を知ることができます。
 

 

サンプルコード

 
x, yの移動と回転animationを組み合わせた例です。

MainActivity.java

 
activity_main.xml

 
リソース
strings.xml

 

サンプル動画

 

 
 
関連ページ:

 
Reference:
Property Animation | Android Developers
PropertyValuesHolder | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加

 

アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう。

オンラインスクールは色々ありますが、以下の3つはAndroidが学習できる老舗スクールです。


TECH ACADEMY
Androidアプリコース


こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。


侍エンジニア塾
侍エンジニア塾 無料体験レッスン


とても簡単なことなのに本やネットの画像だけでは分かりにくいことはあります。実際に質問してピンポイントで教えてもらうと、なんだそんなこと、と言うのがけっこうあります。


CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp




直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。


無料で転職まで
これはアプリ限定ではありませんが無料です
その代わり就職することを前提にしたスクールでエンジニアになって職を得たいのであれば手っ取り早いかもしれません




シェアする

  • このエントリーをはてなブックマークに追加

フォローする