ObjectAnimatorとPathを使ったアニメーション

このエントリーを Google ブックマーク に追加
Pocket
[`yahoo` not found]

下記のクラスを使ったアニメーションについてのメモ
*APIレベルが21と高いのが難点 ObjectAnimatorPath
オブジェクトの属性をアニメーションする
直線、曲線等の様々な線を表現する

コード

Viewを設定した軌跡に沿って移動させるアニメーションは下記のようになる。
  1. Pathクラスを使って、アニメーションの軌跡を設定する。
  2. ObjectAnimator#ofFloatでアニメーション対象プロパティ1と2をそれぞれx座標とy座標に設定し、Pathクラスを渡す。
    // アニメーションのターゲット
    View targetView = new View(getApplicationContext());
    targetView.setLayoutParams(new LayoutParams(100, 100));
    targetView.setBackgroundColor(Color.RED);
    setContentView(targetView);
    // アニメーションの軌跡
    Path path = new Path();
    // 中心座標(500,500),半径50,時計回り
    path.addCircle(500, 500, 50, Direction.CW);
    // アニメーションのクラス
    ObjectAnimator animator = ObjectAnimator.ofFloat(targetView, "x", "y",path);
    // アニメーションの実行時間
    animator.setDuration(10000);
    // アニメーション開始
    animator.start();

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)