如何创建具有上一页和下一页预览的 ViewPager，并从预览中缩放居中

织梦狗教程移动开发问题

2022-01-01

How can i create ViewPager with previous and next page preview, and centred one zoomed from preview(如何创建具有上一页和下一页预览的 ViewPager，并从预览中缩放居中)

本文介绍了如何创建具有上一页和下一页预览的 ViewPager，并从预览中缩放居中的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

viewPager.setClipToPadding(false);
viewPagerMusicCategory.setPadding(width/3, 0, width /3, 0);
viewPagerMusicCategory.setPageMargin(40));

我通过上面的代码获得了下一个和上一个预览.但现在我需要居中页面的缩放效果.

I got next and previous preview by above code. But now i need that zoom effect for centred page.

提前致谢

推荐答案

viewPagerMusicCategory.setPageTransformer(false, new ViewPager.PageTransformer() {
        @Override
        public void transformPage(View page, float position) {
            Log.e("pos",new Gson().toJson(position));
            if (position < -1) {
                page.setScaleY(0.7f);
                page.setAlpha(1);
            } else if (position <= 1) {
                float scaleFactor = Math.max(0.7f, 1 - Math.abs(position - 0.14285715f));
                page.setScaleX(scaleFactor);
                Log.e("scale",new Gson().toJson(scaleFactor));
                page.setScaleY(scaleFactor);
                page.setAlpha(scaleFactor);
            } else {
                page.setScaleY(0.7f);
                page.setAlpha(1);
            }
        }
    }
);

....

这篇关于如何创建具有上一页和下一页预览的 ViewPager，并从预览中缩放居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

缩放