如何在 Android ViewPager2 中动态添加和删除页面？

Question

这就是我想要做的。 addNewQRCard() 是由按钮触发的 onclick 事件，用于将新图像添加到 viewpager。我必须始终将适配器设置为新项目。但为什么在我的情况下 onStart() 没有完成这项工作。请给我最佳实践，我应该使用它来从 viewPager2 动态添加和删除视图。

public class AddPage extends AppCompatActivity {

    private ViewPager2 viewPager2;
    private ArrayList<ModelItem> items;
    private AdapterSlider adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_add_qrcode);

        viewPager2 = findViewById(R.id.viewPagerImageSlider);

        items = new ArrayList<>();
        items.add(new ModelItem(R.drawable.image1));


        adapter = new AdapterSlider(items,viewPager2);

        viewPager2.setAdapter(adapter);

        viewPager2.setClipToPadding(false);
        viewPager2.setClipChildren(false);
        viewPager2.setOffscreenPageLimit(3);
        viewPager2.getChildAt(0).setOverScrollMode(RecyclerView.OVER_SCROLL_NEVER);

        CompositePageTransformer compositePageTransformer = new CompositePageTransformer();
        compositePageTransformer.addTransformer(new MarginPageTransformer(40));
        compositePageTransformer.addTransformer(new ViewPager2.PageTransformer() {
            @Override
            public void transformPage(@NonNull View page, float position) {
                float r = 1 - Math.abs(position);
                page.setScaleY(0.85f + r * 0.15f);
            }
        });

        viewPager2.setPageTransformer(compositePageTransformer);
    }

    @Override
    protected void onStart() {
        super.onStart();
        adapter = new AdapterQRSlider(sliderItems,viewPager2);

        viewPager2.setAdapter(adapter);
    }

    public void addNewQRCard(View view) {   //this is the button which i used to add new childs
        items.add(new ModelSlider(R.drawable.image2));

        adapter = new AdapterSlider(items,viewPager2);

        viewPager2.setAdapter(adapter);
    }
}

适配器class

public class AdapterSliderextends RecyclerView.Adapter<AdapterSlider.ViewHolder>{

    private ArrayList<ModelSlider> items;
    private ViewPager2 viewPager2;

    public AdapterSlider(ArrayList<ModelSlider> items, ViewPager2 viewPager2) {
        this.items= items;
        this.viewPager2 = viewPager2;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        return new ViewHolder(
                LayoutInflater.from(parent.getContext()).inflate(
                        R.layout.slide_item_container,
                        parent,
                        false
                )
        );
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        holder.setImage(items.get(position));
    }

    @Override
    public int getItemCount() {
        return items.size();
    }

    class ViewHolder extends RecyclerView.ViewHolder{

        private ImageView imageView;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.imageSlide);
        }

        void setImage(ModelSlider items){
            imageView.setImageResource(sliderItem.getImage());
        }
    }
}

型号Class

public class ModelSlider {

    private int image;

    public ModelSlider(int image){
        this.image = image;
    }

    public int getImage() {
        return image;
    }
}

Answer 1

您可以像使用 RecyclerView 一样在添加新项目时通知适配器。像这样

public void addNewQRCard(View view) {
    items.add(new ModelSlider(R.drawable.image2));
    // instead of of resetting adapter to ViewPager,
    // just notify its adapter of item inserted
    adapter.notifyItemInserted(items.size - 1)
}

如何在 Android ViewPager2 中动态添加和删除页面？

How to dynamically add and remove pages in Android ViewPager2?

java

android

android-recyclerview

android-viewpager2