radiobutton+viewpager+Fragment切换过程取消预加载(延迟加载)

转自:http://www.2cto.com/kf/201501/368954.html

在项目中,都或多或少地使用的Tab布局,所以大都会用到ViewPager+Fragment,但是Fragment有个不好或者太好的地方。例如你在ViewPager中添加了三个Fragment,当加载ViewPager中第一个Fragment时,它会默认帮你预先加载了第二个Fragment,当你加载第二个Fragment时,它会帮你加载第三个Fragment。这样虽然有时很好,但是用户只需看一个Fragment时,我们就做了一些多余工作加载了第二个Fragment。在这只需要取消Fragment的预加载即可,只有当用户切换到某个Fragment才加载..

这里写图片描述

mport android.support.v4.app.Fragment;

public abstract class BaseFragment extends Fragment {

    /** Fragment当前状态是否可见 */
    protected boolean isVisible;


    @Override
    public void setUserVisibleHint(boolean isVisibleToUser) {
        super.setUserVisibleHint(isVisibleToUser);

        if(getUserVisibleHint()) {
            isVisible = true;
            onVisible();
        } else {
            isVisible = false;
            onInvisible();
        }
    }


    /**
     * 可见
     */
    protected void onVisible() {
        lazyLoad();     
    }


    /**
     * 不可见
     */
    protected void onInvisible() {


    }


    /** 
     * 延迟加载
     * 子类必须重写此方法
     */
    protected abstract void lazyLoad();
}

在我们的Fragment中,只需要继承这个类,然后重写其中的lazyLoad()方法,当Fragment对用户可见(即用户切换到此Fragment时)我们在lazyLoad()中加载所需数据,详细代码看下面,我写了个假的获取数据线程:

public class CustomListFragment extends BaseFragment {

    private static final String FRAGMENT_INDEX = fragment_index;
    private final int FIRST_FRAGMENT = 0;
    private final int SECOND_FRAGMENT = 1;
    private final int THIRD_FRAGMENT = 2;

    private TextView mFragmentView;

    private int mCurIndex = -1;
    /** 标志位,标志已经初始化完成 */
    private boolean isPrepared;
    /** 是否已被加载过一次,第二次就不再去请求数据了 */
    private boolean mHasLoadedOnce;

    /**
     * 创建新实例
     * 
     * @param index
     * @return
     */
    public static CustomListFragment newInstance(int index) {
        Bundle bundle = new Bundle();
        bundle.putInt(FRAGMENT_INDEX, index);
        CustomListFragment fragment = new CustomListFragment();
        fragment.setArguments(bundle);
        return fragment;
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        if(mFragmentView == null) {
            mFragmentView = (TextView) inflater.inflate(R.layout.fragment, container, false);
            //获得索引值
            Bundle bundle = getArguments();
            if (bundle != null) {
                mCurIndex = bundle.getInt(FRAGMENT_INDEX);
            }
            isPrepared = true;
            lazyLoad();
        }

        //因为共用一个Fragment视图,所以当前这个视图已被加载到Activity中,必须先清除后再加入Activity
        ViewGroup parent = (ViewGroup)mFragmentView.getParent();
        if(parent != null) {
            parent.removeView(mFragmentView);
        }
        return mFragmentView;
    }

    @Override
    protected void lazyLoad() {
        if (!isPrepared || !isVisible || mHasLoadedOnce) {
            return;
        }

        new AsyncTask() {

            @Override
            protected void onPreExecute() {
                super.onPreExecute();
                //显示加载进度对话框
                UIHelper.showDialogForLoading(getActivity(), 正在加载..., true);
            }

            @Override
            protected Boolean doInBackground(Void... params) {
                try {
                    Thread.sleep(2000);
                    //在这里添加调用接口获取数据的代码
                    //doSomething()
                } catch (Exception e) {
                    e.printStackTrace();
                }
                return true;
            }

            @Override
            protected void onPostExecute(Boolean isSuccess) {
                if (isSuccess) {
                    // 加载成功
                    setView();
                    mHasLoadedOnce = true;
                } else {
                    // 加载失败
                }
                //关闭对话框
                UIHelper.hideDialogForLoading();
            }
        }.execute();
    }

    private void setView() {
        // 根据索引加载不同视图
        switch (mCurIndex) {
        case FIRST_FRAGMENT:
            mFragmentView.setText(第一个);
            break;

        case SECOND_FRAGMENT:
            mFragmentView.setText(第二个);
            break;

        case THIRD_FRAGMENT:
            mFragmentView.setText(第三个);
            break;
        }
    }
}

到这里我们只是写好了Fragment,在FragmentActivity中还需要对ViewPager设置一下,让它每次只加载一个Fragment,ViewPager.setOffscreenPageLimit(int limit),其中参数可以设为0或者1,参数小于1时,会默认用1来作为参数,未设置之前,ViewPager会默认加载两个Fragment。所以,我们只需要调用下它,设置下加载Fragment个数即可。

public class MainActivity extends FragmentActivity implements OnClickListener{

    private RadioButton mFstBtn;
    private RadioButton mSndBtn;
    private RadioButton mThdBtn;

    private ViewPager mViewPager;
    private ListFragmentPagerAdapter mPagerAdapter;
    private List mFragments = new ArrayList();

