单 Activity 多 Fragment 模式快速构建一个 App

shanyao
9,594 阅读5分钟

前言

自从出了Fragment之后，我便对它情有独钟。从我开始的学习，到现在我做了多个app，我一直在使用Fragment，并且形成了我自己的app架构模式“单Activity多Fragment”，即使用一个Activity多个Fragment去构建一个App的整体架构，这样的好处多多，接下来我会一一介绍。我记得我有一个App其中就3个Activity、100多个Fragment。我已经用这种方式实现4个app了，在经过多个app之后，我的这种模式也在一步步的完善，但是毕竟我自己的水平有限，所以其中也有好些不合理的地方，因此这次我将它分享出来，这次我仅仅做一些关于这个架构的解释说明，后续我会将一些比较热门的技术陆续加入（比如RxJava，retrofit等等），让这个app能够更加完善。希望大家能够多多star，同时更希望大家能够多多拍砖让我不断的进步。
github地址：SimpleApp

APP演示

这里写图片描述

原理简述

正如你上面看到的App，其中只有三个Activity，一个BaseActivity，一个MainActivity，一个ClickButtonActivity。看下项目截图
这里写图片描述

  • MainActivity+ViewPager+Fragment构建三个一级界面
    • MainActivity会承载最主要的三个界面：首页、停车场、我的，而这三个界面都是Fragment，这就利用ViewPager实现了单Activity多Fragment。
  • ClickButtonActivity+Fragment构建跳转界面（这个是核心）
    • 我的任何界面的跳转（比如首界面中四个中心的跳转），只要是通过点击界面上控件跳转的操作，都是跳转的同一个Activity—>ClickButtonActivity，只是每次跳转时我会携带这个点击控件的资源id值，然后我会在ClickButtonActivity里面根据传递过来的资源id值去加载不同的Fragment。
  • 父Fragment通过Viewpager镶嵌多个子Fragment
    • 通过ViewPager+TabIndicator+Fragment实现多个滑动界面

原理详细代码实现

底部导航栏的实现

MainActivity+ViewPager+Fragment+RadioGroup实现底部导航栏

1. 定义xml文件

这里写图片描述

2. MainActivity

这里面比较简单就是给RadioGroup设置一个点击监听，然后根据点击的不同item设置ViewPager当前显示的Fragment界面，这里需要注意 viewpager.setCurrentItem(0, false)这个方法中的第二个参数，如果是true那么ViewPager会有切换动画，false则没有，大家可以试试看。还有这里我自定义了一个不可以滑动的ViewPager—NoScrollViewPager，这个大家可以根据实际需求设计。如果设置可以滑动的话，那么需要根据ViewPager的滑动去改变RadioButton的颜色。同样给ViewPager设置监听然后相应的改变RadioButton的值就好了。

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        initView();
    }

    private void initView() {
        adapter = new MainPagerAdapter(getSupportFragmentManager());
        viewpager.setAdapter(adapter);
        viewpager.setOffscreenPageLimit(5);
        viewpager.setCurrentItem(0);
        homeTitle.setText("首页");
        bottomMain.setChecked(true);
        radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                    case R.id.bottom_main:
                        viewpager.setCurrentItem(0, false);
                        homeTitle.setText("首页");
                        break;
                    case R.id.bottom_park:
                        viewpager.setCurrentItem(1, false);
                        homeTitle.setText("停车场");
                        break;
                    case R.id.bottom_me:
                        viewpager.setCurrentItem(2, false);
                        homeTitle.setText("我");
                        break;
                }
            }
        });
    }

ClickButtonActivity+Fragment实现所有的跳转界面

1. 跳转时将资源id传递给ClickButtonActivity

在任何通过点击跳转的界面，只需要在MainFragment里面的onClick方法里面添加下面一句话即可。

@Override
    public void onClick(View v) {
        StartUtils.startActivityById(getActivity(),v.getId());
    }

