android viewpager实现中间item放大

原创

mob64ca12d94299 2024-02-24 08:18:23 ©著作权

文章标签 自定义 Android java 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob64ca12d94299的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android ViewPager实现中间item放大

在Android开发中，ViewPager是一个非常常用的控件，用于实现页面之间的切换。有时候我们可能需要在ViewPager中让中间的item放大，以突出显示。本文将介绍如何实现这个效果。

实现步骤

步骤一：自定义ViewPager

首先，我们需要自定义一个ViewPager，重写onPageScrolled方法，在该方法中实现中间item的放大效果。

public class ZoomOutViewPager extends ViewPager {

    private static final float MIN_SCALE = 0.85f;
    private static final float MIN_ALPHA = 0.5f;

    public ZoomOutViewPager(Context context) {
        super(context);
    }

    public ZoomOutViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onPageScrolled(int position, float offset, int offsetPixels) {
        super.onPageScrolled(position, offset, offsetPixels);

        if (offset <= 0.5) {
            float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (0.5f - offset);
            setScaleX(scaleFactor);
            setScaleY(scaleFactor);
        } else {
            float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (offset - 0.5f);
            setScaleX(scaleFactor);
            setScaleY(scaleFactor);
        }
    }
}

步骤二：在布局文件中使用自定义的ViewPager

在布局文件中使用自定义的ViewPager来实现放大效果。

<com.example.ZoomOutViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

步骤三：设置Adapter

最后，设置ViewPager的Adapter，填充数据。

ZoomOutViewPager viewPager = findViewById(R.id.viewpager);
viewPager.setAdapter(new MyPagerAdapter());

完整代码示例

public class MyPagerAdapter extends PagerAdapter {

    private List<String> mData = new ArrayList<>();

    public MyPagerAdapter() {
        mData.add("Page 1");
        mData.add("Page 2");
        mData.add("Page 3");
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public boolean isViewFromObject(@NonNull View view, @NonNull Object object) {
        return view == object;
    }

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        TextView textView = new TextView(container.getContext());
        textView.setText(mData.get(position));
        textView.setTextSize(24);
        textView.setGravity(Gravity.CENTER);
        container.addView(textView);
        return textView;
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
        container.removeView((View) object);
    }
}