Android使用Fragment嵌套Fragment的方式实现界面滑动
2014-03-16 09:47
801 查看
本文在Jake Wharton的ViewPagerIndicator基础上实现自己需要的界面滑动,并且回避了Android已经弃用的API。 Jake Wharton的项目的github地址: https://github.com/JakeWharton/Android-ViewPagerIndicator Jake Wharton提供了一个lib库更加方便地实现了官方support库中的ViewPager功能,自己在此项目的Demo基础上实现了其中一种滑动方式。
// 主Activity public class HomeActivity extends FragmentActivity implements OnClickListener { private TextView footerLeft; private TextView footerMiddle; private TextView footerRight; private Context context; private FragmentManager fragmentManager; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.home_activity); initArgs(); getView2Init(); initFragment(new Fragment1()); } /** * 初始化变量 */ private void initArgs() { context = HomeActivity.this; fragmentManager = getSupportFragmentManager(); } /** * 获得布局文件上的控件并初始化 */ private void getView2Init() { // 获得控件View footerLeft = (TextView) findViewById(R.id.tv_footer_left); footerMiddle = (TextView) findViewById(R.id.tv_footer_middle); footerRight = (TextView) findViewById(R.id.tv_footer_right); // 初始化控件View footerLeft.setOnClickListener(this); footerMiddle.setOnClickListener(this); footerRight.setOnClickListener(this); } @Override public void onClick(View v) { // 当footer中的三个文本控件被点击时,作出回应 if (v == footerLeft) { Toast.makeText(context, "点击了底栏left左边按钮", Toast.LENGTH_SHORT).show(); updateFragment(new Fragment1(), false); } else if (v == footerMiddle) { Toast.makeText(context, "点击了底栏middle中间按钮", Toast.LENGTH_SHORT).show(); updateFragment(new Fragment2(), false); } else if (v == footerRight) { Toast.makeText(context, "点击了底栏Right右边按钮", Toast.LENGTH_SHORT).show(); updateFragment(new Fragment3(), false); } } /** * 初始化Fragment * * @param f */ private void initFragment(Fragment f) { updateFragment(f, true); } /** * 更新Fragment * * @param f * @param isInit */ private void updateFragment(Fragment f, boolean isInit) { FragmentTransaction ft = fragmentManager.beginTransaction(); ft.replace(R.id.content, f); ft.commit(); } }
// 用来实现切换的Adapter public class MyPagerAdapter1 extends FragmentStatePagerAdapter { protected static final String[] SUB_FRAGMENT = new String[] { "Fragment1_1", "Fragment1_2", "Fragment1_3" }; // 对应于每个大Fragment的小Fragment private int mCount = SUB_FRAGMENT.length; public MyPagerAdapter1(FragmentManager fm) { super(fm); } @Override public Fragment getItem(int position) { if (0 == position) { return new Fragment1_1(); } else if (1 == position) { return new Fragment1_2(); } else if (2 == position) { return new Fragment1_3(); } else { System.out.println("创建子Fragment1_" + position + "失败"); return null; } } @Override public int getCount() { return mCount; } @Override public CharSequence getPageTitle(int position) { return SUB_FRAGMENT[position % mCount]; } }
// 主Activity下有三个一级Fragment,这是其中之一 public class Fragment1 extends Fragment { private MyPagerAdapter1 mAdapter; private ViewPager mPager; private TitlePageIndicator mIndicator; private static int mCurrentSubFragmentSeq = 0; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setRetainInstance(true); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = inflater.inflate(R.layout.fragment1, container, false); System.out.println("F1:onCreateView"); mAdapter = new MyPagerAdapter1(getFragmentManager()); mPager = (ViewPager) v.findViewById(R.id.pager); mPager.setAdapter(mAdapter); mIndicator = (TitlePageIndicator) v.findViewById(R.id.titles); mIndicator.setViewPager(mPager, mCurrentSubFragmentSeq); System.out.println("2、mCurrent Sub Fragment Sequence: " + mCurrentSubFragmentSeq); mIndicator.setFooterIndicatorStyle(IndicatorStyle.Triangle); mIndicator.setOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageSelected(int position) { System.out.println("Changed to page " + position); mCurrentSubFragmentSeq = position; } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageScrollStateChanged(int state) { } }); return v; } @Override public void onActivityCreated(Bundle savedInstanceState) { super.onActivityCreated(savedInstanceState); } }
// 每个一级Framgment下面有三个二级Fragment,这是其中之一 public class Fragment1_1 extends Fragment { private static final String KEY_CONTENT = "Fragment1:Content"; private Bundle bundle; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); if ((savedInstanceState != null) && savedInstanceState.containsKey(KEY_CONTENT)) { bundle = savedInstanceState.getBundle(KEY_CONTENT); } } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View v = inflater.inflate(R.layout.fragment1_1, container, false); return v; } @Override public void onSaveInstanceState(Bundle outState) { super.onSaveInstanceState(outState); outState.putBundle(KEY_CONTENT, bundle); } }
其他的代码类似,不过还有一个问题,当在同一个一级Fragment下的二级Fragment之一数据有变化时, 另外两个Fragment无法及时更新自己的数据。比如说,Fragment1下面的三个Fragment1_1、 Fragment1_2、 Fragment1_3需要同时读取同一个数据库中的数据, 并更新到自己的listView上,当我在 Fragment1_1中对数据库作了修改之后, Fragment1_2和 Fragment1_3并不能及时更新自己的数据 (也就是说不能及时去数据库中更新数据),而是要先切换到Fragment2或者 Fragment3再切换回 Fragment1,才能重新去更新数据。 在同事的提醒下,使用设计模式中的“观察者模式”可以解决这个问题。因为网上讲设计模式的教程和例子很多 (比如这篇[设计模式:观察者模式](http://www.cnblogs.com/li-peng/archive/2013/02/04/2892116.html '设计模式:观察者模式')), 所以就不多赘述。对于这个例子来说,只要把数据库里面的数据作为被观察者,Fragment作为观察者就可以了。就是说,如果有人对数据库做了更新动作, 就给所有观察者发送消息,让其重新获取数据。
相关文章推荐
- Android手机UI设计---”知乎“界面外观模仿篇(一)---使用Fragment实现底部导航以及嵌套
- Android手机UI设计---”知乎“界面外观模仿篇(五)---在Fragment里使用Gallery实现自动轮播和手动滑动
- 【Android界面实现】解决ScrollView中嵌套Listview,Listview中嵌套Listview显示不完整和滑动冲突的问题
- [Android] 使用 Fragment 实现底部 Tab 切换界面
- Android手机UI设计---”知乎“界面外观模仿篇(六)---在Fragment里使用Gallery结合listview实现listview横滑
- Android ViewPager和Fragment实现顶部导航界面滑动效果
- Android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- 【Android 界面效果27】利用ViewPager、Fragment、PagerTabStrip实现多页面滑动效果
- 基于android的网络音乐播放器-添加viewpager和fragment实现滑动切换多个界面(二)
- 【Android界面实现】自定义滑动开关控件的实现与使用
- 【Android界面实现】使用ActionBar和DrawerLayout纯原生控件,实现侧滑栏和滑动Tab界面
- 【Android 界面效果40】Android4.0-Fragment框架实现方式剖析(一)
- Android开发使用Activity嵌套多个Fragment实现横竖屏切换功能的方法
- Android 使用ViewPager和RadioGroup配合Fragment实现标签页,可点击按钮切换、滑动切换。
- 【Android 界面效果27】利用ViewPager、Fragment、PagerTabStrip实现多页面滑动效果
- android viewPager使用,实现界面的左右滑动
- android 使用Fragment实现ViewPager滑动
- Android Studio使用ViewPager+Fragment实现仿微信滑动切换界面
- 从零开始学android<使用嵌套布局实现计算器界面.十七.>
- 【Android 界面效果17】Android手机平板两不误,使用Fragment实现兼容手机和平板的程序