您的位置:首页 > 其它

ViewPager 添加滑动背景照片

2014-08-27 16:14 477 查看
天天动听音乐播放的界面有个可以滑动的效果,

效果如下:



原理:

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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: