思路:中間ViewPager 畫廊,底部背景ImageView 高斯模糊

  過程很曲折:參考了很多 比如網易雲音樂播放器頁面 也有類似效果

底部做成ViewPager 也可以 但是切換動畫 pagertransform 很難弄到合適的

所以最後決定還是ImageView

相關程式碼:

無限翻頁那個不出列了,畫廊注意:ViewPager 設定 左右邊距才行

ViewPager

android:clipChildren="false"
android:overScrollMode="never" 

父佈局

android:clipChildren="false"
 

具體可能多了但是這個屬性一定會有  左右兩邊才會顯示出來

這篇的主要還是思路

Glide 功能很強大

我的3.7版

  Glide.with(_mActivity)
                    .load(data.get(0).getThumb())
                    .transition(new DrawableTransitionOptions().crossFade(1000))
                    .apply(RequestOptions.bitmapTransform(new BlurTransformation(25,2)))
                    .into(new SimpleTarget<Drawable>() {
                        @Override
                        public void onResourceReady(Drawable resource, Transition<? super Drawable> transition) {
//                            resource.setColorFilter(Color.GRAY, PorterDuff.Mode.DARKEN);
                            mViewBinding.imagebg.setImageDrawable(resource);
                        }
                    });
 

注了的是 設定顏色濾鏡