ViewPager和ViewPager2

已于 2023-10-09 16:17:45 修改
阅读量300 收藏
点赞数 1
分类专栏： android开发 文章标签： android
于 2023-10-09 16:02:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuyongzhi/article/details/133702302
版权

1.ViewPager简单使用：

   1）定义Layout

  <androidx.viewpager.widget.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

      2）初始化View

  private void initViews() {
        viewPager = findViewById(R.id.viewpager);
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            list.add("pos: " + i);
        }
        views = new ArrayList<>();
        for (int i = 0; i < list.size(); i++) {
            View view = LayoutInflater.from(this).inflate(R.layout.layout_item, null);
            TextView textView = view.findViewById(R.id.textview);
            textView.setText(list.get(i));
            views.add(view);
        }
        MyPageAdapter pageAdapter = new MyPageAdapter(this, views);
        viewPager.setAdapter(pageAdapter);
    }

    3）PageAdapter

  

public class MyPageAdapter extends PagerAdapter {
    private Context context;
    private List<View> views;

    public MyPageAdapter(Context context, List<View> list) {
        this.context = context;
        this.views = list;
    }

    @Override
    public int getCount() {
        if (views == null) {
            return 0;
        } else {
            return Integer.MAX_VALUE;
        }
    }

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

    @NonNull
    @Override
    public Object instantiateItem(@NonNull ViewGroup container, int position) {
        int index = position % views.size();
        Log.e("nyz", "instantiateItem " + position);
        Log.e("nyz", "childCount " + container.getChildCount());
        container.addView(views.get(index));
        return views.get(index);
    }

    @Override
    public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {

        Log.e("nyz", "destroyItem " + position);
        Log.e("nyz", "childCount " + container.getChildCount());
        container.removeView((View) object);
    }

}

2.ViewPager2的简单使用

 1）layout引入ViewPager2

 <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/viewpager2"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

   2）Activity中。

  List<String> list = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            list.add("pos: " + i);
        }

        viewPager2 = findViewById(R.id.viewpager2);
        //设置ViewPager是纵向滚动，还是横向滚动
//        viewPager2.setOrientation(ViewPager2.ORIENTATION_VERTICAL);
        viewPager2.setOrientation(ViewPager2.ORIENTATION_HORIZONTAL);
        viewPager2.setAdapter(new MyPageAdapter2(this, list));

 3）Adapter，定义Adapter和定义RecycleView的Adapter是一样的。因为在ViewPager2内部有一个RecycleView。

public class MyPageAdapter2 extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private Context context;
    private List<String> list;

    public MyPageAdapter2(Context context, List<String> list) {
        this.context = context;
        this.list = list;
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(context).inflate(R.layout.layout_item, parent,false);
        MyViewHolder viewHolder = new MyViewHolder(view);
        return viewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        ((MyViewHolder) holder).update(list.get(position));
    }

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

    class MyViewHolder extends RecyclerView.ViewHolder {
        private TextView textView;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.textview);
        }

        public void update(String str) {
            textView.setText(str);
        }
    }
}

4）java.lang.IllegalStateException: Pages must fill the whole ViewPager2 (use match_parent)

 Process: com.example.viewpager, PID: 8447
    java.lang.IllegalStateException: Pages must fill the whole ViewPager2 (use match_parent)
        at androidx.viewpager2.widget.ViewPager2$4.onChildViewAttachedToWindow(ViewPager2.java:270)
        at androidx.recyclerview.widget.RecyclerView.dispatchChildAttached(RecyclerView.java:7561)
        at androidx.recyclerview.widget.RecyclerView$5.addView(RecyclerView.java:860)
        at androidx.recyclerview.widget.ChildHelper.addView(ChildHelper.java:107)
        at androidx.recyclerview.widget.RecyclerView$LayoutManager.addViewInt(RecyclerView.java:8601)
        at androidx.recyclerview.widget.RecyclerView$LayoutManager.addView(RecyclerView.java:8559)
        at androidx.recyclerview.widget.RecyclerView$LayoutManager.addView(RecyclerView.java:8547)
        at androidx.recyclerview.widget.LinearLayoutManager.layoutChunk(LinearLayoutManager.java:1641)
        at androidx.recyclerview.widget.LinearLayoutManager.fill(LinearLayoutManager.java:1587)
        at androidx.recyclerview.widget.LinearLayoutManager.onLayoutChildren(LinearLayoutManager.java:665)
        at androidx.recyclerview.widget.RecyclerView.dispatchLayoutStep2(RecyclerView.java:4134)
        at androidx.recyclerview.widget.RecyclerView.dispatchLayout(RecyclerView.java:3851)
        at androidx.recyclerview.widget.RecyclerView.onLayout(RecyclerView.java:4404)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at androidx.viewpager2.widget.ViewPager2.onLayout(ViewPager2.java:527)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at androidx.swiperefreshlayout.widget.SwipeRefreshLayout.onLayout(SwipeRefreshLayout.java:689)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1829)
        at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1673)
        at android.widget.LinearLayout.onLayout(LinearLayout.java:1582)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.widget.FrameLayout.layoutChildren(FrameLayout.java:332)
        at android.widget.FrameLayout.onLayout(FrameLayout.java:270)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at androidx.appcompat.widget.ActionBarOverlayLayout.onLayout(ActionBarOverlayLayout.java:536)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.widget.FrameLayout.layoutChildren(FrameLayout.java:332)
        at android.widget.FrameLayout.onLayout(FrameLayout.java:270)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.widget.LinearLayout.setChildFrame(LinearLayout.java:1829)
        at android.widget.LinearLayout.layoutVertical(LinearLayout.java:1673)
        at android.widget.LinearLayout.onLayout(LinearLayout.java:1582)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.widget.FrameLayout.layoutChildren(FrameLayout.java:332)
        at android.widget.FrameLayout.onLayout(FrameLayout.java:270)
        at com.android.internal.policy.DecorView.onLayout(DecorView.java:880)
        at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.view.ViewRootImpl.performLayout(ViewRootImpl.java:4082)
        at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:3501)
        at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:2410)
        at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:9402)
        at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1193)
        at android.view.Choreographer.doCallbacks(Choreographer.java:945)
        at android.view.Choreographer.doFrame(Choreographer.java:851)
        at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1175)
        at android.os.Handler.handleCallback(Handler.java:938)

  出现上面的异常的解决方案：

