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

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

ただいまの
回答率

89.70%

Androidの画面遷移アニメーションが実機でうまく動作しない

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 2,017

rild

score 6

前提・実現したいこと

こちらのサイト
Qiita:画面遷移を滑らかに (Activity Transitions)
を元に、Androidの画面遷移アニメーションのテストアプリを作っていて問題が解決できなくなってしまいました。

エミュレータと実機で動作が異なるので、実機でうまく動作できる様にしたいです。

発生している問題・エラーメッセージ

Genymotion上のNexus 5(API 23)ではうまく動作するのですが、実機Xperia Z3(API 21)でテストしたところアニメーションがうまくいかない場合があります。

 うまくいく場合

エミュレータGIFリンク

 うまくいかない場合

実機GIFリンク

上手くいく場合と比較して、画面遷移の時に黒い画面が出てしまっていたり、拡大のアニメーションの表示がされていない感じがします。

ただし、上手くアニメーションがつく場合もあります。。。

 エラーログ

字数制限のため[ImageViewでの画面遷移テスト]の項目と統合

該当のソースコード

MainActivity.java

どの部分を載せればばいいか判然としないので、githubにpushしたもののリンクを載せました。

元サイトでアニメーションを画面遷移につけるために紹介されていたのは以下のコードです。

ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(
                        mActivity,
                        view.findViewById(R.id.row_image),
                        getString(R.string.trans_name) );
                Article item = (Article) mImageAdapter.getItem(position);
                Intent intent = new Intent(mActivity, ImageDetailActivity.class);
                intent.putExtra(ImageDetailActivity.EXTRA_CONTENT, parser.toJson(item));
                ActivityCompat.startActivity(mActivity, intent, options.toBundle());

試したこと

まず、同様のトラブルが起きた例を探して、
ActivityOptions.makeSceneTransitionAnimation doesn't seem to exist

の記事を見つけ、

if (Build.VERSION.SDK_INT >= 21) {
            ///
            getWindow().requestFeature(android.view.Window.FEATURE_CONTENT_TRANSITIONS);
            Transition ts = new Slide();  //Slide(); //Explode();

            ts.setDuration(1000);

            getWindow().setEnterTransition(ts);
            getWindow().setExitTransition(ts);

            ChangeBounds bounds = new ChangeBounds();
            bounds.setDuration(1000);
            getWindow().setSharedElementEnterTransition(bounds);
        }

のコードをAcitivityのonCreateに加えてみました。

画面スライドのアニメーションが入った時に、他のアニメーションをしている間拡大縮小アニメーションが(他のアニメーションが付いていたのではっきりしませんが...)ちゃんと起きている様だったので、「Durationの関係でうまくいっていないのではないか」と考えました

そこで、

ActivityOptionsCompat.makeSceneTransitionAnimation with custom duration

のサイトを参考にしてみましたが、根本的解決に至りませんでした。

 画像の読み込み方法を変更

GridViewに渡すAdapter内の処理を変更してみました。

imageView.setImageBitmap(...)

で画像を渡していたところを

Picasso.with(mContext).load(item.getResImageId()).centerCrop().resize(100, 100).into(imageView);

に変更してみましたが、画面遷移に影響はなさそうでした。

 ImageViewでの画面遷移テスト

アドバイスをいただいたので、画像一枚でテストをしました。
GridViewの子としていたレイアウトファイル(layout/row_list.xml)を activity_main.xmlに

<include layout="@layout/row_list"
        android:layout_width="100dp"
        android:layout_height="100dp"/>


のように設定しました。

エミュレータと実機でそれぞれ3回ずつ拡大縮小の画面遷移アニメーションをさせました。

GridViewの時と動作の様子やエラーログに大きな変化はなかったようでしたが、体感で実機でもうまく動作する場合が増えた気がしました。

 ログと動作画面

すべてのエラーログは字数制限の都合で載せきれなかったのでGitHubレポジトリのWiki

  • エミュレータでのログ
  • 実機でのログ

を転載しました。

 エミュレータ

エミュレータでの動作画面GIF

E/Surface: getSlotFromBufferLocked: unknown buffer: 0xeb0b3240


エミュレータでのテストのみ、上のエラーメッセージが出ました。

 実機

実機での動作画面GIF

W/art: Suspending all threads took: 10.896ms


実機でのテストでは上の警告が出ました。

 GridViewの場合との変化
E/ActivityThread: Performing stop of activity that is not resumed: {rimp.rild.com.android.android_activity_transition_test/rimp.rild.com.android.android_activity_transition_test.MainActivity}
                                                                                                      java.lang.RuntimeException: Performing stop of activity that is not resumed: {rimp.rild.com.android.android_activity_transition_test/rimp.rild.com.android.android_activity_transition_test.MainActivity}
                                                                                                          at android.app.ActivityThread.performStopActivityInner(ActivityThread.java:3412)
                                                                                                          at android.app.ActivityThread.handleStopActivity(ActivityThread.java:3493)
                                                                                                          at android.app.ActivityThread.access$1100(ActivityThread.java:149)
                                                                                                          at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1355)
                                                                                                          at android.os.Handler.dispatchMessage(Handler.java:102)
                                                                                                          at android.os.Looper.loop(Looper.java:211)
                                                                                                          at android.app.ActivityThread.main(ActivityThread.java:5335)
                                                                                                          at java.lang.reflect.Method.invoke(Native Method)
                                                                                                          at java.lang.reflect.Method.invoke(Method.java:372)
                                                                                                          at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1016)
                                                                                                          at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:811)


GridViewに表示させる画像のサイズを大きくした時に出ていたエラーメッセージはImageViewの場合では確認できませんでした。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

GIFを見た感じだとアニメーションがスキップされていますね。
ログを確認してください。
「Too match work on UI thread」や「
60 frames skipped」といったメッセージは出ていませんか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2016/09/02 06:17 編集

    回答ありがとうございます。

    ログにご指摘いただいたエラーメッセージはありませんでしたが、

    [読みにくかったので、本文に転載しました]

    が稀に出ました。こちらのエラーはGridViewに読み込む画像のサイズを大きくすると起きやすくなるみたいでした。

    ```
    W/art: Suspending all threads took: 6.515ms
    ```

    こちらの警告もたまに出ていました。

    アニメーションがうまくいっている時も、行かない時も

    [読みにくかったので、本文に転載しました]

    といったログが基本でした。

    「UIアニメーションがうまくいかない場合」を中心にもう少し調べてみます。

    キャンセル

  • 2016/09/02 06:57

    画像を一枚にしてやってみてください。
    また、実機とエミュレータのログを両方とも載せてください。

    キャンセル

  • 2016/09/02 10:33

    GridViewでなく、ImageView単体でテストしてみましたが、同じ現象が確認できました。

    GitHub : rejasupotaro/MaterialDesignSample
    https://github.com/rejasupotaro/MaterialDesignSample

    を参考にうまくいく方法を探ってみます

    度々すみません

    ありがとうございます

    キャンセル

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

  • ただいまの回答率 89.70%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる