尝试Fragment与ViewPager结合的最佳实践

最新推荐文章于 2024-05-08 20:28:14 发布
最新推荐文章于 2024-05-08 20:28:14 发布
阅读量569 收藏 1
点赞数 2
分类专栏： UI 文章标签： viewpager Fragment 缓存 android android开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woshiwoshiyu/article/details/53441104
版权

ViewPager与Fragment用到的比较多，为避免使用的时候遇到的一些常见问题，这里尝试实现一个比较方便通用的实践。

1、底部导航按钮，用于切换Fragment，可以用radioGroup+radioButton，也可以使用imageButton或TextView都可以。这里用的是TextView，添加图标用android:drawableTop=""属性。

MainActivity布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.administrator.weatherdemo.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/vp_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/bottom_container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/textview"
            style="@style/bottom_textview"
            android:text="主页"
            />

        <TextView
            android:id="@+id/textview2"
            style="@style/bottom_textview"
            android:text="专题"/>

        <TextView
            android:id="@+id/textview3"
            style="@style/bottom_textview"
            android:text="其他"/>

        <TextView
            android:id="@+id/textview4"
            style="@style/bottom_textview"
            android:text="设置"/>
    </LinearLayout>
</LinearLayout>

2、ViewPager滑动与导航按钮事件，控件点击后设置该enable属性为false，其他的设置为true，相应地设置状态选择器，文字也相应地改变颜色状态。

public class MainActivity extends BaseActivity implements MainPresentInt {
    private static final String TAG = "MainActivity";
    private TextView textview2;
    private TextView textview3;
    private TextView textview1;
    private TextView textview4;
    private NoScrollViewPager vpContainer;
    private LinearLayout bottomContainer;

    @Override
    public void onActivityCreate(Bundle savedInstanceState) {
        setContentView(R.layout.activity_main);
    }

    @Override
    public void showViewPager() {
        ContainViewPagerAdapter adapter = new ContainViewPagerAdapter(this.getSupportFragmentManager());
        vpContainer.setAdapter(adapter);
    }


    private void changeChildEnable(View v) {
        int childCount = bottomContainer.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View view = bottomContainer.getChildAt(i);
            if (view instanceof TextView) {
                TextView tv = (TextView) view;
                tv.setTextColor(Color.parseColor("#000000"));
            }
            view.setEnabled(true);
        }
        TextView currentView = (TextView) v;
        currentView.setEnabled(false);
        currentView.setTextColor(Color.parseColor("#ffffff"));
    }

    @Override
    protected void initView() {
        textview2 = (TextView) findViewById(R.id.textview2);
        textview3 = (TextView) findViewById(R.id.textview3);
        textview1 = (TextView) findViewById(R.id.textview);
        textview4 = (TextView) findViewById(R.id.textview4);
        vpContainer = (NoScrollViewPager) findViewById(R.id.vp_container);
        bottomContainer = (LinearLayout) findViewById(R.id.bottom_container);
        Log.i(TAG, "App.getActivityListComponent():" + App.getActivityListComponent());
        Log.i(TAG, "mActivities:" + mActivities);
        showViewPager();
    }

    @Override
    protected void initListener() {
        textview1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeChildEnable(v);
                switchPager(0);
            }
        });
        textview2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeChildEnable(v);
                switchPager(1);
            }
        });
        textview3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeChildEnable(v);
                switchPager(2);
            }
        });
        textview4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeChildEnable(v);
                switchPager(3);
            }
        });
        vpContainer.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            }

            @Override
            public void onPageSelected(int position) {
                clickWhickPagerButton(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {
            }
        });
        //用代码主动点击第一个底部按钮
        textview1.performClick();
    }

    /**
     * PagerView滑动时联动导航按钮的状态
     * 如果有需求滑动要被禁用，这个方法就不必用到了，实现则可以通过
     * 重写ViewPager的onTouchEvent()和onInterceptTouchEvent方法 直接返回false 不进行事件拦截也不消费事件
     *
     * @param position
     */
    private void clickWhickPagerButton(int position) {
        switch (position) {
            case 0:
                changeChildEnable(textview1);
                break;
            case 1:
                changeChildEnable(textview2);
                break;
            case 2:
                changeChildEnable(textview3);
                break;
            case 3:
                changeChildEnable(textview4);
                break;
        }
    }

    /**
     * 按钮控制ViewPager切换
     *
     * @param position
     */
    public void switchPager(int position) {
        //切换动画可以选择有或者无
        vpContainer.setCurrentItem(position, false);
    }
}

