ViewPager 添加滑动背景照片
2014-08-27 16:14
477 查看
天天动听音乐播放的界面有个可以滑动的效果,
效果如下:
原理:
ViewPager + ImageView 两层叠加, ViewPager 图层设置为半透明即可.
其中, ImageView 的滚动的实现, 则是使用matrix 通过设置imageMatrix 来实现背景照片的移动, 之前是监听ontouch 发现效果很差,而且代码冗余. 后来发现监听setOnPageChangeListener 就能实现需要的效果..(⊙o⊙)…
天天动听里到达最左边还可以往左边拉, 而在标准的ViewPager到达第一个界面是不能再拖动界面的, 后来想想, 其实需要实现这个效果so easy! 在界面1 的左边再添加一个界面(且称为空白界面), 当用户还往右边滑动到空白界面时, 让界面在返回到第1个界面即可, 而最后的界面3也是一样的原理.
需要注意的:
效果如下:
原理:
ViewPager + ImageView 两层叠加, ViewPager 图层设置为半透明即可.
其中, ImageView 的滚动的实现, 则是使用matrix 通过设置imageMatrix 来实现背景照片的移动, 之前是监听ontouch 发现效果很差,而且代码冗余. 后来发现监听setOnPageChangeListener 就能实现需要的效果..(⊙o⊙)…
天天动听里到达最左边还可以往左边拉, 而在标准的ViewPager到达第一个界面是不能再拖动界面的, 后来想想, 其实需要实现这个效果so easy! 在界面1 的左边再添加一个界面(且称为空白界面), 当用户还往右边滑动到空白界面时, 让界面在返回到第1个界面即可, 而最后的界面3也是一样的原理.
需要注意的:
@Override public void onPageScrolled(int i, float v, int i2) { int dx = -mViewPager.getScrollX() / RATE; //!(第一页往右滑 || 最后页往左滑) -> 背景不动 if (!((dx > 0 && mPage == 1) || (dx < -mPageRight && mPage == mViewPagerAdapter.getCount() - 2))) { Matrix matrix = new Matrix(); matrix.postTranslate(dx, 0); mBackgroundImageView.setImageMatrix(matrix); } } @Override public void onPageSelected(int i) { mPage = i; // Log.d(TAG, "i = "+i); if (mPage == 0) { mViewPager.setCurrentItem(1); } else if (mPage == mViewPagerAdapter.getCount() - 1) { mViewPager.setCurrentItem(mViewPagerAdapter.getCount() - 2); } } Display display = getWindowManager().getDefaultDisplay(); Log.d(TAG, "width" + display.getWidth()); mPageRight = (display.getWidth() * (mViewPagerAdapter.getCount() - 3)) / RATE;
相关文章推荐
- ListView.addHeadView添加ViewPager,ViewPager左右切换影响ListView上下滑动
- 自定义控件--让背景颜色随ViewPager的滑动而渐变
- ViewPager滑动背景渐变效果
- Android 为ViewPager添加滑动指示器(2)
- 在ListView里添加viewPager为header时,viewPager滑动失去焦点的解决办法
- ListView 添加viewPager为header时,viewPager滑动失去焦点的解决办法
- Android BackgroundViewPager:类似桌面背景壁纸随手指滑动
- Android ViewPager滑动背景渐变
- Android BackgroundViewPager:类似桌面背景壁纸随手指滑动
- Android 为ViewPager添加滑动指示器(1)
- ViewPager+Fragment实现TabHost,Fragment动态添加、删除,Tab选项卡跟随滑动
- Android:详情界面左右滑动看更多,ViewPager动态添加Fragment,仿51job详情界面
- UITableView中 UITableViewCell 背景视图添加阴影滑动 卡顿解决方案
- Android——ViewPager滑动背景渐变(自定义view,ViewPager)
- android Viewpager 动态添加载滑动
- Android -- ViewPager滑动背景渐变
- ListView 添加viewPager为header时,viewPager滑动失去焦点的解决办法
- 动态添加标题和Viewpager,标题和ViewPager联动滑动
- 背景图片跟随手势滑动的ViewPager
- ViewPager添加指标,满足页面滑动,指标跟随滑动