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

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

新規登録して質問してみよう
ただいま回答率
85.35%
Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

Q&A

解決済

1回答

1278閲覧

アニメーションを順に再生

aruko

総合スコア47

Android Studio

Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

0グッド

0クリップ

投稿2021/09/19 12:06

android studio でスマホアプリを作っています。
その中で、2つのアニメーションを順に再生させる内容をxmlに書きました。
android:ordering="sequentially"が、同時再生ではなく順に再生と書いてあったのでそのようにしましたが、同時再生になってしまいます。
alphaではなくscaleやrotateに変えても同時再生になってしまいます。
どのようにしたら順に再生にできるのでしょうか。

行いたいことは、1秒後に点滅するアニメーションです。
android:startOffset="1000"は、1回の点滅ごとに行われるので、1つ目のalphaは1秒後に表示されるだけにし、2つ目のalphaで点滅になるようにしたら、1秒後に点滅する動きになるかと思い、このようにしました。
よろしくお願いします。

<?xml version="1.0" encoding="utf-8"?>

<set android:ordering="sequentially" xmlns:android="http://schemas.android.com/apk/res/android">
<alpha android:duration="100" android:fromAlpha="1.0" android:toAlpha="0.0" android:repeatCount="0" android:repeatMode="reverse" android:startOffset="1000"/>
<alpha android:duration="300" android:fromAlpha="1.0" android:toAlpha="0.0" android:repeatCount="5" android:repeatMode="reverse"/>
</set>

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

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

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

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

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

jimbe

2021/09/19 17:11

コードは「マークダウン」を用いて専用の枠内に表示されるようにしてください。 マークダウンにつきましてはヘルプを御覧ください。
guest

回答1

0

ベストアンサー

<set> タグにおいて android:ordering が使えるのは「プロパティアニメーション」のほうで、<alpha> 等を使う「ビューアニメーション」では使えません。


プロパティアニメーションで1秒後に点滅するようにしてみました。
動作が合っているか分かりませんが、プロパティアニメーションでは repeat 時は startOffset 分の待ちは入らないため、これだけなら android:ordering は必要無さそうです。

アニメータ(res/animator): flush.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="alpha" 5 android:duration="300" 6 android:valueFrom="1.0" 7 android:valueTo="0.0" 8 android:repeatCount="5" 9 android:repeatMode="reverse" 10 android:startOffset="1000" /> 11</set>

MainActivity.java

java

1package com.teratail.q360318; 2 3import androidx.appcompat.app.AppCompatActivity; 4 5import android.animation.*; 6import android.os.Bundle; 7import android.view.View; 8import android.view.animation.*; 9import android.widget.*; 10 11public class MainActivity extends AppCompatActivity { 12 13 @Override 14 protected void onCreate(Bundle savedInstanceState) { 15 super.onCreate(savedInstanceState); 16 setContentView(R.layout.activity_main); 17 18 TextView text = findViewById(R.id.text); 19 20 Button button = findViewById(R.id.button); 21 button.setOnClickListener(new View.OnClickListener() { 22 public void onClick(View view) { 23 24 AnimatorSet set = (AnimatorSet)AnimatorInflater.loadAnimator(MainActivity.this, R.animator.flush); 25 set.setTarget(text); 26 set.start(); 27 28 /* 29 Animation flush = AnimationUtils.loadAnimation(MainActivity.this, R.anim.flush); 30 text.startAnimation(flush); 31 */ 32 } 33 }); 34 } 35}

レイアウト: activity_main.xml

xml

1<?xml version="1.0" encoding="utf-8"?> 2<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 xmlns:app="http://schemas.android.com/apk/res-auto" 4 xmlns:tools="http://schemas.android.com/tools" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 tools:context=".MainActivity"> 8 9 <TextView 10 android:id="@+id/text" 11 android:layout_width="wrap_content" 12 android:layout_height="wrap_content" 13 android:text="Hello World!" 14 android:textSize="30sp" 15 app:layout_constraintBottom_toTopOf="@id/button" 16 app:layout_constraintLeft_toLeftOf="parent" 17 app:layout_constraintRight_toRightOf="parent" 18 app:layout_constraintTop_toTopOf="parent" /> 19 20 <Button 21 android:id="@+id/button" 22 android:layout_width="wrap_content" 23 android:layout_height="wrap_content" 24 android:text="animation" 25 app:layout_constraintBottom_toBottomOf="parent" 26 app:layout_constraintLeft_toLeftOf="parent" 27 app:layout_constraintRight_toRightOf="parent" 28 app:layout_constraintTop_toBottomOf="@id/text" /> 29 30</androidx.constraintlayout.widget.ConstraintLayout>

投稿2021/09/19 17:12

編集2021/09/20 03:31
jimbe

総合スコア13209

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

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

aruko

2021/09/20 06:40 編集

jimbeさん、ありがとうございます。 アドバイスの通りにやってみたら、「1秒後に点滅」ができました。 ビューアニメーションよりプロパティアニメーションの方が点滅の精度も正確でよかったです。 そこでですが、もう一つ教えていただきたいことができまして、 それは、 2つのTextViewについて、当時に「1秒後に点滅」を行いたく、 MainActivity.javaの中で、 tv3.setText("てんすう");              tv_tensuu.setText(String.valueOf(kati_point)); anim2.setTarget(tv3); anim2.start(); anim2.setTarget(tv_tensuu); anim2.start(); のように書きました。 anim2とは、「1秒後に点滅」のプロパティアニメーションです。 実行してみると、後者(tv_tensuu)の方だけアニメーションされ、前者(tv3)は表示もされません。 両方同時に再生できる方法を教えていただきたいです。 よろしくお願いします。
jimbe

2021/09/20 09:17 編集

一つの AnimatorSet は一つのターゲットにしか出来ないでしょう。 二つ目用に AnimatorSet を別途作ってやれば良いのではないでしょうか。(animator 自体(xml)は同じものを使い回せます)
jimbe

2021/09/20 09:16

java の命名基準の一つとしまして、set~ は一つだけ、 add~ や put~は複数に対応している場合に使うというものがあります。 setTarget は "set" ですので "一つだけ" で、最後に setTarget したものに対してのみ行われるのでしょう。 Button の setOnClickListener も "set" ですので、複数個登録しようとしても最後の一つしか呼ばれないでしょう。 一方、 EditText の addTextChangedListener は "add" ですので、複数個登録出来ると思います。
aruko

2021/09/20 10:26

はい、そのようにして思い通りのアニメーションを作ることができました。 setやaddについての説明も分かりやすく、ありがとうございます。 確かにボタンの設定はsetになっています。
jimbe

2021/09/20 17:50

解決されましたら、ベストアンサーを選んで(と言ってもこの"回答"しかありませんが^^;)ください。 「解決済み」と表示されるようになります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問