3、ViewPager的数据适配器的设置，可以使用FragmentStatePagerAdapter或者FragmentPagerAdapter这里使用

了FragmentPagerAdapter ，适配器会对fragment进行缓存，用方法vpContainer.setOffscreenPageLimit()可以设置缓存的页面数量，但是如果不想缓存，或者说想在fragment显示的时候刷新数据的话，要么重写FragmentPagerAdapter，要么使用fragment里的setUserVisibleHint() 方法在显示Fragment的时候加载数据。


public class ContainViewPagerAdapter extends FragmentPagerAdapter {
    private static int COUNT = 4;
    private String TAG = this.getClass().getSimpleName();

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

    @Override
    public Fragment getItem(int position) {
      //这个方法是在没有Fragment缓存的时候调用的
        return FragmentFactory.createFragment(position);
    }

    @Override
    public int getCount() {
        return COUNT;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        Log.i(TAG, "instantiateItem执行: ");
        //这个方法是在读取到Fragment缓存的时候执行的
        return super.instantiateItem(container, position);
    }
}

4、Fragment构建，根据position来构建指定的Fragment，可以用单例的Map来管理，也可以用工厂类来进行管理。

““java
public class FragmentFactory {
public static String BUNDLE_FLAG = “DATA”;

public static Fragment createFragment(int position) {
    Fragment fragment;
    switch (position) {
        case 0:
            fragment = FragmentInstanceManager.getFragmentInstance(HomeFragment.class);
            return fragment;
        case 1:
            fragment = FragmentInstanceManager.getFragmentInstance(TitleFragment.class);
            return fragment;
        case 2:
            fragment = FragmentInstanceManager.getFragmentInstance(OtherFragment.class);
            return fragment;
        case 3:
            fragment = FragmentInstanceManager.getFragmentInstance(SettingFragment.class);
            return fragment;
    }
    return null;
}

}
““

5、用于管理Fragment实例的类，关于Fragment的构造方法传入数据或者set方法设置数据，官方不推荐这种方式，原因是如果程序进程被kill的时候再在任务菜单中打开Fragment恢复的时候会直接调用onCreateView()方法，而不会执行走早方法和set方法，从而之前的数据就为空了，因此，如果需要在Fragment实例创建的时候传入参数可以用bundle传入。

/**
 * auther：wzy
 * date：2016/12/2 23 :19
 * desc: 管理所有的Fragment ， fragment的实例只能通过这个类来构造(饿汉式单例)
 * 用于取消Fragment+viewPager模式的缓存
 */

public class FragmentInstanceManager {
    private FragmentInstanceManager() {

    }

    private static Map<String, Fragment> mFragments = new HashMap<>();
    private static FragmentInstanceManager mInstance = new FragmentInstanceManager();

    public static FragmentInstanceManager getInstance() {
        return mInstance;
    }

    public static Fragment getFragmentInstance(Class<? extends Fragment> clazz, Bundle data) {
        String key = clazz.getSimpleName();
        Fragment fragment = mFragments.get(key);
        if (fragment == null) {
            synchronized (FragmentInstanceManager.class) {
                if (fragment == null) {
                    fragment = data == null ? Fragment.instantiate(App.getContext(), clazz.getName())
                            : Fragment.instantiate(App.getContext(), clazz.getName(), data);
                    mFragments.put(key, fragment);
                }
            }
        }
        return fragment;
    }
//没有参数的创建
    public static Fragment getFragmentInstance(Class<? extends Fragment> clazz) {
        return getFragmentInstance(clazz, null);
    }
}

6、BaseFragment类的需要做的事，防止页面为空时多次调用onCreateView()方法，如果想在frament显示时就进行数据的加载，就得用到setUserVisibleHint，这是用于应付ViewPager的缓存机制。另外如果创建实例时传入了bundle的话就要在这里用getArguments();取出。