    private final int FIRST_FRAGMENT = 0;
    private final int SECOND_FRAGMENT = 1;
    private final int THIRD_FRAGMENT = 2;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initButton();
        initViewPager();
    }


    /**
     * 初始化按钮
     */
    private void initButton() {
        mFstBtn = (RadioButton)findViewById(R.id.id_rb_fst);
        mFstBtn.setOnClickListener(this);
        mSndBtn = (RadioButton)findViewById(R.id.id_rb_snd);
        mSndBtn.setOnClickListener(this);
        mThdBtn = (RadioButton)findViewById(R.id.id_rb_thd);
        mThdBtn.setOnClickListener(this);
    }


    /**
     * 初始化ViewPager控件
     */
    private void initViewPager() {
        mViewPager = (ViewPager)findViewById(R.id.id_vp_viewpager);
        //关闭预加载,默认一次只加载一个Fragment
        mViewPager.setOffscreenPageLimit(1);
        //添加Fragment
        mFragments.add(CustomListFragment.newInstance(FIRST_FRAGMENT));
        mFragments.add(CustomListFragment.newInstance(SECOND_FRAGMENT));
        mFragments.add(CustomListFragment.newInstance(THIRD_FRAGMENT));
        //适配器
        mPagerAdapter = new ListFragmentPagerAdapter(getSupportFragmentManager(), mFragments);
        mViewPager.setAdapter(mPagerAdapter);
        mViewPager.setOnPageChangeListener(onPageChangeListener);
    }


    private OnPageChangeListener onPageChangeListener = new OnPageChangeListener() {

        @Override
        public void onPageSelected(int position) {
            //根据用户选中的按钮修改按钮样式
            switch (position) {
            case FIRST_FRAGMENT:
                mFstBtn.setChecked(true);
                mSndBtn.setChecked(false);
                mThdBtn.setChecked(false);
                break;

            case SECOND_FRAGMENT:
                mFstBtn.setChecked(false);
                mSndBtn.setChecked(true);
                mThdBtn.setChecked(false);
                break;

            case THIRD_FRAGMENT:
                mFstBtn.setChecked(false);
                mSndBtn.setChecked(false);
                mThdBtn.setChecked(true);
            break;
            }
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {}

        @Override
        public void onPageScrollStateChanged(int arg0) {}
    };


    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.id_rb_fst:
            mViewPager.setCurrentItem(FIRST_FRAGMENT);
            break;

        case R.id.id_rb_snd:
            mViewPager.setCurrentItem(SECOND_FRAGMENT);
            break;

        case R.id.id_rb_thd:
            mViewPager.setCurrentItem(THIRD_FRAGMENT);
            break;
        }
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是完整的 Android Studio 代码,包含点击底部导航栏 RadioGroup 有四个 RadioButton 切换对应 ViewPager 包含四个 Fragment 的实现: ``` // 首先在布局文件中添加一个 RadioGroup 和四个 RadioButton <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <RadioGroup android:id="@+id/navigation_radio_group" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:checkedButton="@+id/nav_home"> <RadioButton android:id="@+id/nav_home" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Home" /> <RadioButton android:id="@+id/nav_search" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Search" /> <RadioButton android:id="@+id/nav_notifications" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Notifications" /> <RadioButton android:id="@+id/nav_profile" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="Profile" /> </RadioGroup> <androidx.viewpager.widget.ViewPager android:id="@+id/navigation_view_pager" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/navigation_radio_group" /> </RelativeLayout> ``` 接下来,在对应的 Activity 中找到 RadioGroup 和 ViewPager 并设置它们的监听器: ``` public class MainActivity extends AppCompatActivity { private RadioGroup mNavigationRadioGroup; private ViewPager mNavigationViewPager; private NavigationPagerAdapter mNavigationPagerAdapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // 找到 RadioGroup 和 ViewPager mNavigationRadioGroup = findViewById(R.id.navigation_radio_group); mNavigationViewPager = findViewById(R.id.navigation_view_pager); // 设置 ViewPager 的 Adapter mNavigationPagerAdapter = new NavigationPagerAdapter(getSupportFragmentManager()); mNavigationViewPager.setAdapter(mNavigationPagerAdapter); // 设置 RadioGroup 的监听器 mNavigationRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup group, int checkedId) { switch (checkedId) { case R.id.nav_home: // 切换到 HomeFragment mNavigationViewPager.setCurrentItem(0); break; case R.id.nav_search: // 切换到 SearchFragment mNavigationViewPager.setCurrentItem(1); break; case R.id.nav_notifications: // 切换到 NotificationsFragment mNavigationViewPager.setCurrentItem(2); break; case R.id.nav_profile: // 切换到 ProfileFragment mNavigationViewPager.setCurrentItem(3); break; } } }); } // 定义 ViewPager 的 Adapter private class NavigationPagerAdapter extends FragmentPagerAdapter { public NavigationPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { switch (position) { case 0: // 返回 HomeFragment return new HomeFragment(); case 1: // 返回 SearchFragment return new SearchFragment(); case 2: // 返回 NotificationsFragment return new NotificationsFragment(); case 3: // 返回 ProfileFragment return new ProfileFragment(); default: return null; } } @Override public int getCount() { return 4; // 四个 Fragment } } } ``` 最后,定义四个 Fragment,并在对应的布局文件中添加对应的 UI: ``` public class HomeFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_home, container, false); // 添加 HomeFragment 的 UI return view; } } public class SearchFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_search, container, false); // 添加 SearchFragment 的 UI return view; } } public class NotificationsFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_notifications, container, false); // 添加 NotificationsFragment 的 UI return view; } } public class ProfileFragment extends Fragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_profile, container, false); // 添加 ProfileFragment 的 UI return view; } } ``` 以上就是完整的 Android Studio 代码,包含点击底部导航栏 RadioGroup 有四个 RadioButton 切换对应 ViewPager 包含四个 Fragment 的实现,希望对你有帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值