探究ViewPager延迟加载

最新推荐文章于 2024-04-01 15:20:34 发布
最新推荐文章于 2024-04-01 15:20:34 发布
阅读量1.3k 收藏
点赞数 1
分类专栏： 用户体验 文章标签： APP优化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guchuanhang/article/details/50527219
版权

最近用户反映打开APP的时候非常卡顿。对ViewPager的延迟加载进行了探究。

对首页进行简单分析

  • 看一下代码片段
    private void addFragments() {
        FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
        for (Fragment f : mFragments) {
            ft.add(R.id.fl_content, f);
        }
        ft.commit();
    }

    private void showFragment(int index) {
        FragmentTransaction transaction = mManager.beginTransaction();
        for (int i = 0; i < mFragments.size(); i++) {
            if (i == index) {
                transaction.show(mFragments.get(i));
            } else {
                transaction.hide(mFragments.get(i));
            }
        }
        transaction.commit();
    }

初始的时候，将所有涉及到的Fragment都添加进来，根据用户点击的tab来显示相应的Fragment。

  • 通过log查看一下Fragment和Activity相应的生命周期

1.新启动MainActivity的时候：
这里写图片描述
四个Fragment都有创建。在Fragment onResume中加载网络数据，必然导致进入主页非常慢（AsyncTask默认是串行执行的）。
2.切换到任何一个Fragment，该Fragment的onResume都没有调用。尝试使用setUserVisibleHint，测试结果这种方法也行不通。
3.进入子页面返回后：
这里写图片描述
这是正常的，Fragment和它所在的Activity有相似的生命周期。
可见，单纯的在onResume中，刷新网络数据时行不通了。只能将更新网络数据的逻辑放在了MainActivity中了，这样一来，Activity和Fragment的耦合度太高了，这种方式的确不大好啊！！！

2.使用ViewPager+Fragment 懒加载

1.科普一下：FragmentPagerAdapter和FragmentStatePagerAdapter来自android.support.v4.app包用来构建ViewPager。
FragmentPagerAdapter更多的用于少量界面的ViewPager，比如Tab。划过的fragment会保存在内存中，尽管已经划过。 而FragmentStatePagerAdapter和ListView有点类似，会保存当前界面，以及下一个界面和上一个界面（如果有），最多保存3 个，其他会被销毁掉。所以，我们这里使用FragmentPagerAdapter，FragmentPagerAdapter默认仅仅加载当前页面和两侧页面到内存中其他都从内存中移除，我们这里设置mPager.setOffscreenPageLimit(3);保证一次将所有的Fragment都添加到内存中，当tab进行切换的时候，不会再有Fragment的创建。
2.初始情况：
这里写图片描述
可以看到C的延迟加载有调用
3.点击A:
这里写图片描述
这里延迟加载有调用哦！
4.进入子页面然后返回：
这里写图片描述
现在仅仅在Fragment的layzLoad中更新数据就好了。如果想要获取fragment从二级子页面返回的事件，使用startActivityForResult 来进行处理就好啦！

3.罗列一下相关代码

  • LazyFragment一个大神的成果，借用一下
package com.example.fragmentstatepageradapterdemo.fragment;
import android.support.v4.app.Fragment;  

/** 
 * Author: msdx (645079761@qq.com) 
 * Time: 14-7-17 下午5:46 
 */  
public abstract class LazyFragment extends Fragment {  
    protected boolean isVisible;  
    /** 
     * 在这里实现Fragment数据的缓加载. 
     * @param isVisibleToUser 
     */  
    @Override  
    public void setUserVisibleHint(boolean isVisibleToUser) {  
        super.setUserVisibleHint(isVisibleToUser);  
        if(getUserVisibleHint()) {  
            isVisible = true;  
            onVisible();  
        } else {  
            isVisible = false;  
            onInvisible();  
        }  
    }  

    protected void onVisible(){  
        lazyLoad();  
    }  

    protected abstract void lazyLoad();  

    protected void onInvisible(){}  
}
  • AFragment添加了进入子页面的事件
package com.example.fragmentstatepageradapterdemo.fragment;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.example.fragmentstatepageradapterdemo.SecondActivity;
import com.example.fragmentstatepageradapterdemo.ViewPagerMainActivity;

public class AFragment extends LazyFragment {

     // 标志位，标志已经初始化完成。  
    private boolean isPrepared;  
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        TextView tv = new TextView(getActivity());
        //获取当前class名的方法
        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();
    //获取当前method名的方法
        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        tv.setText(clazz);
        tv.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                startActivity(new Intent(getActivity(), SecondActivity.class));
            }
        });
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);
          isPrepared = true;  
            lazyLoad();  
        return tv;
    }

    @Override
    public void onResume() {
        super.onResume();
        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();
        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);

    }

    @Override
    protected void lazyLoad() {
           if(!isPrepared || !isVisible) {  
                return;  
            } 
           String clazz = Thread.currentThread().getStackTrace()[2]
                    .getClassName();
            String method = Thread.currentThread().getStackTrace()[2]
                    .getMethodName();
            String msg = " " + clazz + "  " + method;
            Log.d(ViewPagerMainActivity.TAG, msg);


            //填充各控件的数据  
    }
}

