摘自：安卓APP_ 布局（7) —— ViewPager翻页
作者：丶PURSUING
发布时间： 2021-04-14 19:37:18
网址：https://blog.csdn.net/weixin_44742824/article/details/115705471

ViewPager

  • 实现效果一睹为快
  • （1）创建三个页面布局：
  • （2） 在`activity_main.xml`中创建`viewpage`
  • （3）创建每一个布局（layout）对应的view,并把他们添加到集合中：
  • （4）再用adapter适配器传输布局数据：
  • 更多细节在源码中体现

实现效果一睹为快

页面翻页：

（1）创建三个页面布局：

（2） 在activity_main.xml中创建viewpage

（3）创建每一个布局（layout）对应的view,并把他们添加到集合中：

在MainActivity.java中:

（4）再用adapter适配器传输布局数据：

其中创建的类MyAdapter.java,要重写实现几个方法

instantiateItem

getCount


isViewFromObject


destroyItem


补充：

使用代码生成器（Alt + enter），搜索方法名字，重写方法。

更多细节在源码中体现

mylayout1.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#00ffff"android:orientation="vertical"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="layout1"android:textSize="50sp"/></LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#00ffff"android:orientation="vertical"><androidx.viewpager.widget.ViewPagerandroid:layout_width="match_parent"android:layout_height="match_parent"android:id="@+id/vp"/></LinearLayout>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

MainActivity.java

public class MainActivity extends AppCompatActivity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);//通过Inflater进行渲染LayoutInflater lf = getLayoutInflater().from(this);//使用lf对象进行渲染View view1 = lf.inflate(R.layout.mylayout1, null);View view2 = lf.inflate(R.layout.mylayout2, null);View view3 = lf.inflate(R.layout.mylayout3, null);//把三个view添加到集合中List<View> viewList = new ArrayList<>();viewList.add(view1);viewList.add(view2);viewList.add(view3);ViewPager viewPage = findViewById(R.id.vp);//有了集合后，创建AdapterMyAdapter myAdapter = new MyAdapter(viewList);viewPage.setAdapter(myAdapter);}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

MyAdapter.java

public class MyAdapter extends PagerAdapter {//创建View列表private List<View> mListView;public MyAdapter(List<View> mListView){this.mListView = mListView;}@NonNull@Override//方法实现了：（1）将给定位置的view添加到ViewGroup（容器）中，创建并显示出来//         （2）返回一个代表新增页面的Object(key)，通常都是直接返回view本身就可以public Object instantiateItem(@NonNull ViewGroup container, int position) {container.addView(mListView.get(position),0);return mListView.get(position);}@Override//获得viewpager中有多少个viewpublic int getCount() {return mListView.size();}@Override//判断instantiateItem方法返回来的key与一个页面视图是否代表同一个视图（即他们是否相对应，对应则表示同一个view）//通常是直接写return view == objectpublic boolean isViewFromObject(@NonNull View view, @NonNull Object object) {return view == object;}@Override//移除一个给定位置的页面public void destroyItem(@NonNull ViewGroup container, int position, @NonNull Object object) {container.removeView(mListView.get(position));}
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37

安卓APP_ 布局（7) —— ViewPager翻页相关推荐

  1. 安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页

    摘自:安卓APP_ 布局(8) -- 基于 RecyclerView 的 ViewPager2翻页 作者:丶PURSUING 发布时间: 2021-04-20 15:37:54 网址:https:// ...

  2. 安卓APP_ 布局（6) —— ConstrainLayout约束布局（重要）

    摘自:安卓APP_ 布局(6) -- ConstrainLayout约束布局(重要) 作者:丶PURSUING 发布时间: 2021-04-12 10:49:42 网址:https://blog.cs ...

  3. 安卓APP_ 布局（5) —— GridLayout网格布局

    摘自:安卓APP_ 布局(5) -- GridLayout网格布局 作者:丶PURSUING 发布时间: 2021-04-12 00:08:31 网址:https://blog.csdn.net/we ...

  4. 安卓APP_ 布局（4) —— TableLayout表格布局

    摘自:安卓APP_ 布局(4) -- TableLayout表格布局 作者:丶PURSUING 发布时间: 2021-04-11 22:55:50 网址:https://blog.csdn.net/w ...

  5. 安卓APP_ 布局（3) —— FrameLayout帧布局

    摘自:安卓APP_ 布局(3) -- FrameLayout帧布局 作者:丶PURSUING 发布时间: 2021-04-05 20:41:02 网址:https://blog.csdn.net/we ...

  6. 安卓APP_ 布局（2) —— RelativeLayout相对布局

    摘自:安卓APP_ 布局(2) -- RelativeLayout相对布局 作者:丶PURSUING 发布时间: 2021-04-05 20:19:54 网址:https://blog.csdn.ne ...

  7. 安卓APP_ 布局（1）—— LinearLayout

    摘自:安卓APP_ 布局(1)-- LinearLayout 作者:丶PURSUING 发布时间: 2021-04-05 16:46:22 网址:https://blog.csdn.net/weixi ...

  8. App 金刚区导航菜单，类似淘宝、QQ 音乐等 APP 导航，方格布局横向滑动翻页带滚动条

    TransformersLayout 项目地址:zaaach/TransformersLayout  简介: :fire: App 金刚区导航菜单,类似淘宝.QQ 音乐等 APP 导航,方格布局横向滑 ...

  9. android 布局翻页,安卓APP_ 布局（8) —— 基于 RecyclerView 的 ViewPager2翻页

    viewpager2 是对RecyclerView 的封装(所以viewpager2 自带懒加载方案),相对于viewpager,在实际项目中,更推荐使用viewpager2 . 实现效果 目前来说跟 ...

最新文章

  1. jQuery与其它库冲突的解决方法（转）
  2. 防止在iOS设备中的Safari将数字识别为电话号码
  3. vue-axios interceptors
  4. 记录一次StackOverflowError问题
  5. Ai Challenger Caption图像中文描述（2017）
  6. MPEG-2码流结构分析
  7. 前端基础学习之CSS样式
  8. 小白Linux入门之：CentOS基础命令
  9. linux ab 命令参数,linux环境中ab命令简介及结果分析
  10. Mathematics for Machine Learning--机器学习笔记【合集】
  11. 接口测试——并行上传文件
  12. 【windows11】win10专业版 使用“安装助手” 直接升级到win11
  13. win10安装oracle数据库失败
  14. 第九课堂：人人都可以当老师
  15. 关于劳务派遣有哪些优缺点
  16. 微计算机应用是核心吗,北大核心哪个杂志好投
  17. OA办公系统选购，千万别犯这些错
  18. Win7系统服务优化攻略
  19. 关于睡眠，你需要了解的3件事
  20. ACM模板 | 学习笔记 树相关

热门文章

  1. Effective_STL 学习笔记（十九） 了解相等和等价的区别
  2. JavaScript的值传递和引用传递
  3. 手把手教你用1行代码实现人脸识别 -- Python Face_recognition
  4. CentOS7 上安装 Zookeeper-3.4.9 服务
  5. 2016-04-29 二分查找的面试题
  6. 设置UILabel可变高度（根据文本内容自动适应高度）
  7. 高仿QQ即时聊天软件开发系列之三登录窗口用户选择下拉框
  8. MATLAB 批量改文件名称
  9. 解决VS2005 远程工具无法通过同步软件连接S5pv210 样机的问题
  10. paddlepaddle-VisualDL2.0对项目进行可视化调参