Android中TabLayout结合ViewPager实现页面切换
本文实例为大家分享了Android中TabLayout结合ViewPager实现页面切换，供大家参考，具体内容如下
一、实现思路
1、在build.gradle中添加依赖，例如：
compile 'com.android.support:support-v4:23.4.0'
compile 'com.android.support:design:23.4.0'
也可以将support-v4替换为appcompat-v7，例如：
compile 'com.android.support:appcompat-v7:23.4.0'
因为appcompat-v7是依赖于support-v4的。
更多说明可参考官方文档support library部分。
2、在xml中添加TabLayout和ViewPager，例如：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tool="http://schemas.android.com/tools"
xmlns:app="http://schemas.android.com/apk/res-auto"
tool:context=".TabViewActivity"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TabLayout
android:id="@+id/tab_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/tabLayoutBackground"
app:tabMode="scrollable"
app:tabTextColor="@color/color_white"
app:tabSelectedTextColor="@color/tabSelectedText"
app:tabIndicatorHeight="3dp"
app:tabIndicatorColor="@color/color_white"/>
<android.support.v4.view.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</LinearLayout>
TabLayout：
（1）tabMode有两个属性，一个是"scrollable"，用于多标签；另一个是"fixed"，用于少标签，它会让全部标签平均分布在屏幕上，所以标签不能多，而且名称也不能长，否则会显示不完整。
（2）tabIndicator是指文本下的指示条。当选中一个tab时，指示条才会出现，出现在文本下面。
3、获取View对象
TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout); ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
4、创建FragmentStatePagerAdaper的子类，并实现构造方法
public class ViewPagerAdapter extends FragmentStatePagerAdapter {
public ViewPagerAdapter(FragmentManager fm) {
super(fm);
}
}
创建该类的一个实例对象
ViewPagerAdapter viewPagerAdapter = new ViewPagerAdapter(getSupportFragmentManager());
在这一步中，你可以选择是实现FragmentPagerAdapter的子类，或者是FragmentStatePagerAdapter的子类。
FragmentPagerAdapter用于页数较少的，也就Fragment的数量较少的，因为只要用户还停留在当前的Activity中，其中的Fragment都不会被销毁，所以内存消耗会比较大。
而FragmentStatePagerAdapter的工作原理类似于ListView，只要用户不可见的Fragment，都会被销毁，只保留它的状态。
因为我用的是v4兼容包下的Fragment，所以需要用getSupportFragmentManager()去获取FragmentManager。
5、设置ViewPager和TabLayout
viewPager.setAdapter(viewPagerAdapter); tabLayout.setupWithViewPager(viewPager);
二、完善Adapter
1、重写三个方法
public class ViewPagerAdapter extends FragmentStatePagerAdapter {
......
@Override
public Fragment getItem(int position) {
return null;
}
@Override
public int getCount() {
return 0;
}
@Override
public CharSequence getPageTitle(int position) {
return super.getPageTitle(position);
}
}
2、创建tab的标题数据：
private String[] mTitles = new String[]{"语文", "英语", "数学", "物理", "生物", "化学", "地理", "政治", "历史"};
创建Fragment的子类:
public class ViewPagerFragment extends Fragment {
private static final String KEY = "extra";
private String mMessage;
public ViewPagerFragment() {
}
public static ViewPagerFragment newInstance(String extra) {
Bundle args = new Bundle();
args.putString(KEY, extra);
ViewPagerFragment fragment = new ViewPagerFragment();
fragment.setArguments(args);
return fragment;
}
}
创建Fragment的集合对象，并添加实例对象到集合里：
private ArrayList<ViewPagerFragment> mViewPagerFragments = new ArrayList<>();
......
for (int i = 0; i < mTitles.length; i++) {
mViewPagerFragments.add(ViewPagerFragment.newInstance(mTitles[i]));
}
3、修改Adapter中的方法
public class ViewPagerAdapter extends FragmentStatePagerAdapter {
private String[] titles;
private ArrayList<ViewPagerFragment> viewPagerFragments;
public ViewPagerAdapter(FragmentManager fm) {
super(fm);
}
public void setTitles(String[] titles) {
this.titles = titles;
}
public void setFragments(ArrayList<ViewPagerFragment> viewPagerFragments) {
this.viewPagerFragments = viewPagerFragments;
}
@Override
public Fragment getItem(int position) {
return viewPagerFragments.get(position);
}
@Override
public int getCount() {
return viewPagerFragments.size();
}
@Override
public CharSequence getPageTitle(int position) {
return titles[position];
}
}
4、将数据传给Adapter
viewPagerAdapter.setTitles(mTitles); viewPagerAdapter.setFragments(mViewPagerFragments);
三、完善Fragment
1、fragment_view_pager_item.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/fragment_text"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"/>
</LinearLayout>
2、完善Fragment的方法
public class ViewPagerFragment extends Fragment {
......
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Bundle bundle = getArguments();
if (bundle != null) {
mMessage = bundle.getString(KEY);
}
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_view_pager_item, container, false);
TextView textView = (TextView) view.findViewById(R.id.fragment_text);
textView.setText(mMessage);
return view;
}
}
在创建Fragment时，会调用onCreate方法，在其中执行一些状态信息的初始化，用于暂停或停止后的恢复所用。
在Fragment首次加载视图时，会调用onCreateView方法，在其中执行视图的加载和初始化，返回的应该是该Fragment布局的根视图。其中inflate方法的第三个参数代表的意思是，是否要将加载进来的布局（R.layout.fragment_view_pager_item）添加进container这个ViewGroup里。根据官方文档的说明，上例那样做的话，系统已经将这个布局添加进container了，所以这里为false。
静态效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
- TabLayout+ViewPager实现切页的示例代码
- TabLayout实现ViewPager指示器的方法
- Android 中基于TabLayout+ViewPager实现标签卡效果
- TabLayout关联ViewPager后不显示文字的解决方法
- Android中TabLayout+ViewPager实现tab和页面联动效果
- Android中TabLayout+ViewPager 简单实现app底部Tab导航栏
- Android中TabLayout结合ViewPager实现页面切换效果
- AndroidUI组件SlidingTabLayout实现ViewPager页滑动效果
- TabLayout+ViewPager2的简单使用详解
相关文章
这篇文章主要给大家介绍了关于Kotlin学习教程之操作符重载的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-02-02
这篇文章主要介绍了Android 退出应用程序的实现方法的相关资料,需要的朋友可以参考下2017-04-04
fastjson是一个Java语言编写的高性能功能完善的JSON库,它采用一种“假定有序快速匹配”的算法,把JSON Parse的性能提升到极致,是目前Java语言中最快的JSON库,Fastjson接口简单易用,已经被广泛使用在缓存序列化、协议交互、Web输出、Android客户端等多种应用场景2023-11-11
Android开发中消耗内存较多一般都是在图像上面，下面这篇文章主要给大家介绍了关于Android如何高效安全加载图片的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-02-02
这篇文章主要为大家详细介绍了Android自定义View叶子旋转完整版，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了Android实现关机后数据不会丢失问题，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了泛洪填充算法,工作原理是从一个点开始附近像素点，填充成新的颜色，直到封闭区域内的所有像素点都被填充新颜色为止，分享给大家供大家参考2018-05-05
超简单Android集成华为HMS Scankit 扫码SDK实现扫一扫二维码
这篇文章主要介绍了超简单Android集成华为HMS Scankit 扫码SDK实现扫一扫二维码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-03-03
本文通过一个demo给大家介绍了android指纹功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-12-12
Android中修改TabLayout底部导航条Indicator长短的方法
Tablayout在我们日常开发中经常会遇到，下面这篇文章主要给大家介绍了在Android中修改TabLayout底部导航条Indicator长短的方法，文中给出了详细的示例代码供大家参考学习，需要的朋友们下面来一起看看吧。2017-06-06
最新评论