最清晰的MVP架构实现了最流畅的直播页面交互滑动

本文为菜鸟窝作者蒋志碧的连载。“从 0 开始开发一款直播 APP ”系列来聊聊时下最火的直播 APP,如何完整的实现一个类"腾讯直播"的商业化项目
视频地址:http://www.cniao5.com/course/10121

【从 0 开始开发一款直播 APP】5.1 MVP 完全解析 -- 实现直播登录
【从 0 开始开发一款直播 APP】5.2 MVP 之 Fragment 交互实现滑动导航
【从 0 开始开发一款直播 APP】5.3 MVC 完全解析 -- 实现直播登录
【从 0 开始开发一款直播 APP】5.4 MVC 之 Fragment 交互实现滑动导航


上一章讲了 MVP 实现登录功能,这一章讲 MVP 实现主页面展示,前面已经实现了这个功能,现在结合 MVP 来讲解。

MVP 之 Fragment 交互实现滑动导航

Presenter

一、MainPresenter 对应于 MainActivity

1、定义 BasePresenter 接口,主要方法是 start() — presenter 开始处理数据,绑定 Presenter 。 finish() — 处理销毁工作,界面结束时调用,取消绑定 Presenter 的方法。

2、定义 IMainPresenter 抽象类实现 BasePresenter 接口,定义登录所需逻辑处理方法,与 IMainView 关联。

3、定义 MainPresenter 继承 IMainPresenter 抽象类,实现抽象方法以及处理逻辑。

二、LiveMainPresenter 对应于 LiveMainFragment

LiveMainPresenter 与 LiveMainFragment 关联

View

一、MainActivity

1、定义 BaseView 接口,将通用方法封装到里面。

2、定义 IMainView 接口,继承BaseView

3、MainActivity 实现 IMainView 及其抽象方法

二、LiveMainFragment

LiveMainFragment 与 MainActivity 关联,LiveMainFragment 主要在 MainActivity 中显示 FragmentTabHost 数据。

Model

看到上面运行效果图中,数据就是图片以及标题,还有 Fragment 等,直接在 Presenter 定义。

看完类图,下面开始创建 MVP 基本架构,下面是根据上面类图创建的相关包以及接口和类,红色矩形框中的是LiveMainFragment 以及 MainActivity 展示数据要用到的类,下面一一进行讲解。

注意:本章讲解是基于前面的一篇文章进行讲解,不做过多的介绍。
具体细节查看:【从 0 开始开发一款直播 APP】2.2 高层封装之 Fragment -- 滑动导航

MainActivity 的数据展示

Presenter 所有类实现

1、MainPresenter

public abstract class IMainPresenter implements BasePresenter{

    protected BaseView mBaseView;
    protected BaseActivity mContext;

    public IMainPresenter(BaseView baseView,BaseActivity context) {
        this.mBaseView = baseView;
        this.mContext = context;
    }

    //初始化 FragmentTabHost
    protected abstract void initFragment();
    //展示 Tab 选项卡
    protected abstract View getTabItemView(int i);
}

2、IMainPresenter

BasePresenter 和登录中的功能一样,请查看前面一节内容,MainPresenter 与 Model 关联,这里的 Model 是 FragmentTabHost 实现的底部导航。

public class MainPresenter extends IMainPresenter {

    private IMainView mIMainView;
    private FragmentTabHost mTabHost;
    private final Class mFragmentArray[] = {LiveMainFragment.class, PublishFragment.class, UserInfoFragment.class};
    private int mImageViewArray[] = {R.drawable.tab_live_selector, R.drawable.tab_pubish_selector, R.drawable.tab_my_selector};
    private String mTextViewArray[] = {"live", "publish", "mine"};

    public MainPresenter(IMainView mainView, BaseActivity context) {
        super(mainView,context);
        mIMainView = mainView;
    }

    @Override
    public void start() {
    }

    @Override
    public void finish() {
        if (mIMainView!=null){
            mIMainView = null;
        }
    }


    @Override
    public void initFragment() {
        mTabHost = mContext.obtainView(android.R.id.tabhost);
        mTabHost.setup(mContext, mContext.getSupportFragmentManager(), R.id.contentPanel);
        int fragmentCount = mFragmentArray.length;
        for (int i = 0; i < fragmentCount; i++) {
            TabHost.TabSpec tabSpec = mTabHost.newTabSpec(mTextViewArray[i]).setIndicator(getTabItemView(i));
            mTabHost.addTab(tabSpec, mFragmentArray[i], null);
            mTabHost.getTabWidget().setDividerDrawable(null);
        }
    }

    @Override
    protected View getTabItemView(int i) {
        View view;
        view = LayoutInflater.from(mContext).inflate(R.layout.tab_live, null);
        ImageView imageView = (ImageView) view.findViewById(R.id.tab_icon);
        imageView.setImageResource(mImageViewArray[i]);
        return view;
    }

    @Override
    protected void checkCacheAndLogin() {
    }
}

View 的所有类实现

1、IMainView

目前还没有其它新增方法,后续慢慢添加

public interface IMainView extends BaseView {
}

2、MainActivity

MainActivity 与 MainPresenter 关联,与原来的代码相比,避免了与 Model 直接交互。

public class MainActivity extends BaseActivity implements IMainView {
    private MainPresenter mMainPresenter;

    @Override
    protected void setActionBar() {
    }

    @Override
    protected void setListener() {
    }

    @Override
    protected void initData() {
    }

    @Override
    protected void initView() {
        mMainPresenter = new MainPresenter(this,this);
        mMainPresenter.initFragment();
    }

    @Override
    protected int getLayoutId() {
        return R.layout.activity_main;
    }

    @Override
    public void showLoading() {
    }

    @Override
    public void dismissLoading() {
    }

    @Override
    public void showMsg(String msg) {
    }

    @Override
    public void showMsg(int msgId) {
    }

    @Override
    public Context getContext() {
        return this;
    }

}

运行效果大概是这样。

上面的导航依然是基于 LiveMainFragment

LiveMainFragment 的数据展示

LiveMainPresenter

LiveMainPresenter 对应的 View 是 LiveMainFragment,LiveMainPresenter 与 Model 关联,避免 Model 直接与 View 交互

public class LiveMainPresenter {
    private BaseActivity mContext;
    //数据展示
    private ViewPager mViewPager;
    private PagerSlidingTabStrip mTabStrip;
    private ArrayList<String> mTitles;
    private ArrayList<Fragment> mFragments;

    public LiveMainPresenter(BaseActivity context) {
        this.mContext = context;
    }

    public FragmentStatePagerAdapter getAdapter() {
        return new PagerAdapter(mContext.getSupportFragmentManager(),mTitles,mFragments);
    }

    public void initViewPager(View rootView){
        mViewPager = (ViewPager) rootView.findViewById(R.id.viewpager);
        mTabStrip = (PagerSlidingTabStrip) rootView.findViewById(R.id.pager_sliding_tab_strip);
        mTabStrip.setTextColorResource(R.color.white);
        mTabStrip.setIndicatorColorResource(R.color.white);
        mTabStrip.setDividerColor(Color.TRANSPARENT);
        mTabStrip.setTextSize(rootView.getResources().getDimensionPixelSize(R.dimen.h6));
        mTabStrip.setUnderlineHeight(1);
        mViewPager.setCurrentItem(0);
    }

    public void initViewPagerData(){
        mTitles = new ArrayList<>();
        mFragments = new ArrayList<>();
        mTitles.add("最新");
        mTitles.add("最热");
        mTitles.add("达人");
        mTitles.add("活力");
        mTitles.add("英雄联盟");
        mTitles.add("王者荣耀");
        for (String s:mTitles){
            Bundle bundle = new Bundle();
            bundle.putString("title",s);
            mFragments.add(LiveListFragment.newInstance(bundle));
        }
    }

    public void initAdapter(FragmentStatePagerAdapter adapter){
        mViewPager.setAdapter(adapter);
        mTabStrip.setViewPager(mViewPager);
    }
}

View — LiveMainFragment

LiveMainFragment 与 LiveMainPresenter 关联,调用其方法更新数据展示在界面上

public class LiveMainFragment extends BaseFragment implements View.OnClickListener {

    private LiveMainPresenter mLiveMainPresenter;

    @Override
    protected void initData() {
    }

    @Override
    protected void setListener() {
        obtainView(R.id.iv_search).setOnClickListener(this);
        obtainView(R.id.iv_message).setOnClickListener(this);
    }

    @Override
    protected void initView(View rootView) {
        mLiveMainPresenter = new LiveMainPresenter(mContext);
        mLiveMainPresenter.initViewPager(rootView);
        mLiveMainPresenter.initViewPagerData();
    }

    @Override
    protected int getLayoutId() {
        return R.layout.fragment_live_main;
    }

    @Override
    public void onClick(View v) {
    }
}

运行效果



使用 MVP 架构对于大型项目的开发结构清晰,只要搞懂三者的关系,画出大致类图,就可以很轻松写出代码了。


(菜鸟窝,程序员的黄埔军校,转载请注明出处)

添加菜鸟窝运营微信:yrioyou,备注【菜鸟直播】,入群交流

微信图片_20170803172638.jpg

关注菜鸟窝官网,免费领取140套开源项目

菜鸟窝官网公号二维码.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,290评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,107评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,872评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,415评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,453评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,784评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,927评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,691评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,137评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,472评论 2 326
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,622评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,289评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,887评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,741评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,316评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,490评论 2 348

推荐阅读更多精彩内容