tablayout+viewpager+fragment组合使用以及懒加载机制

最新推荐文章于 2024-05-15 19:20:45 发布
最新推荐文章于 2024-05-15 19:20:45 发布
阅读量4.5k 收藏 3
点赞数 1
分类专栏： Android-综合
本文介绍了在Android开发中TabLayout+ViewPager+Fragment的组合使用方法，详细解析了相关XML属性和Java代码。同时，针对懒加载机制，讨论了默认情况下预加载的fragment数量以及如何通过自定义实现只在fragment显示时加载数据，避免切换回时重复加载，以优化性能。
摘要由CSDN通过智能技术生成

在开发中经常用到TabLayout+ViewPager+Fragment的组合。如下图所示：

首先介绍一下使用方法：

xml文件

1
2
3
4
5
6
7
8
9
10
11
12
13
14

 <android.support.design.widget.TabLayout
                android:id="@+id/tab_layout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#EF8D11"
                app:tabIndicatorColor="#EF4A11"
                app:tabMode="scrollable"
                app:tabSelectedTextColor="#FFFFFF"
                app:tabTextAppearance="@style/MyTabLayoutTextAppearance"
                app:tabTextColor="#FFFFFF" />
<android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

属性说明：
android:background="#EF8D11" 背景色
app:tabIndicatorColor="#EF4A11" tab文字下方的那条线的颜色
app:tabMode="scrollable" 如果tab过多超出屏幕宽度可以水平滚动
app:tabSelectedTextColor="#FFFFFF" tab被选中的时候文字的颜色
app:tabTextColor="#FFFFFF" tab未被选中时文字的颜色
app:tabTextAppearance="@style/MyTabLayoutTextAppearance" 自定义字体大小（一般使用默认即可）

1
2
3

<style name="MyTabLayoutTextAppearance" parent="TextAppearance.AppCompat.Widget.ActionBar.Title.Inverse">
    <item name="android:textSize">12sp</item>
</style>

java 代码

1
2
3
4
5
6
7
8
9

private void setTabs() {
        HomePagerAdapter homePagerAdapter = new HomePagerAdapter(getSupportFragmentManager());
        homePagerAdapter.addTab(new FragmentOne(), "tab1");
        homePagerAdapter.addTab(new FragmentTwo(), "tab2");
        homePagerAdapter.addTab(new FragmentThree(), "tab3");
        viewPager.setAdapter(homePagerAdapter);
        //把tabLayout和Viewpager关联起来
        tabLayout.setupWithViewPager(viewPager);
    }

HomePagerAdapter.java

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
38
39
40

package com.jetsun.demo;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;

import java.util.ArrayList;
import java.util.List;

/**
 * Overview:
 */
public class HomePagerAdapter extends FragmentStatePagerAdapter {
    private List<Fragment> fragments = new ArrayList<>();
    private List<String> titles = new ArrayList<>();

    public HomePagerAdapter(FragmentManager fm) {
        super(fm);
    }

    public void addTab(Fragment fragment, String title) {
        fragments.add(fragment);
        titles.add(title);
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return titles.get(position);
    }

    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

    @Override
    public int getCount() {
        return fragments.size();
    }
}

懒加载机制

默认情况下，当显示tab1时，tab2已经加载了（已经调用了生命周期的oncreate,oncreateview,onactivitycreate,onresume方法），也就是默认加载当前fragment两边的一个fragment。加载的个数可以通过viewpager.setoffscreenpagelimit方法控制，模式是viewpager.setoffscreenpagelimit(1).最少也就是1，即使设置成0也默认预加载一个。假如现在的需求是要在fragment显示出来的时候才加载数据，那么通过viewpager.setoffscreenpagelimit方法是无法做到控制的。
下面就介绍另外一种方法来实现这种需求：

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70

package com.jetsun.demo;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import butterknife.Bind;
import butterknife.ButterKnife;

