ViewPager实现Gallery画廊效果——仿慕课网app-求职路线计划-效果（二）

今晚给之前的写的收个尾

http://blog.csdn.net/codenoodles/article/details/50992113

前边没有看的可以先看一下效果。

之前写的没有背景的模糊图片效果，也没有随滑动切换背景图的效果。这里一并加上：

首先我修改了主布局文件：

原来的View背景，换成了一个不可滑动的ViewPager

关于ViewPager怎么禁止滑动请看：

http://blog.csdn.net/codenoodles/article/details/51008568

对于模糊处理，我试过高斯模糊。虽然能出来效果，但是耗时我不能忍受…… 所以我投机取巧了—— 在新加的ViewPager的Item中：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<ImageView
android:id="@+id/iv_bg"
android:scaleType="fitXY"
android:layout_width="match_parent"
android:layout_height="match_parent"/>

<ImageView
android:src="@drawable/expert_list_bg_default"
android:id="@+id/iv_forse"
android:scaleType="fitXY"
android:layout_width="match_parent"
android:layout_height="match_parent"/>

</FrameLayout>

第二个ImageView是一张透明度为93%的模糊图片。哈哈~ 看上去效果还可以。

关于随着滑动切换背景图那就很简单啦，只要在主ViewPager设置滑动监听就好啦：

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
//              BitmapUtils bitmapUtils = new BitmapUtils(ExperimentActivity.this);

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override
public void onPageSelected(int position) {
//                  bitmapUtils.display(ivBgPic, expertDatas.get(position).getExpertPic());
//                  if (midBitmap != null) {
//                      blur(midBitmap, ivBgPic, 21f);
//                  }
mBgViewPager.setCurrentItem(position,false);
}

@Override
public void onPageScrollStateChanged(int state) {

}
});

嗯…… 基本上就完成了。 感觉说的有点乱>.<

Demo之前传过了，背景切换不是必须的所以就不再另外写Demo了。如果有不懂的可以留言，也可以加扣扣群：454430053 (1群满了 请加【Android开发经验交流2群(537532956)】)找管理员“漫步”

那就结束啦。 写的不好，大家轻点喷>.<