1）解决方案1 在onCreateViewHolder时不能使用下面的方式：

     View view = LayoutInflater.from(context).inflate(R.layout.layout_item,null);

     而应该使用下面的方式，就不会出现上面的异常：

    View view = LayoutInflater.from(context).inflate(R.layout.layout_item, parent,false);

2）解决方案2 动态设置宽高

  View view = LayoutInflater.from(context).inflate(R.layout.layout_item,null);

        ViewGroup.LayoutParams layoutParams =
                new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        view.setLayoutParams(layoutParams);

通过上面的异常信息，可以看出来Choreographer的调用流程：

FrameDisplayEventReceiver.run--doFrame---doCallbacks--CallbackRecord.run--TraversalRunnable.run--doTraversal--performTraversals--performLayout--layout--

然后就是熟悉的onLayout onMeasure onDraw.

可以参考另外一篇介绍编舞者的文章：

Choreographer--编舞者源码分析_choreographer 源码分析-CSDN博客

 at android.view.View.layout(View.java:23750)
        at android.view.ViewGroup.layout(ViewGroup.java:6525)
        at android.view.ViewRootImpl.performLayout(ViewRootImpl.java:4082)
        at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:3501)
        at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:2410)
        at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:9402)
        at android.view.Choreographer$CallbackRecord.run(Choreographer.java:1193)
        at android.view.Choreographer.doCallbacks(Choreographer.java:945)
        at android.view.Choreographer.doFrame(Choreographer.java:851)
        at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:1175)
        at android.os.Handler.handleCallback(Handler.java:938)

代码下载：

https://download.csdn.net/download/niuyongzhi/88408862