/**
 * Overview:
 */
public class FragmentDemo extends Fragment {

    @Bind(R.id.recycler_view)
    RecyclerView recyclerView;
    @Bind(R.id.swipe_refresh_layout)
    SwipeRefreshLayout swipeRefreshLayout;
    //控件是否已经初始化
    private boolean isCreateView = false;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment, null, false);
        ButterKnife.bind(this, view);

        initViews();
        isCreateView = true;
        return view;
    }

    private void initViews() {
       //初始化控件
    }

	//此方法在控件初始化前调用，所以不能在此方法中直接操作控件会出现空指针
    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isVisibleToUser && isCreateView) {
            lazyLoad();
        }
    }

    private void lazyLoad() {
        //加载数据操作
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //第一个fragment会调用
        if (getUserVisibleHint())
            lazyLoad();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        ButterKnife.unbind(this);
    }
}

在实际开发中，可以把上面的代码抽取到BaseFragment中使用。上面这个方法实现了每次fragment显示出来的时候加载数据，但是这样切换回来的时候还会重复加载，我们只需加载一次就好了。所以改进一下：

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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

package com.jetsun.demo;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.widget.RecyclerView;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import butterknife.Bind;
import butterknife.ButterKnife;

/**
 * Overview:
 */
public class FragmentDemo extends Fragment {

    @Bind(R.id.recycler_view)
    RecyclerView recyclerView;
    @Bind(R.id.swipe_refresh_layout)
    SwipeRefreshLayout swipeRefreshLayout;
    //控件是否已经初始化
    private boolean isCreateView = false;
    //是否已经加载过数据
    private boolean isLoadData = false;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment, null, false);
        ButterKnife.bind(this, view);

        initViews();
        isCreateView = true;
        return view;
    }

    private void initViews() {
       //初始化控件
    }

	//此方法在控件初始化前调用，所以不能在此方法中直接操作控件会出现空指针
    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isVisibleToUser && isCreateView) {
            lazyLoad();
        }
    }

    private void lazyLoad() {
    //如果没有加载过就加载，否则就不再加载了
        if(!isLoadData){
                //加载数据操作
                isLoadData=true;
        }
    }


    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        //第一个fragment会调用
        if (getUserVisibleHint())
            lazyLoad();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        ButterKnife.unbind(this);
    }
}

