本文為菜鳥窩作者蔣志碧的連載辑鲤。“從 0 開始開發(fā)一款直播 APP ”系列來聊聊時下最火的直播 APP灭美，如何完整的實現(xiàn)一個類"騰訊直播"的商業(yè)化項目

視頻地址：http://www.cniao5.com/course/10121

【從 0 開始開發(fā)一款直播 APP】5.1 MVP 完全解析 -- 實現(xiàn)直播登錄
【從 0 開始開發(fā)一款直播 APP】5.2 MVP 之 Fragment 交互實現(xiàn)滑動導(dǎo)航
【從 0 開始開發(fā)一款直播 APP】5.3 MVC 完全解析 -- 實現(xiàn)直播登錄
【從 0 開始開發(fā)一款直播 APP】5.4 MVC 之 Fragment 交互實現(xiàn)滑動導(dǎo)航

上一章講了 MVP 實現(xiàn)登錄功能屈张，這一章講 MVP 實現(xiàn)主頁面展示，前面已經(jīng)實現(xiàn)了這個功能诉植，現(xiàn)在結(jié)合 MVP 來講解祥国。

MVP 之 Fragment 交互實現(xiàn)滑動導(dǎo)航

Presenter

一、MainPresenter 對應(yīng)于 MainActivity

1晾腔、定義 BasePresenter 接口舌稀，主要方法是 start() — presenter 開始處理數(shù)據(jù)，綁定 Presenter 灼擂。 finish() — 處理銷毀工作壁查，界面結(jié)束時調(diào)用，取消綁定 Presenter 的方法剔应。

2睡腿、定義 IMainPresenter 抽象類實現(xiàn) BasePresenter 接口，定義登錄所需邏輯處理方法峻贮，與 IMainView 關(guān)聯(lián)嫉到。

3、定義 MainPresenter 繼承 IMainPresenter 抽象類月洛，實現(xiàn)抽象方法以及處理邏輯何恶。

二、LiveMainPresenter 對應(yīng)于 LiveMainFragment

LiveMainPresenter 與 LiveMainFragment 關(guān)聯(lián)

View

一嚼黔、MainActivity

1细层、定義 BaseView 接口，將通用方法封裝到里面唬涧。

2疫赎、定義 IMainView 接口，繼承BaseView

3碎节、MainActivity 實現(xiàn) IMainView 及其抽象方法

二捧搞、LiveMainFragment

LiveMainFragment 與 MainActivity 關(guān)聯(lián)，LiveMainFragment 主要在 MainActivity 中顯示 FragmentTabHost 數(shù)據(jù)狮荔。

Model

看到上面運行效果圖中胎撇，數(shù)據(jù)就是圖片以及標題，還有 Fragment 等殖氏，直接在 Presenter 定義晚树。

看完類圖，下面開始創(chuàng)建 MVP 基本架構(gòu)雅采，下面是根據(jù)上面類圖創(chuàng)建的相關(guān)包以及接口和類爵憎，紅色矩形框中的是LiveMainFragment 以及 MainActivity 展示數(shù)據(jù)要用到的類慨亲，下面一一進行講解。

注意：本章講解是基于前面的一篇文章進行講解宝鼓，不做過多的介紹刑棵。
具體細節(jié)查看：【從 0 開始開發(fā)一款直播 APP】2.2 高層封裝之 Fragment -- 滑動導(dǎo)航

MainActivity 的數(shù)據(jù)展示

Presenter 所有類實現(xiàn)

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 和登錄中的功能一樣铐望，請查看前面一節(jié)內(nèi)容，MainPresenter 與 Model 關(guān)聯(lián)茂附，這里的 Model 是 FragmentTabHost 實現(xiàn)的底部導(dǎo)航正蛙。

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 的所有類實現(xiàn)

1、IMainView

目前還沒有其它新增方法营曼，后續(xù)慢慢添加

public interface IMainView extends BaseView {
}

2乒验、MainActivity

MainActivity 與 MainPresenter 關(guān)聯(lián)，與原來的代碼相比蒂阱，避免了與 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;
    }

}

運行效果大概是這樣。

上面的導(dǎo)航依然是基于 LiveMainFragment

LiveMainFragment 的數(shù)據(jù)展示

LiveMainPresenter

LiveMainPresenter 對應(yīng)的 View 是 LiveMainFragment录煤，LiveMainPresenter 與 Model 關(guān)聯(lián)鳄厌，避免 Model 直接與 View 交互

public class LiveMainPresenter {
    private BaseActivity mContext;
    //數(shù)據(jù)展示
    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("英雄聯(lián)盟");
        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 關(guān)聯(lián)，調(diào)用其方法更新數(shù)據(jù)展示在界面上

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 架構(gòu)對于大型項目的開發(fā)結(jié)構(gòu)清晰妈踊，只要搞懂三者的關(guān)系了嚎，畫出大致類圖，就可以很輕松寫出代碼了廊营。

（菜鳥窩歪泳，程序員的黃埔軍校，轉(zhuǎn)載請注明出處）

添加菜鳥窩運營微信：yrioyou露筒，備注【菜鳥直播】呐伞，入群交流

微信圖片_20170803172638.jpg

關(guān)注菜鳥窩官網(wǎng)，免費領(lǐng)取140套開源項目

菜鳥窩官網(wǎng)公號二維碼.png