niuyongzhi
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
ViewPager2与ViewPager的区别
LZW_00007的博客
03-01 1871
该文章仅供参考，可以帮你梳理好编程思想
ViewPager及ViewPager的使用
spring2335的博客
03-28 93
1.首先准备布局<android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" />2.准备数据源 LayoutInflater inflater=getLayoutInf
使用viewpager2时候遇到的问题(Pages must fill the whole ViewPager2)
qq477631406的专栏
02-19 1万+
一, 在使用recyclerview里嵌套viewpager2的情况下 viewpager2设置完adapter 运行报java.lang.IllegalStateException: Pages must fill the whole ViewPager2 (use match_parent)的错误 这边查看了一下源码发现viewpager2里需要设置子item的需要长或者宽度为match_parent 所以可以在adapter oncreateviewHolder里面设置layoutPa...
Pages must fill the whole ViewPager2 (use match_parent)
u012108336的博客
09-06 3952
ViewPager2使用 Pages must fill the whole ViewPager2 (use match_parent)
Android ViewPager2 + FragmentStateAdapter 的使用以及问题
最新发布
zyppxx的博客
05-28 1790
主要讲述了viewPage2嵌套使用过程中的一些问题以及导致这些问题的原因，总结起来无非以下几点： - viewPage2销毁fragment后依旧会持有其对象信息，并标记在adapter中的mFragments中，在后续复现时不会再进行对象的创建 - 将Binding设置成null并不一定会导致viewPage2的重绘，其依旧可能保留自己原始数据。 - viewPape2在进行setAdapter方法的过程中会将自己持有的fragment对象标记信息设置到FragmentStateA
ViewPager2自定义Adapter解决Fragment动态增加和删除，不刷新等问题
jzlhll123的专栏
06-29 4032
一般的，我们使用ViewPager2是不太会整体地动态更新ViewPager的Fragment或者删除。我们一般只是固定了ViewPager，然后内部的每一个独立的Fragment自行处理各种逻辑。而现在有个需求需要动态增加，删除，改变Fragment。为了达到动态更新，并且希望是尽量复用Fragment。而不是每次都notifyDataSetChange。而且即使notifyDataSetChange也不一定能生效。
ViewPager2 系列-- 初探ViewPager2
xiaokangss的博客
06-19 6423
ViewPager2是Android Jetpack库中的一个组件，是用于在应用程序中实现页面切换和滑动效果的容器。可以应用于多种场景中，提供了灵活的页面切换和布局定制功能，使得应用程序界面更加丰富和交互性强，可以用于以下场景：
ViewPager之可变高度ViewPager
qq_34696209的博客
12-16 612
项目中用到动态高度的ViewPager，为了加强记忆，自己也仿着写个效果来 原理： ViewPager默认是每个页面相同高度的，我们要改变其页面的高度，自然就要在其显示某个页面的时候调用其（ViewPager）的onMeasure方法。本文基于这个观点，在每次选择页面后将当前页面（Fragment）的rootView传递到ViewPager中，让ViewPager根据该roo
viewpager2TabFragmentDemo.zip
11-17
本项目"viewpager2TabFragmentDemo"是基于`ViewPager2`、`Fragment`和`TabLayout`实现的一个示例，展示了如何创建一个具有顶部Tab和底部菜单的联动切换界面。下面将详细讲解这个Demo中的关键知识点。 1. **...
viewpagerindicator:with与ViewPager和ViewPager2一起使用，支持多种滑块样式和多种幻灯片模式。此存储库与BannerViewPager-
04-23
现在支持各种指示符样式和各种指示符滑动模式，还支持可绘制指示符和自定义指示符。 指标视图 Attrs 圆圈 短跑 ROUND_RECT 普通的 光滑的 虫 颜色 规模 原料药 方法 描述 默认 setOrientation（int） ...
ViewPager2Sample.7z
12-14
`ViewPager2`允许用户自定义触摸和滑动事件的处理，可以通过覆写`OnTouchListener`或者使用`MotionEvent`监听器实现。 10. **与TabLayout集成** 可以使用`TabLayoutMediator`将`TabLayout`与`ViewPager2`关联，以...
RadioGroup 和 ViewPager 联动
12-07
RadioGroup 和 ViewPager 联动
2viewpager联动demo
06-04
这个"2viewpager联动demo"是一个示例项目，展示了如何实现两个ViewPager之间的联动效果，并且增加了一些动画来提升用户体验。这样的设计常见于应用的多级导航或者对比展示场景。 首先，我们需要理解`ViewPager`的...
android开发之view pager2的基本使用
weixin_72368277的博客
05-07 937
android开发之view pager2的基本使用
Pages must fill the whole ViewPager2 (use match_parent) 解决方案
热门推荐
刘鑫的博客
12-31 1万+
修改为： 解决
ViewPager2 使用
子冉冰清的博客
11-09 1357
布局管理器允许左右翻转带数据的页面，你想要显示的视图可以通过实现PagerAdapter来显示。这个类其实是在早期设计和开发的，它的API在后面的更新之中可能会被改变，当它们在新版本之中编译的时候可能还会改变源码。ViewPager经常用来连接Fragment，它很方便管理每个页面的生命周期，使用ViewPager管理Fragment是标准的适配器实现。最常用的实现一般有FragmentPagerAdapter和FragmentStatePagerAdapter。
RecyclerView不调用onCreateViewHolder和onBindViewHolder
shanzhuo3562的博客
10-24 3458
RecyclerView不调用onCreateViewHolder和onBindViewHolder的原因有多个： 1.Adapter执行的第一个方法是getItemCount()，只有返回值大于0时，才会继续执行其他方法； 2.设置layoutManager: LinearLayoutManager manager = new LinearLayoutManager(this); man...
Android 小控件
ppss177的博客
07-06 501
以滑动的方式显示view或fragment，ViewPager2通过Adapter显示Views或Fragments。
ViewPager2使用和探究
weixin_41607932的博客
04-15 9274
1.ViewPager2简单介绍     ViewPage2是Jetpack中的其中一个组件，可以实现滑动切换页面的效果，通常可以搭配其他组件实现banner切换、以及类似于抖音短视频上下滑动切换播放的效果。 ViewPager2是基于RecyclerView实现的，自然继承了RecyclerView的众多优点，并且针对ViewPager存在的问题做了优化。 支持垂直方向的滑动且实现极其简单。 完全支持RecyclerView的相关配置功能。 支持多个PageTransformer。 支持DiffUtil
viewpager和viewpager2
06-28
ViewPager和ViewPager2都是Android中的视图控件，用于实现滑动切换不同页面的功能。 ViewPager是Android SDK中的一个类，它可以在同一个Activity中展示多个Fragment，通过左右滑动来切换不同的Fragment。ViewPager...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

niuyongzhi

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值