質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Kotlin

Kotlinは、ジェットブレインズ社のアンドリー・ブレスラフ、ドミトリー・ジェメロフが開発した、 静的型付けのオブジェクト指向プログラミング言語です。

Q&A

1回答

683閲覧

プロパティアニメーション(ObjectAnimator)で回転のpivotを変更する方法

m-mega

総合スコア56

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

Android

Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

Kotlin

Kotlinは、ジェットブレインズ社のアンドリー・ブレスラフ、ドミトリー・ジェメロフが開発した、 静的型付けのオブジェクト指向プログラミング言語です。

0グッド

0クリップ

投稿2022/07/07 04:56

やりたいこと

res/animatorフォルダにxmlファイルを作成し、objectAnimatorで回転のアニメーションを作成しています。
デフォルトでは、回転の中心座標は画像の中心に位置しているのですが、その中心座標を任意の場所に変更したいです。

【res/animator/rotation.xml】

kotlin

1<?xml version="1.0" encoding="utf-8"?> 2<set xmlns:android="http://schemas.android.com/apk/res/android"> 3 <objectAnimator 4 android:propertyName="rotation" 5 android:duration="1500" 6 android:valueFrom="-15" 7 android:valueTo="15" 8 android:repeatMode="reverse" 9 android:repeatCount="-1"/> 10</set>
【activity.xml】

kotlin

1<ImageView 2 android:id="@+id/zannen" 3 android:layout_width="match_parent" 4 android:layout_height="wrap_content" 5 android:alpha="0" 6 android:layout_marginHorizontal="30dp" 7 8 android:transformPivotX="100dp" 9 android:transformPivotY="0dp" 10 11 app:layout_constraintBottom_toBottomOf="parent" 12 app:layout_constraintEnd_toEndOf="parent" 13 app:layout_constraintStart_toStartOf="parent" 14 app:layout_constraintTop_toTopOf="parent" 15 app:srcCompat="@drawable/zannen" 16 tools:visibility="visible" />

分からないこと

回転のアニメーション自体はできているのですが、回転の中心座標を変更する方法がわかりません。
記載のコードのように「transformPivot」でpivotの設定値を追記してみると、デフォルトの状態からは変化が見られたのですが、その後は値をどのように変化させても中心座標に変化は見られませんでした。
pivotの変更方法を教えていただきたいです。

該当箇所

kotlin

1<ImageView 2 ... 3 android:transformPivotX="100dp" 4 android:transformPivotY="0dp" 5 ...

参考にしたサイト

Android Developer - transformPivot
ObjectAnimatorにpivotを設定する方法とは?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

テキトウな大きさの画像で試したところ、ImageView の大きさが確定してからアニメーションを開始しないと動作しませんでした。(Activity.onCreate 内等ではまだ確定していません。)
以下は drawable 下に sample.png という画像を置き、一度動かしてログから img の大きさが 599x599 なのを確認してから android:transformPivotX="300px" android:transformPivotY="0px" として、画像の上辺をピン留めして揺れているようなアニメーションをさせました。
xml では無くコードの(コメントにしてある) img.setPivotX/Y を使えば比率的に指定できるので、先に大きさを見る必要がありません。

java

1package com.teratail.q_nasz1bj07u28hk; 2 3import androidx.appcompat.app.AppCompatActivity; 4 5import android.animation.*; 6import android.os.*; 7import android.util.Log; 8import android.view.ViewTreeObserver; 9import android.widget.ImageView; 10 11public class MainActivity extends AppCompatActivity { 12 private ImageView img; 13 14 @Override 15 protected void onCreate(Bundle savedInstanceState) { 16 super.onCreate(savedInstanceState); 17 setContentView(R.layout.activity_main); 18 19 img = findViewById(R.id.image); 20 img.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { 21 @Override 22 public void onGlobalLayout() { 23 img.getViewTreeObserver().removeOnGlobalLayoutListener(this); 24 startAnimation(); 25 } 26 }); 27 } 28 29 private void startAnimation() { 30 Log.d("MainActivity", "startAnimation: img.getWidth()="+img.getWidth()); 31 Log.d("MainActivity", "startAnimation: img.getHeight()="+img.getHeight()); 32 //img.setPivotX(img.getWidth() / 2f); 33 //img.setPivotY(0f); 34 AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(MainActivity.this, R.animator.rotation); 35 set.setTarget(img); 36 set.start(); 37 } 38}

res/layout/activity_main.xml

xml

1<?xml version="1.0" encoding="utf-8"?> 2<androidx.constraintlayout.widget.ConstraintLayout 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 xmlns:app="http://schemas.android.com/apk/res-auto" 5 xmlns:tools="http://schemas.android.com/tools" 6 android:layout_width="match_parent" 7 android:layout_height="match_parent" 8 tools:context=".MainActivity"> 9 10 <ImageView 11 android:id="@+id/image" 12 android:layout_width="wrap_content" 13 android:layout_height="wrap_content" 14 app:srcCompat="@drawable/sample" 15 android:transformPivotX="300px" 16 android:transformPivotY="0px" 17 app:layout_constraintBottom_toBottomOf="parent" 18 app:layout_constraintEnd_toEndOf="parent" 19 app:layout_constraintStart_toStartOf="parent" 20 app:layout_constraintTop_toTopOf="parent" /> 21 22</androidx.constraintlayout.widget.ConstraintLayout>

res/animator/rotation.xml (揺れ幅を大きくしただけです)

xml

1<?xml version="1.0" encoding="utf-8"?> 2<set xmlns:android="http://schemas.android.com/apk/res/android"> 3 <objectAnimator 4 android:propertyName="rotation" 5 android:duration="1500" 6 android:valueFrom="-30" 7 android:valueTo="30" 8 android:repeatMode="reverse" 9 android:repeatCount="-1"/> 10</set>

投稿2022/07/08 12:50

編集2022/07/08 12:58
jimbe

総合スコア12543

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問