怎么样是不是很简单？如果不是使用这种模式，而是使用传统的跳转不同的Activity那么写法你可以知道会有很多很多代码的，要是需要跳转的界面越多而需要的代码就会越多，比如下面的界面
这里写图片描述这里写图片描述

在StartUtils里面封装好的方法
    public static void startActivityById(Context context, int resId){
        Intent intent = new Intent(SYApplication.getContext(), ClickButtonActivity.class);
        intent.putExtra("resId",resId);
        context.startActivity(intent);
    }

2. ClickButtonActivity

  • XML文件

    这里写图片描述

    这里可以统一所有跳转界面的ActionBar的风格，回退图标，界面标题，右侧文字和图片，我可以在Fragment中拿到这些参数的引用通过设置可见和不可见控制他们的显示，设置不同的界面标题等等ActionBar的操作。

  • 根据不同的id值添加不同的Fragment
/**
 * 这些公共的变量我只需要在Fragment中通过getActivity方法获取这Activity的引用，便可以引用这些变量
 */
 @Bind(R.id.tv_title)
 public TextView tvTitle;
 @Bind(R.id.iv_right)
 public ImageView ivRight;
 @Bind(R.id.tv_right)
 public TextView tvRight;
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_click_button);
        ButterKnife.bind(this);
        
        intent = getIntent();

        resId = intent.getIntExtra("resId", 0);
        if (intent.getExtras() != null) {
            resId = intent.getExtras().getInt("resId");
        }
        
        id = intent.getStringExtra("id");
        /**
         * 根据传递过来的不同的资源id值设置不同的fragment
         */
        fm = getSupportFragmentManager();
        ft = fm.beginTransaction();
        ft.replace(R.id.fl_click_button, FragmentFactory.createById(resId));
        ft.commit();
        
        actionBarBack.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ClickButtonActivity.this.finish();
            }
        });
    }

3. FragmentFactory

在这个工厂类里面，根据传入进来的不同的资源id值返回不同Fragment的对象。

 /**
     * 根据资源id返回不同的fragment
     */
    public static Fragment createById(int resId) {
        Fragment fragment = null;
        switch (resId) {
            case R.id.home_operation_center:
                fragment = new OperationCenterFragment();
                break;
            case R.id.home_consume_center:
                fragment = new ConsumeCenterFragment();
                break;
            case R.id.home_manager_center:
                fragment = new ManagerCenterFragment();
                break;
            case R.id.home_data_center:
                fragment = new DataCenterFragment();
                break;
        }
        return fragment;
    }

父Fragment通过Viewpager镶嵌多个子Fragment

这里写图片描述

类似上面这种界面，使用父Fragment + ViewPager + TabPagerIndicator + 多个子Fragment就可以实现，并且我对父Fragment进行了封装，使得这种模式的实现更加的简单。不过由于这篇文章的篇幅问题，我会在下一篇博客中详细介绍一些我封装的好的类。
这里先剧透一下下：

  • BaseFragment和ContentPage类
    只要继承这个basefragment，子类就可以实现数据加载时不同的三种状态：加载中，加载成功，加载失败。并且定义了一个pdLoading的progressbar在我们请求网络时的进度条
  • BasePagerFragment
    定义了三个方法，子类只需要实现三个方法就可以实现上面那种的效果，并且可扩展性非常强。
  • BaseListFragment
    只要是列表类的界面都可以继承这个界面，这个类继承了上拉刷新、加载更多、封装了Adapter等功能。非常方便。

总结

通过以上三种方法，我们就能实现单Activity多Fragment了，跟传统的写法相比，确实是有些优势的，简化了好些代码。我也用这种方式写了多个app，现在我分享出来，希望大家可以帮我参考下，多多提提意见，可以使我的app更加的完善。如果你认为这个对你有些帮助和启发，就请去我的github：SimpleApp里面 star一下多多支持我吧。谢谢大家。

avatar
文章
阅读
粉丝