B/C/D和A相似。

  • SecondActivity主要是打印一下生命周期信息
package com.example.fragmentstatepageradapterdemo;

import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.widget.TextView;

public class SecondActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        TextView tv = new TextView(this);
        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();

        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        tv.setText(clazz);
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);
        setContentView(tv);
    }

    @Override
    protected void onResume() {
        super.onResume();

        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();

        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);

    }

    @Override
    protected void onPause() {
        super.onPause();

        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();

        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);

    }

}
  • 测试MainActivity的布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#eeeeee"
    android:orientation="vertical" >
    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1" >
    </android.support.v4.view.ViewPager>
    <View
        android:id="@+id/line"
        android:layout_width="fill_parent"
        android:layout_height="1px"
        android:background="#cacaca" />
    <LinearLayout
        android:id="@+id/ll_bottoms"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#f5f5f5"
        android:baselineAligned="false"
        android:orientation="horizontal" >
        <FrameLayout
            android:id="@+id/fl_a"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:clickable="true" >

            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/ic_launcher"
                android:clickable="false" />
        </FrameLayout>
        <FrameLayout
            android:id="@+id/fl_b"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:clickable="true" >
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/ic_launcher"
                android:clickable="false" />
        </FrameLayout>
        <FrameLayout
            android:id="@+id/fl_c"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:clickable="true" >
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/ic_launcher"
                android:clickable="false" />
        </FrameLayout>
        <FrameLayout
            android:id="@+id/fl_d"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:clickable="true" >
            <RadioButton
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:button="@drawable/ic_launcher"
                android:clickable="false" />
        </FrameLayout>
    </LinearLayout>
</LinearLayout>
  • 测试MainActivity
package com.example.fragmentstatepageradapterdemo;

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

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.util.Log;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

import com.example.fragmentstatepageradapterdemo.fragment.AFragment;
import com.example.fragmentstatepageradapterdemo.fragment.BFragment;
import com.example.fragmentstatepageradapterdemo.fragment.CFragment;
import com.example.fragmentstatepageradapterdemo.fragment.DFragment;

