Android共享元素動畫效果顯示問題解決

Posted on by

bug描述

設計同學想搞一個點擊圖片item，item內的圖片移動到新頁面的圖片位置的效果，一想就是共享元素就能搞定啊。

companion object {
        fun gotoDetail(
            context: Activity,
            dynamicId: String?,
            jumpComment: Boolean = false,
            shareElement: Boolean = false,
            imageView: ImageView? = null,
            nameView: TextView? = null,
            avatarView: ImageView? = null,
        ) {
            LogUtils.w(shareElement)
            if (shareElement) {
                val intent = Intent(context, HomeDynamicDetailAcitvity::class.java)
                intent.putExtra("dynamicId", dynamicId ?: "")
                intent.putExtra("jumpComment", jumpComment)
                intent.putExtra("shareElement", shareElement)
                val options = ActivityOptions
                    .makeSceneTransitionAnimation(
                        context,
                        UtilPair.create(imageView, context.getString(R.string.dynamic_start_top_image)),
                        UtilPair.create(avatarView, context.getString(R.string.dynamic_start_avatar)),
                        UtilPair.create(nameView, context.getString(R.string.dynamic_start_name))
                    )
//                val options = ActivityOptions.makeSceneTransitionAnimation(context, imageView, context.getString(R.string.dynamic_start_top_image))

                // start the new activity
                ActivityCompat.startActivity(context, intent, options.toBundle())
            } else {
                val params = HashMap<String, Any>()
                params["dynamicId"] = dynamicId ?: ""
                params["jumpComment"] = jumpComment
                context.toActivity(RoutePath.HOME_DYNAMIC_DETAIL, params)

            }
        }
    }

結果按照文檔寫瞭一下，但是效果卻有問題。通過把動畫時長放到5x的情況下，發現不是正常的平移動畫，而是先顯示一個小的圖片然後再漸漸隱藏，然後新界面的大圖片再漸漸顯示，動畫效果明顯不對啊。

官方文檔

要在具有一個共享元素的兩個 Activity 之間添加屏幕過渡動畫，請執行以下操作：

\

  • 在主題背景中啟用窗口內容過渡。
  • 在樣式中指定共享元素過渡。
  • 將過渡定義為 XML 資源。
  • 使用 android:transitionName 屬性為兩個佈局中的共享元素指定一個通用名稱。
  • 使用 ActivityOptions.makeSceneTransitionAnimation() 函數。

解決流程

百度瞭一下看看有沒有人遇到類似的問題，但是並沒有。也對應修改瞭一下style主題什麼的，也沒有什麼作用。最後想瞭想，又新建瞭一個項目，寫個demo測試瞭一下，上面的自己寫的代碼並沒有上面問題，既然沒有問題，那就是項目代碼裡面有問題瞭，和demo最大的區別就是項目裡有網絡請求，以及圖片加載的操作。確定瞭不確定的地方那就試試看。

supportPostponeEnterTransition()

supportStartPostponedEnterTransition()

一個暫停的方法，一個開始動畫的方法，一進入就暫停動畫，網絡請求或者圖片加載結束後開始動畫，搞定問題。最後看效果。

ok解決收工

總結

到此這篇關於Android共享元素動畫效果顯示問題解決的文章就介紹到這瞭,更多相關Android共享元素動畫顯示內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：