Fragment上で、アニメーションしたい。

Question

fragmentを使用してゲーム作りをしています。
fragment上でアニメーションを使用したいです。
普通にactivityでアニメーションするやり方をそのまま使用してみたら、エラーになりました。

import android.animation.AnimatorInflater;
import android.animation.AnimatorSet;
import android.os.Bundle;
import android.view.*;
import android.widget.TextView;

import androidx.annotation.*;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.ViewModelProvider;

public class MainFragment extends Fragment {
    static AnimatorSet animator1;
    TextView frma_tv1;
    TextView frma_tv2;
    TextView frma_tv3;
    TextView frma_tv4;
    TextView frma_tv5;
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_main, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        MainViewModel vm = new ViewModelProvider(requireActivity()).get(MainViewModel.class);
        animator1= (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.animator1);
        animator1.setTarget(frma_tv1);
        animator1.start();        
    }
}

animator1= (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.animator1);
animator1.setTarget(frma_tv1);
animator1.start();
のthisがエラーになります。
よく分からないので、public View onCreateView　の方に
animator1= (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.animator1);
animator1.setTarget(frma_tv1);
animator1.start();
を入れてみましたが、同様にエラーです。

どのようにしたらよいか、教えていただきたいです。

---

★追加 MainFragment.javaです。
(AnimatorSet)animator1,(TextView)frma_tv1は、MainActivity.javaで宣言しています。

import android.animation.AnimatorInflater;
import android.animation.AnimatorSet;
import android.os.Bundle;
import android.view.*;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.TextView;

import androidx.annotation.*;
import androidx.fragment.app.Fragment;
import androidx.lifecycle.ViewModelProvider;

import static tmaruko.okura.jiisan.MainActivity.animator1;
import static tmaruko.okura.jiisan.MainActivity.frma_tv1;

public class MainFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        return inflater.inflate(R.layout.fragment_main, container, false);
    }

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        MainViewModel vm = new ViewModelProvider(requireActivity()).get(MainViewModel.class);
        animator1=(AnimatorSet)AnimatorInflater.loadAnimator(requireContext(),R.animator.animator1);
        animator1.setTarget(frma_tv1);
        animator1.start();
    }
}

animator1です。これは、前回作成したスマホアプリで使用したものです。
とりあえずアニメーションすればよいので、何でもいいですが。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:ordering="sequentially">
    <set android:ordering="together">
        <objectAnimator
            android:duration="500"
            android:propertyName="scaleX"
            android:valueFrom="1.0"
            android:valueTo="1.0" />
        <objectAnimator
            android:duration="500"
            android:propertyName="scaleY"
            android:valueFrom="1.0"
            android:valueTo="1.0"/>
    </set>
    <set android:ordering="together">
        <objectAnimator
            android:interpolator="@android:anim/accelerate_interpolator"
            android:duration="100"
            android:propertyName="scaleX"
            android:valueFrom="1.0"
            android:valueTo="5.0" />
        <objectAnimator
            android:interpolator="@android:anim/accelerate_interpolator"
            android:duration="100"
            android:propertyName="scaleY"
            android:valueFrom="1.0"
            android:valueTo="5.0"/>
    </set>
    <set>
        <objectAnimator
            android:duration="200"
            android:propertyName="scaleX"
            android:valueFrom="5.0"
            android:valueTo="0.1" />
        <objectAnimator
            android:duration="200"
            android:propertyName="scaleY"
            android:valueFrom="5.0"
            android:valueTo="0.1"/>
    </set>
</set>

現段階のfragment_main.xmlです。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ImageView
        android:id="@+id/img1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/jiisan_l_mae" />

    <TextView
        android:id="@+id/frma_tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginLeft="32dp"
        android:layout_marginTop="32dp"
        android:text="わしといっしょに、"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/frma_tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginLeft="32dp"
        android:text="そのごどうなったのか、きになっとる。"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/frma_tv4" />

    <TextView
        android:id="@+id/frma_tv4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginLeft="32dp"
        android:text="むかし、けがをしたさるをたすけたが、"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/frma_tv3" />

    <TextView
        android:id="@+id/frma_tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginLeft="32dp"
        android:text="ぼうけんをしてくれるかのう？"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/frma_tv2" />

    <TextView
        android:id="@+id/frma_tv2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginLeft="32dp"
        android:text="いやいや、きみがわしになって、"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/frma_tv1" />
    
</androidx.constraintlayout.widget.ConstraintLayout>

Answer 1

～ thisがエラーになります。よく分からないので、 ～

そこで「よく分からない」とテキトウに弄っては、プログラミングとして間違っています。
「なぜ」エラーなのかを突き詰めて原因を特定したうえで、対策しなければなりません。
ですので、ご質問の際には単に「エラーです」では無く、 エラーとして表示されているメッセージを一緒にご提示頂けますよう お願いします。

AnimatorInflater.loadAnimator の第一パラメータは Context ですので、Activity 上では this が "Context を継承している" 自身を指しますのでエラーにはなりませんが、 Fragment 上では "Context を継承していない" 自身を指しますのでエラーになったものと思います。
ですので、 onCreateView にコードを移しても同じことです。

Fragment には getContext() もありますが、 onViewCreated() 内であれば requireContext() で良いように思います。( 試していませんがどちらを使っても onCreateView() 内では動作しないかもしれません。)

---

アニメーションテストに使用したコードです。(ほぼそのままですが^^; )

MainActivity.java

package com.teratail.q370355;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment_container, new MainFragment())
            .commit();
  }
}

レイアウト: activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/fragment_container"
    tools:context=".MainActivity">

</androidx.constraintlayout.widget.ConstraintLayout>

MainFragment.java

package com.teratail.q370355;

import android.animation.AnimatorInflater;
import android.animation.AnimatorSet;
import android.os.Bundle;
import android.view.*;
import android.widget.TextView;

import androidx.annotation.*;
import androidx.fragment.app.Fragment;

public class MainFragment extends Fragment {
  private AnimatorSet animator1;
  private TextView frma_tv1;

  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    return inflater.inflate(R.layout.fragment_main, container, false);
  }

  @Override
  public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
    super.onViewCreated(view, savedInstanceState);

    //MainViewModel vm = new ViewModelProvider(requireActivity()).get(MainViewModel.class);

    frma_tv1 = view.findViewById(R.id.frma_tv1);

    animator1=(AnimatorSet)AnimatorInflater.loadAnimator(requireContext(),R.animator.animator1);
    animator1.setTarget(frma_tv1);
    animator1.start();
  }
}

フラグメントのレイアウトやアニメーションリソースはご質問のそのままを使わせて頂きました。(ImageView は画像リソースがありませんので消しました。)

Comments

[aruko]

厳しいご指摘、その通りだと思います。
努力していきたいと思います。
説明を読んでもなかなか理解できないところがあるため、申し訳ありません。
requireContext() も行全体がエラー（コード上で）になりました。
よろしくお願いします。

[jimbe]

こちらでテキトウな Fragment に該当行を入れてみてもエラーにはなりません。(this を requireContext() にしています。)

プロジェクトをクリーンしてリビルドしてみたりは如何でしょうか。

[aruko]

プロジェクトを破棄して一からもう一度作ってみましたが、同様です。
MainAvtivity.javaの方にアニメーションを書くとエラーになりませんが、MainFragment.javaに書くとエラーになります。
requireContext()を使ってみました。

[jimbe]

再確認ですが、ご提示のコードの状態から、アニメータのロードの "this" を "requireContext()" にされているわけですね。
とすれば、少なくとも this の問題は解決しているようで、別の問題が発生しているように思います。

「android.content.res.Resources.NotFoundException」が表示されている状態のスクリーンショットをご質問に張って頂けますでしょうか。

[aruko]

すみません。
あれこれさわっているうちに、アニメーションの3行をpublic View onCreateViewの方に移してしまっていました。
public void onViewCreatedの方に戻したら（thisはrequireContent()に変えて）エラーは解消されましたが、実行してもアニメーションが起こらないのです。
上の質問を編集（追加）しました。
もし見ていただけるならありがたいです。

[jimbe]

なるほど、 onCreateView で requireContent() していたので、コンパイルは通っても実行で例外になっていたのですね。
エラーの発生がどの段階なのか、** AndroidStudio のエディタ上で赤下線が引かれるエラーなのか、実行時に logcat に表示されるエラー(例外)なのかは区別して** 書いて頂けると助かります。(ずっと)AndroidStudio のエディタ上でのエラーかと思っていました。)
onCreateView の段階ではまだリソースが取得できない状態なので、例外が発生していたのでしょう。