public class ViewPagerMainActivity extends FragmentActivity implements
        View.OnClickListener {
    public static final String TAG = ViewPagerMainActivity.class.getSimpleName();
    public static final int FRAG_A = 0;
    public static final int FRAG_B = 1;
    public static final int FRAG_C = 2;
    public static final int FRAG_D = 3;
    private List<Fragment> mFragments = new ArrayList<Fragment>();

    MyAdapter mAdapter;
    ViewPager mPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.act_main_viewpager);

        LinearLayout bottomLayout = (LinearLayout) findViewById(R.id.ll_bottoms);
        LinearLayout.LayoutParams bottomParams = (LayoutParams) bottomLayout
                .getLayoutParams();
        bottomParams.height = 98;
        findViewById(R.id.fl_a).setOnClickListener(this);
        findViewById(R.id.fl_b).setOnClickListener(this);
        findViewById(R.id.fl_c).setOnClickListener(this);
        findViewById(R.id.fl_d).setOnClickListener(this);
        mFragments = new ArrayList<Fragment>();
        mFragments.add(FRAG_A, new AFragment());
        mFragments.add(FRAG_B, new BFragment());
        mFragments.add(FRAG_C, new CFragment());
        mFragments.add(FRAG_D, new DFragment());
        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();

        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);

        mAdapter = new MyAdapter(getSupportFragmentManager());

        mPager = (ViewPager) findViewById(R.id.pager);
        mPager.setOffscreenPageLimit(3);
        mPager.setAdapter(mAdapter);
        mPager.setCurrentItem(2);

    }
    public class MyAdapter extends FragmentPagerAdapter{

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

        @Override
        public Fragment getItem(int postion) {
            return mFragments.get(postion);
        }

        @Override
        public int getCount() {
            return mFragments==null? 0:mFragments.size();
        }

    }

    @Override
    protected void onResume() {
        super.onResume();
        String clazz = Thread.currentThread().getStackTrace()[2].getClassName();

        String method = Thread.currentThread().getStackTrace()[2]
                .getMethodName();
        String msg = " " + clazz + "  " + method;
        Log.d(ViewPagerMainActivity.TAG, msg);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.fl_b: {
            // loginOrShow(FRAG_B);
            mPager.setCurrentItem(1);
            break;
        }

        case R.id.fl_c: {
            // loginOrShow(FRAG_C);
            mPager.setCurrentItem(2);
            break;
        }

        case R.id.fl_d: {
            mPager.setCurrentItem(3);
            // loginOrShow(FRAG_D);
            break;
        }

        default:
        case R.id.fl_a: {
            mPager.setCurrentItem(0);
            // loginOrShow(FRAG_A);
            break;
        }
        }
    }


}
码农000
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ViewPager+fragment延时加载，懒加载（数据缓存）
时光与梦、
12-16 4559
今天开发遇到数据缓存的问题， ViewPager+2个fragment，大家都知道ViewPager有预加载的功能，每次都会把下一个页面同时加载，这样虽然有时很好，但是用户只需看一个Fragment时，我们就做了一些多余工作加载了第二个Fragment。在这只需要取消Fragment的预加载即可，只有当用户切换到某个Fragment才加载..这样用户体验会好一点，在网上查询过，LazyViewPa
Fragment+ViewPager+Tab延迟加载(懒加载)页面
06-30
ViewPager在滑动显示了fragment之后才延迟加载（懒加载）页面，也就是等到停在该页之后才去加载
ViewPager延迟加载
cnting
12-24 1558
一.ViewPager的pager中是ListView 今天遇到一个问题，就是如果ViewPager里的内容是从网上获取的，一下子把几个Pager页的内容都获取下来有点不太现实，而且用户不一定会翻到后面的pager页去看，所以需要每次只加载当前页。 我现在的做法是一开始传入的数据是空的，注意是空的，不是空值，这样pager里的ListView就没有东西显示。然后在onPageChangeL
ViewPager延时加载（懒加载）
hlglinglong的专栏
05-29 2167
使用viewpager默认会加载至少一个view，项目中有的页面中的大图比较多
Activity+Viewpager 延迟加载
fangjingjingll的专栏
12-16 986
Activity+Viewpager
ViewPager+Fragment 预加载和延迟加载问题
风洛伊曼的博客
02-18 2639
项目中遇到了ViewPager+Fragment，特此记录一下踩过的坑。 预加载的一些问题 之前都不知道ViewPager有一个特殊的功能，预加载。会预加载临近的界面，让滑动更加流畅。ViewPager还提供一个方法来设置预加载的界面数。 public void setOffscreenPageLimit(int limit) { if (limit < DEFAULT_OFFSCREEN_PAGES) { Log.w(TAG, "Requested offs
android实现ViewPager懒加载的三种方法
08-31
Android 实现 ViewPager 懒加载的三种方法 ViewPager 是 Android 中一个非常常用的控件，特别是在Fragment接口框架中。但是，ViewPager 的预加载机制有时会带来一些问题，例如在数据量很大的情况下，预加载会导致...
viewpager懒加载
09-20
什么是懒加载：viewpager会默认预加载当前界面左右的fragment，为了防止其他需要预加载并且不可见的fragment与当前可见的fragment在加载数据时抢占cpu和内存资源，预加载的fragment只有当其可见时才去加载数据，这样...
Android ViewPager动态加载问题
08-31
本文将深入探讨Android ViewPager在动态加载时可能遇到的问题及解决方案。 首先，动态加载意味着只在用户需要时加载内容，而不是一次性加载所有页面。这可以减少内存消耗，提高应用性能。然而，使用默认的...
ViewPager控制缓存页面数量及数据懒加载
11-25
ViewPager控制缓存页面数量及数据懒加载
ViewPager+Fragment取消预加载（延迟加载）
01-12
ViewPager+Fragment取消预加载（延迟加载），详情请看：http://blog.csdn.net/myatlantis/article/details/42643733
Android之ViewPager延迟加载的另类实现
I_do_can的博客
12-30 487
本文主要是记录ViewPager使用中第一次加载过多元素的解决方法 我在使用ViewPager时是单独使用的,没有跟诸如Fragment等连用 思路：先 隐藏要预加载的界面,延时一段时间，比如1秒,在设置预加载的界面显示 需要预加载的界面跟参数设置有关系 ViewPager.setOffscreenPageLimit(int) 这个方法的参数默认是 1 ; 这个方法的意思是设置当前显示也
ViewPager+Fragment滑动界面，并做延迟加载【终极解决】
巴黎会飞的猪
11-27 1080
我们在做应用的过程中，ViewPager+Fragment是很常见的，但是如果在每次应用启动的时候就去加载大量的网络数据肯定是不好的，我们往往需要的是只加载布局暂时不加载数据，事先把布局加载好，滑动的时候会流畅些，这样用户体验也好，下面就是解决办法：事先解释下：setUserVisibleHint每次fragment显示与隐藏都会调用，他的调用顺序优先于onCreate @Override
学不动也要学！探究Fragment延迟加载的前世今生
最新发布
2401_84048521的博客
04-01 1055
对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。
Fragment延迟加载
u013260551的专栏
08-20 697
Fragment使用最多的地方应该就是ViewPager和TabLayout结合，实现类似微信既可以点击也可以左右滑动进行切换页面。或者使用Drawerlayout侧栏通过FragmentTransaction.add()、show()、hide();实现类似最新版Gmail侧栏点击切换。 在实际开发中，考虑性能和体验等方面，需要在页面可见时，再加载数据。这样就有两种情况：1，在页面第一次可见时
解决ViewPager预加载问题：特殊Fragment处理策略
在处理Android开发中的ViewPager时，预加载功能旨在提高用户体验，通过预先加载当前页面以及相邻的两个页面，使得滑动切换更加流畅。然而，当遇到特定情况，例如某个Fragment中包含SurfaceView时，预加载可能会带来...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值