如何刷新ViewPager中前一位置的PinchImageView状态？

我明白你的问题：当在ViewPager中切换页面后，之前被缩放的PinchImageView仍然保持着缩放状态，你希望切换页面时能重置前一页的图片缩放状态，而且你考虑过用destroyItem方法但不知道具体怎么实现。咱们一步步来解决这个问题：

问题根源 #

ViewPager默认会缓存当前页面左右的若干页面（默认是1个），destroyItem默认只是把视图从容器中移除，但PinchImageView的缩放状态是存储在控件实例本身的，只要这个控件实例没被销毁（比如还在缓存里），下次再显示时就会保留之前的状态。另外你的Adapter里photoView是成员变量，这会导致多个页面的控件引用被覆盖，容易出现状态混乱的问题，这个也得先修正。

解决方案1：在destroyItem中重置缩放状态 #

你可以在destroyItem方法里，从要移除的View中找到对应的PinchImageView，然后调用它的重置方法来恢复初始状态。PinchImageView库一般会提供类似reset()或者setScale(1.0f)的方法来重置缩放：

修改你的destroyItem方法如下：

@Override
public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {
    Mylog.i(TAG, " destroyItem position " + position);
    // 从要移除的View中找到PinchImageView
    PinchImageView pinchImageView = ((View) object).findViewById(R.id.photoView);
    if (pinchImageView != null) {
        // 重置缩放状态，具体方法看库的API，一般是reset或者设置缩放为1
        pinchImageView.reset(); // 或者 pinchImageView.setScale(1.0f, true);
    }
    container.removeView((View) object);
}

同时，记得把Adapter里的photoView成员变量改成局部变量，避免多个页面引用混乱：

@NonNull
@Override
public Object instantiateItem(@NonNull ViewGroup container, int position) {
    LayoutInflater inflater = LayoutInflater.from(getApplicationContext());
    View view = inflater.inflate(R.layout.show_images, container, false);
    // 改成局部变量，避免多页面引用冲突
    PinchImageView photoView = ViewUtil.findById(view, R.id.photoView);
    photoView.setViewPager(viewPager);
    Image image = allImages.get(position);
    if (image != null) {
        String path = image.getPath();
        if (hasPathControl(path)) {
            setImage();
            loadImage(path, photoView);
        }
        container.addView(view);
        return view;
    }
    // 处理空数据情况，返回默认视图或null
    return null;
}

解决方案2：监听ViewPager页面切换，重置前一页状态 #

如果destroyItem的时机不符合你的需求（比如页面还在缓存里没被销毁），可以通过ViewPager的页面切换监听来主动重置前一页的状态：

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
    private int lastPosition = 0;

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {}

    @Override
    public void onPageSelected(int position) {
        // 获取前一页的View
        View lastView = viewPager.getChildAt(lastPosition);
        if (lastView != null) {
            PinchImageView pinchImageView = lastView.findViewById(R.id.photoView);
            if (pinchImageView != null) {
                pinchImageView.reset();
            }
        }
        lastPosition = position;
    }

    @Override
    public void onPageScrollStateChanged(int state) {}
});

这个方法的好处是，不管页面是否被销毁，只要切换了页面，就会重置上一页的状态，逻辑更直接。

注意事项 #

• 确认PinchImageView的重置方法：你可以查看该库的内部方法，找到正确的重置缩放状态的接口，比如reset()或者setScale(1.0f, true)（第二个参数表示是否带动画过渡）。
• 避免控件引用混乱：一定要把Adapter中的photoView改成局部变量，否则当多个页面被实例化时，成员变量会被覆盖，导致操作错误的控件实例。

内容的提问来源于stack exchange，提问作者propoLis