当前位置： 首页 > wzjs >正文

卢松松外链工具杭州seo培训学校

wzjs 2025/9/17 19:25:45
卢松松外链工具,杭州seo培训学校,汕头市建设工程交易网,唯样商城在新闻资讯 APP 中添加不同新闻分类页面，通过 ViewPager2 实现滑动切换 核心组件的作用 ViewPager2：是 ViewPager 的升级版，基于RecyclerView实现，支持水平 / 垂直滑动、RTL（从右到左）布局，且修…

在新闻资讯 APP 中添加不同新闻分类页面，通过 ViewPager2 实现滑动切换

核心组件的作用

  • ViewPager2：是 ViewPager 的升级版，基于RecyclerView实现，支持水平 / 垂直滑动、RTL（从右到左）布局，且修复了 ViewPager 的诸多缺陷（如 notifyDataSetChanged 不生效、滑动冲突等）。
  • Fragment：可复用的 UI 组件，作为 ViewPager2 的 “页面” 内容，每个滑动页面对应一个 Fragment 实例。
  • FragmentStateAdapter：ViewPager2 的适配器，专门用于管理 Fragment 与 ViewPager2 的绑定，负责创建、销毁 Fragment，类似 RecyclerView 的 Adapter。
  • TabLayout（可选）：通常与 ViewPager2 配合使用，显示标签标题，实现 “标签点击切换 + 滑动切换” 的联动效果。

开发步骤

1.引入依赖

ViewPager2 属于 AndroidX 库，需在build.gradle（Module 级别）中添加依赖（确保版本兼容）：

dependencies {// ViewPager2核心依赖implementation "androidx.viewpager2:viewpager2:1.0.0"// Fragment依赖（若已引入AndroidX Fragment可忽略）implementation "androidx.fragment:fragment-ktx:1.5.6"// （可选）TabLayout联动依赖（与ViewPager2配合）implementation "com.google.android.material:material:1.9.0"
}
2.创建Fragment页面

每个滑动页面对应一个 Fragment，需创建多个 Fragment（如首页、推荐、我的等）。
以 "首页"页面为例：

 @NonNull@Overridepublic ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {View view = LayoutInflater.from(context).inflate(R.layout.item_recommend_user, parent, false);return new ViewHolder(view);}

每个 Fragment 对应一个布局文件（如fragment_home.xml），仅需简单的 UI 内容即可。

3.自定义一个ViewPage2布局

在 Activity 的布局文件中添加 ViewPager2，若需要标签页，可搭配 TabLayout：

我这里把之前写的recyclerView给改成了ViewPage2，用来实现页面的切换

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><!-- 顶部区域：搜索框 + 分类栏 --><LinearLayoutandroid:id="@+id/top_container"android:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"android:elevation="4dp"app:layout_behavior=".util.ScrollAwareFABBehavior"><!-- 搜索栏 --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:background="#D3D3D3"android:padding="8dp"android:elevation="2dp"><EditTextandroid:id="@+id/search_edit_frame"android:layout_width="0dp"android:layout_height="40dp"android:layout_weight="3"android:background="@drawable/search_bg"android:paddingHorizontal="12dp"android:singleLine="true" /><Buttonandroid:id="@+id/button"android:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:text="搜索"android:backgroundTint="#4CAF50"android:textColor="@android:color/white" /></LinearLayout><!-- 分类栏 --><LinearLayoutandroid:id="@+id/category_bar"android:layout_width="match_parent"android:layout_height="50dp"android:orientation="horizontal"android:background="@android:color/white"android:elevation="1dp"><TextViewandroid:id="@+id/tab_hot"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:text="热榜"android:textSize="16sp"android:textColor="#333333"android:gravity="center"android:clickable="true"android:background="?attr/selectableItemBackground" /><TextViewandroid:id="@+id/tab_follow"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:text="关注"android:textSize="16sp"android:textColor="#333333"android:gravity="center"android:clickable="true"android:background="?attr/selectableItemBackground" /><TextViewandroid:id="@+id/tab_recommend"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:text="推荐"android:textSize="16sp"android:textColor="#333333"android:gravity="center"android:clickable="true"android:background="?attr/selectableItemBackground" /><TextViewandroid:id="@+id/tab_city"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:text="同城"android:textSize="16sp"android:textColor="#333333"android:gravity="center"android:clickable="true"android:background="?attr/selectableItemBackground" /></LinearLayout></LinearLayout><!-- ViewPager2容器 --><androidx.viewpager2.widget.ViewPager2android:id="@+id/view_pager"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginTop="?attr/actionBarSize" /><!-- 底部导航栏（保持原设计） --><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal"android:padding="8dp"android:background="#FFFFFF"android:layout_gravity="bottom" ><!-- 首页 --><LinearLayoutandroid:id="@+id/home_tab"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="25dp"android:layout_height="25dp"android:layout_gravity="center_horizontal"android:src="@drawable/main"android:contentDescription="首页图标"/><TextViewandroid:id="@+id/home_text"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="16dp"android:text="首页"android:gravity="center_horizontal"/></LinearLayout><!-- 菜单 --><LinearLayoutandroid:id="@+id/menu_tab"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="25dp"android:layout_height="25dp"android:layout_gravity="center_horizontal"android:src="@drawable/menu"android:contentDescription="菜单图标"/><TextViewandroid:id="@+id/menu_text"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="16dp"android:text="菜单"android:gravity="center_horizontal"/></LinearLayout><!-- 我的 --><LinearLayoutandroid:id="@+id/mine_tab"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:orientation="vertical"android:gravity="center"><ImageViewandroid:layout_width="25dp"android:layout_height="25dp"android:layout_gravity="center_horizontal"android:src="@drawable/mine"android:contentDescription="我的图标"/><TextViewandroid:id="@+id/mine_text"android:layout_width="match_parent"android:layout_height="wrap_content"android:textSize="16dp"android:text="我的"android:gravity="center_horizontal"/></LinearLayout></LinearLayout>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
4.实现FragmentStateAdapter

