天天动听音乐播放的界面有个可以滑动的效果,
效果如下:
原理:
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;