アニメーションの実行に関してですが、まず、現状のアクティビティに対するアクセスの仕方は普通ではありません。
アクティビティの View でアニメーションするのであれば、アクティビティで処理すべきと思います。
アニメーションのトリガがフラグメントの設定時しか無いのであれば、 onViewCreated で (MainActivity)requireActivity() によって MainActivity が取れますので、 MainActivity にアニメーションするためのメソッドを作っておいて、それを呼び出すようにしたほうが良いと思います。
例えば、MainActivity に
public void startAnimationToFrmaTv1() {
animator1.setTarget(frma_tv1); //animator1 は既に load 済みとして
animator1.start();
}
といったメソッドを作り、 MainFragment の onViewCreated では
:
((MainActivity)requireActivity()).startAnimationToFrmaTv1();
:
とするという具合です。
こうすれば animator1 や frma_tv1 を MainActivity で static 宣言する必要はありません。
また、アニメーションのトリガとして MainActivity で関与できるタイミング(例えば MainFragment を replaceFragment する前後等)があれば、そこで startAnimationToFrmaTv1() を呼ぶようにすれば、 MainFragment でアニメーションを気にする必要は無くなるでしょう。

[jimbe]

すいません、ご質問を見直しました所・・・
ご質問の元のコードでは TextView frma_tv1 等が MainFragment 内で宣言されていましたが、追記されたほうでは MainActivity にあるとなっています。
追記のレイアウトには frma_tv1 等がありますがフラグメント用だそうで・・・どうなっているのでしょうか。

[aruko]

MainActivityでもMainFragmentでもそれぞれ宣言してみましたが、どちらでもできるので、今後フラグメントを増やしていくことになるため、中心のMainActivityで宣言していくことにしました。追記の方が現在の状況です。
frma_tv1等は、MainFragment用ですが、今後作っていくfragmentでも使用できるかもしれないので、宣言はすべてMainActivityということにしました。

[jimbe]

> それぞれ宣言してみましたが、どちらでもできるので、今後フラグメントを増やしていくことになるため、中心のMainActivityで宣言していく ～

その考え方は Fragment を使う意味で間違っていると思います。
Fragment の設計単位は、"特定の" Activity や Fragment の存在を前提とせずに、 View やそのデータ・データ構造及び操作メソッドを纏めた（古めの表現では"カプセル化"した）ものです。 View をその外部に保存することはカプセル化に反します。
また、 Android においては Activity や Fragment は生成・削除がアプリの都合に関係無く OS により行われることが前提ですので、 Fragment のレイアウトの View を Activity のフィールドに保存することは、Fragment が削除された際に不確定な設定を残したり、逆に Fragment 等の削除がうまくされずメモリに残り続ける"メモリリーク"となる可能性があります。

[aruko]

いつも詳細な説明までしていただいてありがとうございます。
Fragmentについての理解を深めていかないと使えるようにならないようですが、少しでも覚えていきたいです。
ーーーーー
public void startAnimationToFrmaTv1() {
animator1.setTarget(frma_tv1); //animator1 は既に load 済みとして
animator1.start();
}
といったメソッドを作り、 MainFragment の onViewCreated では
:
((MainActivity)requireActivity()).startAnimationToFrmaTv1();
:
とするという具合です。
ーーーーー
行ってみました。
エラーなく実行できますが、アニメーションが起こりませんでした。
宣言はfrma_tv1もanimator1もMainActivityでしています。
アドバイスいただけたらありがたいです。

[jimbe]

もし MainFragment.java が追加でご提示されたそのままであれば、MainFragment で表示している R.layout.fragment_main すなわち fragment_main.xml の @+id/frma_tv1 の TextView の実体は、 MainActivity で宣言していると言われる変数 TextView frma_tv1 には設定されていません。
Activity でアニメーションさせていた時でも findViewById で対象となる View を変数に設定(代入)していたはずですが、 Fragment にする時に消されてしまったのではないでしょうか。

[aruko]

コードまで書いてくださって本当にすみません。
上のコードのままで、無事アニメーションできました。

MainViewModel.javaを使わない方法だからできるのか、あるいは、activity_mainの、
android:id="@+id/fragment_container"
tools:context=".MainActivity"
があるからできるのでしょうか。
今後Fragmentを増やしていくためには、MainViewModel.javaを使っていきたいのですが。
よろしくお願いします。
ーーー Fragment にする時に消されてしまったのではないでしょうか。ーーー
MainFragment.java上では、frma_tv1の宣言はできてもfindViewByIdのところで赤のなみなみ下線が出てエラーになってしまいます。
MainActivity.javaに移してみるとエラーになりません。

[jimbe]

アニメーションに関しましては、ViewModel も Activity も関係ありません。
ViewModel の行をコメントにしましたのは、単にこちらでテストする際に MainViewModel クラスを作らなかったからです ^^;

