Glide4.0 與 共享元素動畫 一起使用時 動畫效果 異常

使用Glide4.0加載網絡上的圖片,同時採用共享元素動畫時動畫效果出現了問題


動畫效果異常一如下:

  • 界面跳轉時圖片會變模糊

在這裏插入圖片描述
原因:Glide使用了placeholder(...)佔位圖:

        GlideApp.with(this)
                .load(mRecipe.getImageUrl())
                // 使用了佔位圖....
                .placeholder(R.drawable.loading)
                .error(R.drawable.error)
                .fitCenter()
                .into(recipeImg);

去掉placeholder(...)即可解決問題


動畫效果異常二如下:

  • 使用共享元素動畫跳轉到第二個界面時,充當共享元素的圖片會閃一下
    原因:在<ImageView>中使用了設置了背景或src
<ImageView
        android:id="@+id/recipe_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/bg"
        android:scaleType="centerCrop"
        android:transitionName="recipe"/>

所以把背景去掉就可以解決問題了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章