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 找管理员“漫步”
那就结束啦。 写的不好,大家轻点喷>.<