上のコメントに書きましたが、アニメーションのターゲットとして指定している frma_tv1 変数に値を設定していなかったためでしょう。

> findViewByIdのところで赤のなみなみ下線が出てエラー

やはり、エラーが出たので他の方法を…とお考えになったのですね。
回答のコードの findViewById の個所を注意して御覧頂ければ、「view.findViewById」となっているのがお分かりかと思います。
Activity では単に「findViewById」としていたでしょう。

Fragment の onViewCreated で (onCreateView で生成したレイアウトの ) ビューを findViewById する場合は、 onViewCreated の第一引数として渡される View を用いて行う必要があります。

[aruko]

view.findViewByIdがポイントでしたね。
現在、アニメーションを次々に設定してFragment画面を作っています。
今はまだ、Fragmentの良さや便利さが分かっていませんが、フラグメント上でアニメーションができるように教えていただいたので、このスレッドはここで閉じさせてもらいます。
ほんとにありがとうございました。

Answer 2

他のソースファイルが分からないため動作の保証はできませんが、ひとまずこれをお試しください。
animator1= (AnimatorSet) AnimatorInflater.loadAnimator(this, R.animator.animator1);
↓
animator1= (AnimatorSet) AnimatorInflater.loadAnimator(getContext(), R.animator.animator1);

Comments

[aruko]

アドバイスありがとうございます。
getContent()とすると、行すべてがエラーになりました。
今のところ作ったファイルは、
MainActivity.java
MainViewModel.java
MainFragment.java
activity_main.xml
fragment_main.xml です。
よろしくお願いします。

[momodx]

ということは、
・res/animator/animator1.xml
が足りていないと思います。

R.animator.animator1　→ そんな変数ありません
というエラーが出ていませんか？

[momodx]

ひとまずこの内容で animator1.xml を作成してみて、エラーが消えたのであれば、それが原因です。

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
</set>

[aruko]

ありがとうございます。やってみましたが、上のようにしても、エラーは消えないです。
android.content.res.Resources.NotFound Exception　というエラーになっています。
見つからない、と言っています。

[aruko]

引数のコンテキストのところをthisとしていた時は、thisの部分だけがエラーでしたが、getContext()やrequireContext()に変えると、android.content.res.Resources.NotFound Exception　というエラーになります。

[momodx]

当初の問題とは別の問題に移行してきているようですから、この質問はいったん解決したことにして、
（必要ならば）別の質問として立て直してはいかがでしょうか。

当初の問題は、「thisがエラーになります」でしたから、
言い換えるとすれば、「コンパイルエラーの解決方法を教えてください」だったと思います。
（少なくとも、私はそう捉えています）

一方、現在の状況はといえば、
・当初の問題は解決（つまり、コンパイル自体は無事に通過）し、
・別の問題が発生（実行時に Resources.NotFoundException が発生）する
という事態になっているかと思います。

ここは、いったん仕切り直しをしてみてはいかがでしょううか。ご検討ください。

なお、新しい質問を立てるのであれば、私だったらこんな点に気をつけますかね・・・

・前提・実現したいこと
その質問でどこまで達成したいのかをはっきりさせる。
NotFoundException が解消できればそれでよし（後は自力でやりきる or 別質問にする）なのか、
きちっと動作させるところまでを知りたい（つまり、そもそものところ、移行方法が分からないから知りたい）
なのかを、分かりやすく説明する。

後者であれば、動いたとき（Activityに記述していたとき）のソースコード一式と、修正したソースコードを載せた上で、
・Activity の 〇〇 の処理を Fragment に移行したい
・どうにも成功しないので、（アドバイスが欲しい、サンプルコードが欲しい、いっそのこと修正して欲しい 等）
・現在は、試しに △△ してみたけれど、実行時に NotFoundException が発生してしまっている
みたいな流れにする。
※「修正して欲しい」は丸投げと同じなので、このサイトでは非推奨となっているはずです

・発生している問題・エラーメッセージ
一番先頭の
android.content.res.Resources.NotFoundException: Can't load animation resource ID #0x????
みたいな部分から、一番最後の
at javax.servlet.http.HttpServlet.service(HttpServlet.java:865)
みたいな部分までを全部載せる

[momodx]

他にも回答者さまがおられますから、状況をみて考えてみていただけばと思います。

[aruko]

ご指導ありがとうございます。
読んでくださる側に立った書き方ができるよう努力していきます。
やりたいことは、Fragment上でアニメーションさせることです。
もしよろしければ、またよろしくお願いします。