public abstract class BaseFragment extends Fragment {
    private View rootView;
    private String TAG = this.getClass().getSimpleName();


    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        //判断为空，为空就去加载布局，onCreateView在界面切换的时候会被多次调用,防止界面跳转回来的时候显示空白
        if (rootView == null) {
            rootView = createView(inflater, container, savedInstanceState);
            initView();
            initListener();
        }
        return rootView;
    }

    abstract protected View createView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState);

    protected abstract void initView();

    protected abstract void initListener();

    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);
        if (isVisibleToUser) {
            //Fragment可见
            lazyLoad();
        } else {
            //不可见
        }
    }

    /**
     * 可见的时候处理一些页面数据刷新的操作，用于应付Fragment被缓存时没有办法进行数据的刷新
     */
    protected void lazyLoad() {
        Log.i(TAG, "lazyLoad执行了: ");
    }
}
woshiwoshiyu
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android fragment设置tag,Android FragmentStatePagerAdapter, how to tag a fragment to find it later
weixin_36443241的博客
05-27 1081
问题When using the FragmentStatePageAdapter I get the fragments like this:@Overridepublic Fragment getItem(int position) {return new SuperCoolFragment();}However, later on my code I need to find this fr...
探秘FragmentStateAdapter：当Fragment碰上ViewPager2
热门推荐
移动端开发干货分享
12-19 2万+
ViewPager2 2019初Google发布了ViewPager2预览版，并在同年I/O上推出正式版。只要你已经从Suppor库切换到AndroidX，便可以使用ViewPager2完全取代旧的ViewPager。 ViewPager2最显著的特点是基于RecyclerView实现，RecyclerView是目前Android端最成熟的AdapterView解决方案，这带来很多好处： 抛弃传统的PagerAdapter，统一了Adapter的API 通过LinearLayoutManager可以实.
三、 使用适配器+fragment实现tag效果
qq_36022808的博客
04-09 1415
先上效果图 代码差不多都给了，细心看，希望能帮助你 绿图片移动算法 我的只是移动前四个 bmpW = BitmapFactory.decodeResource(getResources(), R.drawable.s_long).getWidth(); //为了获取屏幕宽度，新建一个DisplayMetrics对象 DisplayMetrics displayMetrics = new ...
【android】Fragment与ViewPager
最新发布
m0_56047445的博客
05-08 146
组件是指一个独立的、可重用的、具有特定功能的软件模块，可以被其他程序调用和使用。而控件是指在用户界面上显示的、具有特定功能的可交互的元素，例如按钮、文本框、下拉框等。在使用ViewPager时，通常会将多个Fragment或View作为ViewPager的子项，然后通过ViewPager的滑动切换来显示不同的Fragment或View。它可以将多个Fragment或View组合在一起，实现类似于滑动切换页面的效果。Fragment是Android中的一个组件，用于在Activity中管理UI界面的一部分。
android adapter 标题,如何在android FragmentPagerAdapter中添加页面标题和图标
weixin_40006763的博客
05-26 381
我必须在标题页标题中显示带有相应图标的标题.喜欢这个图像.但只能显示标题而不是图标.这是我所做的代码.public class SectionsPagerAdapter extends FragmentPagerAdapter {public SectionsPagerAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment ...
android学习笔记 viewpager2+fragmentstateAdapter实现多页面滑动
qq_37635604的博客
09-19 6296
先在fragment或者activity中放置一个viewpager2 然后在创建一个fragmentstateAdapter的子类 重写里面的 createFragment()、getItemCount()、containsItem()和getItemId（）四个方法 class DemoCollectionAdapter(fragment: Fragment,val fragmentlist:List<Fragment>) : FragmentStateAdapter(frag..
多层Fragment与ViewPager结合使用
11-02
在某些复杂的应用场景中，我们可能会遇到多层`Fragment`与`ViewPager`的结合使用，例如在一个`Fragment`内嵌套另一个`ViewPager`，这样可以创建出更复杂的交互和布局。 标题“多层Fragment与ViewPager结合使用”...
Androidfragment结合viewpager的滑动与点击
12-25
综上所述，这个"Androidfragment结合viewpager的滑动与点击"示例涵盖了Android开发中多个重要领域，通过实践这个项目，开发者可以深入理解如何将Fragment和ViewPager协同工作，以及如何处理XML数据、SQLite数据库和...
Fragment+ViewPager+GridView最佳实践
11-01
这篇博文“Fragment+ViewPager+GridView最佳实践”提供了关于如何有效利用这些组件来实现高效且用户体验良好的应用的指导。 `Fragment`是Android中的一个核心组件，它允许开发者在界面上划分逻辑部分，特别是在处理...
详解Android中fragment和viewpager的那点事儿
01-04
在之前的博文《Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果》和《详解Android中Fragment的两种创建方式》以及《Android中fragment与activity之间的交互（两种实现方式）》中我们介绍了ViewPager以及...
Android使用TabLayou+fragment+viewpager实现滑动切换页面效果
08-30
最后，我们将 ViewPager 与 Fragment 配合使用，实现滑动切换页面效果。 使用 TabLayout+Fragment+ViewPager 可以轻松地实现滑动切换页面效果。这是一种非常常见的实现方法，广泛应用于各种 Android 应用程序中。
Android ViewPager2 + Fragment 联动
qq_34285557的博客
12-01 2287
Android ViewPager2 + Fragment 联动 本篇主要介绍一下 ViewPager2 + Fragment , 上篇中简单使用了ViewPager2 实现了一个图片的滑动效果, 那图片视图可以滑动, ViewPager2也可以滑动 Fragment 概述 ViewPager2 官方对它的描述就是 以可滑动的格式显示视图或 Fragment 也就说明提供了滑动Fragment的实现 并且还很简单, 下面来看看吧 实现思路 1.Activity 布局文件中引入 ViewPager2
安卓基础之Fragment与ViewPager
wygsqsj的博客
09-02 2560
viewPager与Fragment的组合方式是可以说是当前App开发的标配，所以放在一篇博客中进行描述。 Fragment Fragment是Acttivity界面一个组成部分，基本上目前使用到多个页面的情况下都会用到，其实Fragment最大的作用是分担Activity的代码压力，为了后期维护方便，不把所有的代码罗列到一个Activity中。 构建Fragment 1.Activity布局文件...
Android 深入理解ViewPager2原理及其实践(上篇)
小马快跑的博客
01-29 9188
ViewPager2介绍
ViewPager结合Fragment的使用
indeedes的博客
09-10 1万+
一、Fragment简介 Android在3.0版本引入了Fragment（碎片）功能，它类似于Activity，也可以 包含布局，而且Fragment通常是嵌套在Activity中使用的。 场景：有两个Fragment，其中Fragment1包含了一个ListView，每行显示一本 书的标题，而Fragment2包含了TextView和ImageView，显示书的详细内容和图片。 想想，如果一个很大的界面，就设计成一个布局，写起界面来是不是会有很多麻 烦？如果组件多的话，是不是管理起...
ViewPage2和Fragment以及Tablayout使用
m0_65715940的博客
06-26 1546
ViewPage2是基于recycleview的基本上实现方法类似
Fragment与ViewPager的配合使用
zhoufan11132的博客
06-29 1106
在上一篇我们介绍了Fragment的基本使用，除了介绍的常规的静态加载和动态加载方式之外，其实Fragment更多的时候是与ViewPager配合使用，今天我们就来看看Fragment与ViewPager到底是怎么去使用的。 FragmentPagerAdapter与FragmentStatePagerAdapter 在使用ViewPager的时候，必不可少需要接触的就是PagerAdapter，而对于Fragment+ViewPager来说，系统提供了FragmentPagerAdapter和Fragme
Android Fragment＋ViewPager 组合使用
行知致简的专栏
03-02 9871
Android Fragment＋ViewPager 组合，一些你不可不知的注意事项 2016年12月26日 09:26:30亦枫Blog阅读数：2069 版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wenbitianxiafeng/article/details/53883587 前面两篇文章中，对 Fragment 的基本使用、...
【Android Framework系列】第15章 Fragment+ViewPager与Viewpager2相关原理
Yvan
09-21 981
ViewPager只能横向滚动，对应不同的Adapter效果不一样。范围外fragments会保存在内存中(detach)，但是fragment对应的View会被销毁，fragments对应的SavedState会保存，内存较大但页面切换更友好，适用于Fragment数量少的情况使用，范围外fragments不会保存在内存中(remove)，View也会被销毁。只保存范围内fragments对应的SavedState。这个SavedState在Fragment的生命周期回调中供外部传参数。
实现Fragment嵌套ViewPager的关键步骤与布局详解
在Android开发中，Fragment嵌套ViewPager是一种常见的布局策略，用于创建可滑动的视图导航，通常在需要展示多个相关但独立的界面片段时使用。本文将深入探讨如何在一个Fragment中实现和管理嵌套的ViewPager。 首先...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值