Android 浅谈 ViewPager与Fregment使用
2017-04-11 17:34
281 查看
主要类容:
ViewPager简单讲解
ViewPager最佳实现
Fregment基本简介
Fregment最佳实现
ViewPager与Fregment联合使用
ViewPager的简介和作用
ViewPager是android扩展包v4包中的类,这个类可以让用户左右切换当前的view
ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类。
ViewPager类需要一个PagerAdapter适配器类给它提供数据。
ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。
ViewPager的适配器
简介中提到了PagerAdapter,和ListView等控件使用一样,需要ViewPager设置PagerAdapter来完成页面和数据的绑定,这个PagerAdapter是一个基类适配器,我们经常用它来实现app引导图,它的子类有FragmentPagerAdapter和FragmentStatePagerAdapter,这两个子类适配器用于和Fragment一起使用,在安卓应用中它们就像listview一样出现的频繁。
ViewPager最佳继承实践:
缓存所有的 Fragment,使用一个 List 将数据源对应的 Fragment 都缓存起来
更新数据源,刷新Fragment, 当有数据源更新的时候,从 List 中取出相应的 Fragment,然后刷新 Adapter
删除数据时,删除List 中对应的 Fragment,当数据源中删除某项时,将 List 中对应的 Fragment 也删除,然后刷新 Adapter
CommonViewPagerAdapter类代码:
Fragment概述
Fragment是Activity中用户界面的一个行为或者说是一部分。主要是支持大屏幕上动态显示和更为灵活的去组合或是交换UI组件,通过将Activity的布局分割成若干个fragment,可以在运行时编辑activity的呈现,并且那些变化会被保存在由activity管理的后台栈里面。
Fragment必须总是被嵌入到一个activity之中,并且fragment的生命周期直接接受其宿主activity的生命周期的影响。你可以认为fragment是activity的一个模块零件,它有自己的生命周期,接收它自己的输入的事件,并且可以在activity运行时添加或者删除。
应该将每一个fragment设计为模块化和可复用化的activity组件。也就是说,你可以在多个activity中引用同一个fragment,因为fragment定义了它自己的布局,并且使用它本身生命周期回调的行为。
Fragment最佳实践
Fragment懒加载 与 ViewPager缓存处理
FragmentState没帮我们保存Hidden状态,那就我们自己来保存
提取出Fragment公共代码,给出需要使用的点的抽象方法,用于继承实现
BaseCompatFragment类代码:
ViewPagerFragment类代码:
MainActivity代码:
效果图:
注:MainActivity有项目代码,可以和上一篇联合起来看,希望不会影响,O(∩_∩)O谢谢
希望对你们有帮助O(∩_∩)O谢谢!!!!!!!!!
ViewPager简单讲解
ViewPager最佳实现
Fregment基本简介
Fregment最佳实现
ViewPager与Fregment联合使用
ViewPager的简介和作用
ViewPager是android扩展包v4包中的类,这个类可以让用户左右切换当前的view
ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类。
ViewPager类需要一个PagerAdapter适配器类给它提供数据。
ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。
ViewPager的适配器
简介中提到了PagerAdapter,和ListView等控件使用一样,需要ViewPager设置PagerAdapter来完成页面和数据的绑定,这个PagerAdapter是一个基类适配器,我们经常用它来实现app引导图,它的子类有FragmentPagerAdapter和FragmentStatePagerAdapter,这两个子类适配器用于和Fragment一起使用,在安卓应用中它们就像listview一样出现的频繁。
ViewPager最佳继承实践:
缓存所有的 Fragment,使用一个 List 将数据源对应的 Fragment 都缓存起来
更新数据源,刷新Fragment, 当有数据源更新的时候,从 List 中取出相应的 Fragment,然后刷新 Adapter
删除数据时,删除List 中对应的 Fragment,当数据源中删除某项时,将 List 中对应的 Fragment 也删除,然后刷新 Adapter
CommonViewPagerAdapter类代码:
package com.kf.fly.fangweixing.view.fragment.appstore; import android.support.v4. 4000 app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentPagerAdapter; import java.util.ArrayList; import java.util.List; /** * <pre> * sinlov * * /\__/\ * /` '\ * ≈≈≈ 0 0 ≈≈≈ Hello world! * \ -- / * / \ * / \ * | | * \ || || / * \_oo__oo_/≡≡≡≡≡≡≡≡o * * </pre> * 稍微解释一下实现思路: * 1、缓存所有的 Fragment * 使用一个 List 将数据源对应的 Fragment 都缓存起来 * 2、更新数据源,刷新 Fragment * 当有数据源更新的时候,从 List 中取出相应的 Fragment,然后刷新 Adapter * 3、删除数据时,删除 List 中对应的 Fragment * 当数据源中删除某项时,将 List 中对应的 Fragment 也删除,然后刷新 Adapter */ public class CommonViewPagerAdapter extends FragmentPagerAdapter { private final List<Fragment> mFragments = new ArrayList<>(); private final List<String> mFragmentTitles = new ArrayList<>(); public CommonViewPagerAdapter(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { return mFragments.get(position); } @Override public int getCount() { return mFragments.size(); } public void addFragment(Fragment fragment, String title) { mFragments.add(fragment); mFragmentTitles.add(title); } @Override public CharSequence getPageTitle(int position) { return mFragmentTitles.get(position); } }
Fragment概述
Fragment是Activity中用户界面的一个行为或者说是一部分。主要是支持大屏幕上动态显示和更为灵活的去组合或是交换UI组件,通过将Activity的布局分割成若干个fragment,可以在运行时编辑activity的呈现,并且那些变化会被保存在由activity管理的后台栈里面。
Fragment必须总是被嵌入到一个activity之中,并且fragment的生命周期直接接受其宿主activity的生命周期的影响。你可以认为fragment是activity的一个模块零件,它有自己的生命周期,接收它自己的输入的事件,并且可以在activity运行时添加或者删除。
应该将每一个fragment设计为模块化和可复用化的activity组件。也就是说,你可以在多个activity中引用同一个fragment,因为fragment定义了它自己的布局,并且使用它本身生命周期回调的行为。
Fragment最佳实践
Fragment懒加载 与 ViewPager缓存处理
FragmentState没帮我们保存Hidden状态,那就我们自己来保存
提取出Fragment公共代码,给出需要使用的点的抽象方法,用于继承实现
BaseCompatFragment类代码:
package com.kf.fly.fangweixing.android.view.frament; import android.content.Context; import android.os.Bundle; import android.support.annotation.IdRes; import android.support.annotation.LayoutRes; import android.support.annotation.Nullable; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentManager; import android.support.v4.app.FragmentTransaction; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Toast; import com.kf.fly.fangweixing.android.view.BaseCompatActivity; /** * Created by "sinlov" on 2017/4/11. */ public abstract class BaseCompatFragment extends Fragment { private static final String STATE_SAVE_IS_HIDDEN = "Fragment:STATE:SAVE_IS_HIDDEN"; protected String TAG; protected BaseCompatActivity mActivity; private FragmentManager mFramentManager; /** * view of this fragment */ protected View contentView; @Override public void onAttach(Context context) { super.onAttach(context); TAG = "FLY."+this.getClass().getCanonicalName(); mActivity = (BaseCompatActivity) getActivity(); mFramentManager = getFragmentManager(); } /** * FragmentState没帮我们保存Hidden状态,那就我们自己来保存,在页面重启后,我们自己来决定Fragment是否显示! * 解决思路转变了,由Activity/父Fragment来管理子Fragment的Hidden状态转变为 由Fragment自己来管理自己的Hidden状态! * 优点:不管多深的嵌套Fragment、同级Fragment等场景,全都可以正常工作,不会发生重叠! * 缺点:无。 * @param savedInstanceState */ @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); if (null != savedInstanceState){ boolean isSupportHidden = savedInstanceState.getBoolean(STATE_SAVE_IS_HIDDEN); FragmentTransaction ft = getFragmentManager().beginTransaction(); if (isSupportHidden) { ft.hide(this); } else { ft.show(this); } ft.commit(); } } @Override public void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); outState.putBoolean(STATE_SAVE_IS_HIDDEN, isHidden()); } /** * 提取出Fragment公共代码,给出需要使用的点的抽象方法,用于继承实现 * create view by method {@link BaseCompatActivity#setContentView(int)} * <br>this method can avid multiple loading xml files * * @param inflater {@link LayoutInflater} * @param container {@link ViewGroup} * @param savedInstanceState {@link Bundle} * @return {@link View} */ @Nullable @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { if (null == contentView) { initView(savedInstanceState); setListeners(); processLogic(savedInstanceState); } else { ViewGroup parent = (ViewGroup) contentView.getParent(); if (null != parent) { parent.removeView(contentView); } } return contentView; } protected void setContentView(@LayoutRes int layoutResID) { contentView = LayoutInflater.from(mActivity).inflate(layoutResID, null); } protected void setContentViewChildMode(@LayoutRes int layoutResID) { contentView = LayoutInflater.from(mActivity).inflate(layoutResID, null); } /** * init view * * @param savedInstanceState {@link Bundle} */ protected abstract void initView(Bundle savedInstanceState); /** * set view listeners */ protected abstract void setListeners(); /** * process logic and resumes states etc. * * @param savedInstanceState {@link Bundle} */ protected abstract void processLogic(Bundle savedInstanceState); /** * find view by id which in content view * * @param id view id * @param <CV> extends {@link View} * @return extends view */ @SuppressWarnings("unchecked") protected <CV extends View> CV getViewById(@IdRes int id) { return (CV) contentView.findViewById(id); } protected void showToast(String text){ Toast.makeText(mActivity, text, Toast.LENGTH_SHORT).show(); } protected void showToast(int id){ Toast.makeText(mActivity,id,Toast.LENGTH_SHORT).show(); } }
ViewPagerFragment类代码:
package com.kf.fly.fangweixing.view.fragment.appstore; import android.os.Bundle; import android.support.annotation.Nullable; import android.util.Log; import android.view.View; import com.kf.fly.fangweixing.android.view.frament.BaseCompatFragment; /** * * Viewpager + Fragment情况下,fragment的生命周期因Viewpager的缓存机制而失去了具体意义 * 该抽象类自定义一个新的回调方法,当fragment可见状态改变时会触发的回调方法,介绍看下面 * * @see #onFragmentVisibleChange(boolean) */ public abstract class ViewPagerFragment extends BaseCompatFragment { /** * rootView是否初始化标志,防止回调函数在rootView为空的时候触发 */ private boolean hasCreateView; /** * 当前Fragment是否处于可见状态标志,防止因ViewPager的缓存机制而导致回调函数的触发 */ private boolean isFragmentVisible; /** * onCreateView()里返回的view,修饰为protected,所以子类继承该类时,在onCreateView里必须对该变量进行初始化 */ protected View rootView; @Override public void setUserVisibleHint(boolean isVisibleToUser) { super.setUserVisibleHint(isVisibleToUser); Log.d(TAG, "setUserVisibleHint() -> isVisibleToUser: " + isVisibleToUser); if (rootView == null) { return; } hasCreateView = true; if (isVisibleToUser) { onFragmentVisibleChange(true); isFragmentVisible = true; return; } if (isFragmentVisible) { onFragmentVisibleChange(false); isFragmentVisible = false; } } @Override public void onCreate(@Nullable Bundle savedInstanceState) { super.on e0cb Create(savedInstanceState); initVariable(); } @Override public void onViewCreated(View view, @Nullable Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); if (!hasCreateView && getUserVisibleHint()) { onFragmentVisibleChange(true); isFragmentVisible = true; } } private void initVariable() { hasCreateView = false; isFragmentVisible = false; } /************************************************************** * 自定义的回调方法,子类可根据需求重写 *************************************************************/ /** * 当前fragment可见状态发生变化时会回调该方法 * 如果当前fragment是第一次加载,等待onCreateView后才会回调该方法,其它情况回调时机跟 {@link #setUserVisibleHint(boolean)}一致 * 在该回调方法中你可以做一些加载数据操作,甚至是控件的操作,因为配合fragment的view复用机制,你不用担心在对控件操作中会报 null 异常 * * @param isVisible true 不可见 -> 可见 * false 可见 -> 不可见 */ protected void onFragmentVisibleChange(boolean isVisible) { Log.w(TAG, "onFragmentVisibleChange -> isVisible: " + isVisible); if (isVisible){ onUserVisible(); } } /** * When fragment visible to lazy loading network data */ protected abstract void onUserVisible(); }
MainActivity代码:
package com.kf.fly.fangweixing; import android.os.Bundle; import android.support.v4.view.ViewPager; import android.support.v7.widget.Toolbar; import android.util.Log; import android.view.MenuItem; import android.widget.RadioButton; import android.widget.RadioGroup; import com.kf.fly.fangweixing.android.view.BaseCompatActivity; import com.kf.fly.fangweixing.view.fragment.appstore.CommonViewPagerAdapter; import com.kf.fly.fangweixing.view.fragment.weixin.WeiXingFragment; import butterknife.BindView; import butterknife.ButterKnife; public class MainActivity extends BaseCompatActivity { @BindView(R.id.app_mian_viewpager) ViewPager mViewPager; @BindView(R.id.main_radiogroup) RadioGroup mRadioGroup; @BindView(R.id.main_radiobutton_weixing) RadioButton radiobuttonWeiXing; @BindView(R.id.main_radiobutton_contacts) RadioButton radiobuttonContacts; @BindView(R.id.main_radiobutton_find) RadioButton radiobuttonFind; @BindView(R.id.main_radiobutton_my) RadioButton radiobuttonMy; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化BindView ButterKnife.bind(this); initFragment(); initToolbar(); monitoringRadioGrop(); } private void initToolbar() { Toolbar mToolbar = (Toolbar) findViewById(R.id.tool_bar_main); //添加溢出菜单 mToolbar.inflateMenu(R.menu.setting_menu); // 添加菜单点击事件 mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() { @Override public boolean onMenuItemClick(MenuItem item) { switch (item.getItemId()) { case R.id.item_search: showToast(R.string.main_menu_search); break; case R.id.item_chat: //点击设置菜单 showToast(R.string.main_menu_chat); break; case R.id.item_add_person: //点击设置菜单 showToast(R.string.main_menu_add_person); break; case R.id.item_richscan: //点击设置菜单 showToast(R.string.main_menu_richscan); break; case R.id.item_money: //点击设置菜单 showToast(R.string.main_menu_money); break; case R.id.item_help: //点击设置菜单 showToast(R.string.main_menu_help); break; } return false; } }); } private void initFragment() { CommonViewPagerAdapter adapter = new CommonViewPagerAdapter(getSupportFragmentManager()); adapter.addFragment(new WeiXingFragment(), getString(R.string.main_radiobutton_weixing)); adapter.addFragment(new WeiXingFragment(), getString(R.string.main_radiobutton_weixing)); adapter.addFragment(new WeiXingFragment(), getString(R.string.main_radiobutton_weixing)); adapter.addFragment(new WeiXingFragment(), getString(R.string.main_radiobutton_weixing)); mViewPager.setAdapter(adapter); mViewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { /**页面滚动时回调的方法 * position:当前页面向下滑动的角标 * positionOffset:当前页面滑动的偏移量 * positionOffsetPixels:当前页面滑动的偏移量对应的像素值 * */ @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } /** * 页面被选中时回调的方法 * position :表示页面的位置 **/ @Override public void onPageSelected(int position) { switch (position) { case 0: radiobuttonWeiXing.setChecked(true); break; case 1: radiobuttonContacts.setChecked(true); break; case 2: radiobuttonFind.setChecked(true); break; case 3: radiobuttonMy.setChecked(true); break; } } /**当页面滚动状态改变时回调的方法 * 参数包含三种状态: * SCROLL_STATE_IDLE :停止状态 * SCROLL_STATE_DRAGGING:滚动状态 * SCROLL_STATE_SETTLING:选中状态 * */ @Override public void onPageScrollStateChanged(int state) { } }); mViewPager.setCurrentItem(0); } private void monitoringRadioGrop() { mRadioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup group, int checkedId) { switch (checkedId) { case R.id.main_radiobutton_weixing: showToast(R.string.main_radiobutton_weixing); mViewPager.setCurrentItem(0); break; case R.id.main_radiobutton_contacts: showToast(R.string.main_radiobutton_contects); mViewPager.setCurrentItem(1); break; case R.id.main_radiobutton_find: showToast(R.string.main_radiobutton_find); mViewPager.setCurrentItem(2); break; case R.id.main_radiobutton_my: showToast(R.string.main_radiobutton_my); mViewPager.setCurrentItem(3); break; default: Log.d(TAG, "怎么监听的????"); break; } } }); } @Override protected void processLogic(Bundle savedInstanceState) { } }
效果图:
注:MainActivity有项目代码,可以和上一篇联合起来看,希望不会影响,O(∩_∩)O谢谢
希望对你们有帮助O(∩_∩)O谢谢!!!!!!!!!
相关文章推荐
- 【Android Training - 09】高效地显示Bitmap图片 [ Lesson 5 - 使用ViewPager与GridView显示图片 ]
- Android 安卓 ViewPager中使用Gallery!
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android ViewPager使用详解
- android中使用ViewPager实现图片左右拖动
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android高手进阶教程(二十八)之---Android ViewPager控件的使用(基于ViewPager的横向相册)!!!
- Android初级教程_图片混排效果和ViewPager的使用
- Android ViewPager控件的使用(基于ViewPager的横向相册)!!!
- Android ViewPager使用详解
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android 图片混排效果和ViewPager的使用
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android使用ViewPager实现左右滑动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android实现左右滑动指引效果(使用ViewPager)
- Android初级教程_图片混排效果和ViewPager的使用
- Android初级教程_图片混排效果和ViewPager的使用
- Android中使用ViewPager和PagerTabStrip实现页面滑动效果
- actionbar与viewpager的联合使用(android 3.0 ,level 11以上)