#tablayout
xjbclz
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Tablayout+viewpager+fragment
05-26
Tablayout+viewpager+fragment
tablayout+viewpager+fragment懒加载
Liu_ser的博客
01-15 436
原文在简书：https://www.jianshu.com/p/eb81f3692229 我的是缩减版，只有优化，可以去看原版的。 public abstract class PagerFragment extends Fragment implements View.OnClickListener{ protected View rootView; //当前Frag
Android实现TabLayout + ViewPager + Fragment联动
最新发布
qq_74018781的博客
05-15 435
Android实现TabLayout + ViewPager + Fragment联动
TabLayout-ViewPager填充Fragment和懒加载
小城我家
10-11 3704
Tablayout+ViewPager填充Fragment和懒加载使用Fragment来填充ViewPagerTabLayout+ViewPager+Fragmenet是使用非常多的控件组合。TabLayout组件的简单介绍 TabLayout是Material Design组件开发中的一种，使用时需要先导入design库的依赖。 TabLayout做出的效果是一排可以滑动的Tab，相当于一排指示器
非常简单的TabLayout+viewpager+fragment(真的是简单的不得了)
mintent的博客
12-08 616
Tablayout是5.0新出的新特性，想要使用，必须得依赖design包，地址： implementation 'com.android.support:design:28.0.0' 不多说了，直接看代码吧。 activity中： package com.example.lenovo.myapplication.activity; import android.support.de...
tablayout+viewPager+fragment
weixin_41453733的博客
08-27 104
package com.dy.com.tablayout; import android.support.design.widget.TabLayout; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentPagerAdapter; import android.support.v4.vi...
Android之Viewpager+Fragment实现懒加载示例
08-31
"Android之Viewpager+Fragment实现懒加载示例" Android应用开发中，Viewpager和Fragment...通过使用setUserVisibleHint方法和lazy加载机制，我们可以实现Viewpager和Fragment的懒加载，从而提高应用的性能和用户体验。
网易新闻首页效果(ViewPager+Fragment+ListView)
04-30
【标题】：“网易新闻首页效果”是通过使用ViewPager、Fragment和ListView这三种核心组件实现的。这个项目展示了如何在Android应用中构建一个类似网易新闻客户端首页的动态滑动页面。 【描述】：在这个项目中，...
Android Tab（TabLayout+Fragment）实现源码
01-21
在Android开发中，TabLayout和Fragment的组合是创建多页签界面的常见方式。TabLayout是Google提供的设计支持库中的一个组件，它提供了一种优雅的方式来展示和切换多个Fragment，每个Fragment代表一个独立的Tab内容。...
懒加载viewpager+fragment
08-11
实现"懒加载viewpager+fragment"的关键在于合理控制数据加载时机、有效地利用ViewPager的预加载机制以及妥善处理滑动事件。开发者需要根据实际需求，权衡性能和用户体验，选择最佳的实现策略。在项目中应用这些技术...
android实现ViewPager懒加载的三种方法
01-04
我们能做的就是屏蔽掉ViewPager的预加载机制。虽然ViewPager中提供的有setOffscreenPageLimit()来控制其预加载的数目，但是当设置为0后我们发现其根本没效果，这个的最小值就是1，也就是你只能最少前后各预加载一页...
Tablayout+Viewpager+Fragment组合使用以及懒加载机制
u012602304的博客
04-20 627
下面这个界面在日常开发中简直太常见不过了，viewpager+fragment组合出来的效果！                              首先介绍一下使用方法：xml文件[java] view plain copy&lt;android.support.design.widget.TabLayout         android:id="@+id/tab_layout"     ...
TabLayout+Viewpager+Fragment
zuimeirensheng的博客
10-26 194
Main_布局 xml version="1.0" encoding="utf-8"?> xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" xmlns:app="http://sc
Android Tablayout+ViewPager+Fragment
Jokaer的博客
05-04 1094
正文 我们在进行开发的时候可能需要使用Fragment，更多时候是结合Tablayout和ViewPager来使用，我们的使用步骤一般是 获取Tablayout和ViewPager控件的实例 初始化各个Fragment 初始化自定义的FragmentPagerAdapter 给ViewPager设置适配器，即设置FragmentPagerAdapter 让Tablayout和ViewPager绑...
Android 导航条效果实现（六） TabLayout+ViewPager+Fragment
热门推荐
NoOneCode的博客
09-20 3万+
TabLayout一、继承结构public class TabLayout extends HorizontalScrollView 二、TabLayout的使用 1、TabLayout简单使用 TabLayout来自design兼容包，使用需要添加依赖。android studio 添加依赖如下：
TabLayout+ViewPager+Fragment
海晨忆的博客
05-26 705
最近用腾讯视频APP，看视频的时候发现，他的首页上面分类滑动条，点击会自动居中显示，就来了点兴趣。找了下资料，发现这个实现其实很简单，就是Tablayout+viewpager+fragment实现的。 首先，先依赖Tablayout compile 'com.android.support:design:25.2.0' 然后就是布局文件了 <android.support.desig
tablayout+viewpager+fragment
03-16
TabLayout、ViewPager和Fragment是Android开发中常用的三个组件，它们可以结合使用，实现多个页面之间的切换和导航。TabLayout用于显示标签页，ViewPager用于管理多个Fragment，Fragment则是每个标签页对应的页面内容。通过TabLayout和ViewPager的联动，用户可以方便地在不同的页面之间进行切换。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值