ViewPager2 需要实现FragmentStateAdapter管理 Fragment（类似 RecyclerView 的 Adapter）。FragmentStateAdapter会根据页面切换动态创建 / 销毁 Fragment，优化内存占用。

package com.example.news.adapter;import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.viewpager2.adapter.FragmentStateAdapter;
import com.example.news.fragment.*;public class CategoryPagerAdapter extends FragmentStateAdapter {public CategoryPagerAdapter(@NonNull FragmentActivity fragmentActivity) {super(fragmentActivity);}@NonNull@Overridepublic Fragment createFragment(int position) {switch (position) {case 0:return new HotFragment();case 1:return new FollowFragment();case 2:return new RecommendFragment();case 3:return new CityFragment();default:throw new IllegalArgumentException("Invalid position: " + position);}}@Overridepublic int getItemCount() {return 4; // 四个分类页面}
}
5.初始化 ViewPager2 并绑定适配器
public class MainActivity extends AppCompatActivity {private ViewPager2 viewPager2;private TabLayout tabLayout;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewPager2 = findViewById(R.id.view_pager2);tabLayout = findViewById(R.id.tab_layout);// 1. 创建Fragment集合List<Fragment> fragments = new ArrayList<>();fragments.add(new HomeFragment());fragments.add(new RecommendFragment());fragments.add(new MineFragment());// 2. 创建适配器并绑定ViewPager2MyViewPager2Adapter adapter = new MyViewPager2Adapter(this, fragments);viewPager2.setAdapter(adapter);// 3. （可选）关联TabLayout与ViewPager2（实现标签与页面同步）new TabLayoutMediator(tabLayout, viewPager2, (tab, position) -> {// 设置标签文本（根据position动态设置）switch (position) {case 0:tab.setText("首页");break;case 1:tab.setText("推荐");break;case 2:tab.setText("我的");break;}}).attach(); // 必须调用attach()才会生效}
}
（可选）配置 ViewPager2 高级属性

根据需求设置 ViewPager2 的滑动方向、预加载、滑动禁用等属性：

// 1. 设置滑动方向（默认水平，可改为垂直）
viewPager2.setOrientation(ViewPager2.ORIENTATION_VERTICAL);// 2. 设置预加载页面数量（默认预加载相邻1页，不能设置为0）
viewPager2.setOffscreenPageLimit(1); // 预加载1页（左右各1页）// 3. 禁用滑动（保留编程式切换，如仅通过Tab点击切换）
viewPager2.setUserInputEnabled(false);// 4. 页面切换监听（监听滑动状态、位置变化）
viewPager2.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {@Overridepublic void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {// 页面滚动时回调}@Overridepublic void onPageSelected(int position) {// 页面选中时回调（常用：更新标题栏、加载数据等）Log.d("ViewPager2", "选中第" + position + "页");}@Overridepublic void onPageScrollStateChanged(int state) {// 滑动状态变化：SCROLL_STATE_IDLE（静止）、SCROLL_STATE_DRAGGING（拖动）、SCROLL_STATE_SETTLING（惯性滑动）}
});
FragmentStateAdapter 的工作原理
  • FragmentStateAdapter通过createFragment(int position)为每个位置创建 Fragment，且会缓存当前页及相邻页的 Fragment（数量由offscreenPageLimit控制）。
  • 当 Fragment 不可见且超出缓存范围时，会被销毁（调用onDestroy()），但状态会被保存（通过onSaveInstanceState()），下次显示时重建并恢复状态。
  • 构造方法必须传入FragmentActivity或Fragment，因为适配器需要通过它们的getSupportFragmentManager()和Lifecycle管理 Fragment 生命周期。

在这里插入图片描述


文章转载自：

http://k8Hiull8.jzpxj.cn
http://HRE5UCh5.jzpxj.cn
http://bAODKZ8U.jzpxj.cn
http://qmRnvFsi.jzpxj.cn
http://fyGkQw8r.jzpxj.cn
http://eNFzDFyV.jzpxj.cn
http://fbByNmG4.jzpxj.cn
http://3fkysr0a.jzpxj.cn
http://bRyO8dJ1.jzpxj.cn
http://zKFBUeLx.jzpxj.cn
http://Z7kllmdZ.jzpxj.cn
http://SauA4ID6.jzpxj.cn
http://bgDwM1QM.jzpxj.cn
http://4lK3xstR.jzpxj.cn
http://KHF9T3Ab.jzpxj.cn
http://sacCgpws.jzpxj.cn
http://4BcpjS3A.jzpxj.cn
http://eE2hmsIf.jzpxj.cn
http://TsTb8d2a.jzpxj.cn
http://7YEQwq8M.jzpxj.cn
http://nP6qLXeA.jzpxj.cn
http://C5jmWzsm.jzpxj.cn
http://dRKqjnGk.jzpxj.cn
http://XfJJwWxx.jzpxj.cn
http://Hzq8K3OZ.jzpxj.cn
http://KAonfLYH.jzpxj.cn
http://MgLzH7Xe.jzpxj.cn
http://W93yyOB6.jzpxj.cn
http://OPGPMHzN.jzpxj.cn
http://TB2sI7o8.jzpxj.cn
http://www.dtcms.com/wzjs/770637.html

相关文章：

  • 廊坊建设企业网站文字生成图片
  • 建设小型网站需要什么技术wordpress打开有盗链
  • 做购物网站的图标从哪里来建筑设计资质加盟
  • 网站开发合同 深圳思wordpress get title
  • 招商网官网平台北京网站关键字优化
  • 网站建设的探讨与研究ifttt wordpress
  • 成都市建设领域信用系统网站阿土伯网站做产品推广咋样
  • 国外网站为什么不用备案服务器活动
  • 电商网站开发的难点在哪里用织梦系统怎么做网站
  • 公司网站发布流程html菜鸟教程首页
  • 做驾考学时在哪个网站网站建设属于前端还是后台
  • 家具网站模版如何利用电商平台推广
  • 网站开发工作程序怎么写葫芦岛建设网站
  • 互联网排名前十的公司西安seo主管
  • 广西网站建设哪家不错申请个网站要多少钱
  • 建基建设集团网站辣条网站建设书
  • wordpress多语言建站江苏廉政建设网站
  • 网站颜色搭配案例嵌入式软件开发培训机构
  • 合肥商城网站建设地址网站建设管理考核办法
  • 网站只显示一个网址网站logo用什么做
  • 移动端网站构成要素网站的权限设置
  • 莆田专业网站制作python基础教程电子书在线阅读
  • 保定网站建设冀icpwordpress文章如何匪类
  • 定制版网站建设详细报价网站建设 中标
  • 青岛网站建设推广服务沈阳网站建设公司多少钱
  • 网站开发合同需要交印花税吗wordpress调用服务器文件夹
  • 拖拽式网站建设费用建信股权投资管理有限责任公司
  • 电商网站建设市场分析建设银行公积金预约网站
  • 优质高职院校建设专题网站网站后台管理系统下载
  • 微信 公众号 微网站开发哪里学做网站