二级页面首页的ViewPager页面切换

效果展示

代码实现

创建几个三级页面Fragment视图

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;public class Page1Fragment extends Fragment {View view = null;@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {//判断view是否为空if(view==null) {view = getMyView();}else {//清除当前重用的view的parentViewGroup viewGroup = (ViewGroup) view.getParent();if (viewGroup!=null){viewGroup.removeView(view)  ;}}return view;}private View getMyView() {TextView textView= new TextView(getActivity());textView.setBackgroundColor(Color.GRAY);textView.setText("页面1");textView.setTextSize(30);textView.setGravity(Gravity.CENTER);return textView;}
}

ViewPager的Fragment数据丢失问题

一般用ViewPager滑动页面时会出现数据丢失的问题

当Fragment滑出屏幕的时候，系统调onDestoryView方法
销毁视图
当Fragment重新滑入屏幕的时候，系统调onCreateView方法
创建新的视图

//清除当前重用的view的parentViewGroup viewGroup = (ViewGroup) view.getParent();if (viewGroup!=null){viewGroup.removeView(view)  ;}

上述代码可以解决数据丢失问题

创建fragment_home视图文件

TabLayout需要引入依赖
implementation ‘com.android.support:design:28.0.0’

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout android:orientation="vertical"android:layout_width="match_parent"android:layout_height="match_parent"xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"><!--app:tabMode="scrollable" 如果标题过多，滑动 --><android.support.design.widget.TabLayoutandroid:id="@+id/tl_home"app:tabMode="scrollable"app:tabTextColor="#242424"app:tabIndicatorHeight="6dp"app:tabIndicatorFullWidth="false"app:tabSelectedTextColor="#F04445"android:layout_width="match_parent"android:layout_height="40dp"></android.support.design.widget.TabLayout><android.support.v4.view.ViewPagerandroid:id="@+id/vp_home"android:layout_width="match_parent"android:layout_height="match_parent"></android.support.v4.view.ViewPager></LinearLayout>

HomeFragment.java

import android.graphics.Color;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;import com.example.administrator.zhjrtt.R;
import com.xzit.fragment.sub.Page1Fragment;
import com.xzit.fragment.sub.Page2Fragment;
import com.xzit.fragment.sub.Page3Fragment;
import com.xzit.fragment.sub.Page4Fragment;import java.util.ArrayList;
import java.util.List;public class HomeFragment extends Fragment {class MyPagerAdapter extends FragmentPagerAdapter{//创建集合存放页面private List<Fragment> pages = new ArrayList<>();//创建集合存放指示器标题private List<String> titles = new ArrayList<>();public MyPagerAdapter(FragmentManager fm) {super(fm);//将初始化Fragment页面放入页面集合pages.add(new Page1Fragment());pages.add(new Page2Fragment());pages.add(new Page3Fragment());pages.add(new Page4Fragment());//将标题内容放入集合titles.add("Page1Fragment");titles.add("Page2Fragment");titles.add("Page3Fragment");titles.add("Page4Fragment");}@Nullable@Overridepublic CharSequence getPageTitle(int position) {//返回指定位置标题内容return titles.get(position);}@Overridepublic Fragment getItem(int i) {//返回页面内容return pages.get(i);}@Overridepublic int getCount() {//返回页面数量return pages.size();}}@Nullable@Overridepublic View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {View view = getMyView();return view;}private View getMyView() {//1.布局viewpager//2.加载View view = View.inflate(getActivity(),R.layout.fragment_home,null);ViewPager viewPager = view.findViewById(R.id.vp_home);//3.定义适配器//4.初始化设置适配器MyPagerAdapter myPagerAdapter = new MyPagerAdapter(getFragmentManager());viewPager.setAdapter(myPagerAdapter);//5.初始化指示器TabLayout tabLayout = view.findViewById(R.id.tl_home);tabLayout.setupWithViewPager(viewPager);//->viewpager-->adapter->getPageTitlereturn view;}
}

（仿头条APP项目）3.二级页面首页的ViewPager页面切换相关推荐

（仿头条APP项目）8.新闻详情页面实现和butterknife插件使用
文章目录 butterknife插件使用导入依赖下载插件使用新闻详情页面显示效果图实现思路具体实现布局数据库添加收藏表新闻详情页面具体业务逻辑实现详情页面跳转效果图具体实现步 ...
（仿头条APP项目）4.父类BaseFragment创建，用retrofit和gson获取并解析服务器端数据
文章目录父类BaseFragment创建,用retrofit和gson获取并解析服务器端数据效果展示创建父类BaseFragment解决代码重复问题用retrofit和gson获取并解析服务器 ...
（仿头条APP项目）7.首页标签页完善和微头条页面设计实现
文章目录一.首页标签页完善效果图具体实现二.微头条页面设计实现效果图实现思路具体实现布局微头条页面实体类业务逻辑代码一.首页标签页完善在之前已经把首页北京标签的新闻列表页面基本 ...
（仿头条APP项目）2.主界面按钮切换Fragment页面
文章目录主界面按钮切换Fragment页面效果展示框架结构 xml视图主视图选择器和style java代码模块创建4个Fragment 1.绑定按钮选择事件 2.初始化和用HashMap ...
（仿头条APP项目）5.列表页面设计实现
文章目录列表页面设计效果图具体实现添加Glide依赖添加主页面和两个列表布局用GsonFormat快速创建NewListData实体类存放新闻列表数据 MyApi添加一个获取新闻列表的方法 ...
（仿头条App项目）9.视频列表页面实现
文章目录视频列表页面实现效果图相关布局功能实现引入第三方视频库插件从服务端获取数据显示滚动播放功能实现视频列表页面实现效果图相关布局视频VideoFragment页面放一个Li ...
（仿头条APP项目）1.app载入界面相关功能实现
app载入界面相关功能实现模块功能 1.设置页面布局 2.初始化视频播放 //控制是否跳到主界面private boolean isjump = false;private VideoView vi ...
（仿头条APP项目）6.点击过的新闻列表文字变灰和下拉刷新与滚动加载新闻数据
文章目录一.点击过的新闻列表文字变灰效果图实现思路导入ormlite数据库类依赖利用ormlite创建数据库和表创建数据库类MyDbHelper 创建数据库中的新闻实体类NewInfo 页 ...
头条App项目测试实战（二）App手工测试流程以及需求分析与评审
熟悉头条App项目步骤: 业务特性用户与角色组织架构图技术栈头条App测试流程(一次迭代) 测试流程需求分析与评审编写测试计划(测试方案) 设计测试用例与评审执行测试用例与缺陷跟踪编写 ...

（仿头条APP项目）3.二级页面首页的ViewPager页面切换

文章目录

二级页面首页的ViewPager页面切换

效果展示

代码实现

创建几个三级页面Fragment视图

ViewPager的Fragment数据丢失问题

创建fragment_home视图文件

HomeFragment.java

（仿头条APP项目）3.二级页面首页的ViewPager页面切换相关推荐

最新文章

热门文章