Android实际开发中的首页框架搭建（二、首页框架实现）

本来这一篇是前两天就要写的，奈何事多缠身，推到今日，为自己的拖延感到愧疚。。。

上一篇大概把项目的结构完成了，下一步就是实现首页切换功能了

首先在activity目录下新建一个HomeActivity,作为承载多个fragment的容器

代码如下

/*
 * *
 *  * *******************************************************
 *  *
 *  * @文件名称：HomeActivity.java
 *  * @文件作者：ouyangshengduo Copyright(c) 2017. All rights reserved.
 *  * @创建时间：17-3-21 下午10:08
 *  * @文件描述：
 *  * @修改历史：Last modified 17-3-21 下午9:58 ********************************************************
 *
 */

package oysd.com.framebulding.activity;

import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;

import oysd.com.framebulding.R;
import oysd.com.framebulding.view.fragment.home.HomeFragment;
import oysd.com.framebulding.view.fragment.home.MessageFragment;
import oysd.com.framebulding.view.fragment.home.MineFragment;

public class HomeActivity extends AppCompatActivity implements View.OnClickListener {

    /**
     * fragment相关
     */
    private FragmentManager fm;
    private HomeFragment mHomeFragment;
    private MessageFragment mMessageFragment;
    private MineFragment mMineFragment;
    private Fragment mCurrent;


    private RelativeLayout mHomeLayout;
    private RelativeLayout mMessageLayout;
    private RelativeLayout mMineLayout;
    private TextView mHomeView;
    private TextView mMessageView;
    private TextView mMineView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_home_layout);
        //初始化这个界面的控件
        initView();

        mHomeFragment = new HomeFragment();
        fm = getFragmentManager();
        FragmentTransaction fragmentTransaction = fm.beginTransaction();
        fragmentTransaction.replace(R.id.content_layout,mHomeFragment);
        fragmentTransaction.commit();
    }

    private void initView() {
        mHomeLayout = (RelativeLayout) findViewById(R.id.home_layout_view);
        mHomeLayout.setOnClickListener(this);
        mMessageLayout = (RelativeLayout) findViewById(R.id.message_layout_view);
        mMessageLayout.setOnClickListener(this);
        mMineLayout = (RelativeLayout) findViewById(R.id.mine_layout_view);
        mMineLayout.setOnClickListener(this);

        mHomeView = (TextView) findViewById(R.id.home_image_view);
        mMessageView = (TextView) findViewById(R.id.message_image_view);
        mMineView = (TextView) findViewById(R.id.mine_image_view);
        mHomeView.setBackgroundResource(R.mipmap.comui_tab_home_selected);
    }

    /**
     * 隐藏Fragment方法
     * @param fragment
     * @param ft
     */
    private void hideFragment(Fragment fragment, FragmentTransaction ft) {
        if (fragment != null) {
            ft.hide(fragment);
        }
    }

    @Override
    public void onClick(View v) {
        FragmentTransaction fragmentTransaction = fm.beginTransaction();
        switch (v.getId()) {
            case R.id.home_layout_view:
                mHomeView.setBackgroundResource(R.mipmap.comui_tab_home_selected);
                mMessageView.setBackgroundResource(R.mipmap.comui_tab_message);
                mMineView.setBackgroundResource(R.mipmap.comui_tab_person);

                //隐藏其他的Fragment
                hideFragment(mMessageFragment, fragmentTransaction);
                hideFragment(mMineFragment, fragmentTransaction);
                //将我们的HomeFragment显示出来
                if (mHomeFragment == null) {
                    mHomeFragment = new HomeFragment();
                    fragmentTransaction.add(R.id.content_layout, mHomeFragment);
                } else {
                    mCurrent = mHomeFragment;
                    fragmentTransaction.show(mHomeFragment);
                }
                break;
            case R.id.message_layout_view:
                mMessageView.setBackgroundResource(R.mipmap.comui_tab_message_selected);
                mHomeView.setBackgroundResource(R.mipmap.comui_tab_home);
                mMineView.setBackgroundResource(R.mipmap.comui_tab_person);

                hideFragment(mHomeFragment, fragmentTransaction);
                hideFragment(mMineFragment, fragmentTransaction);
                if (mMessageFragment == null) {
                    mMessageFragment = new MessageFragment();
                    fragmentTransaction.add(R.id.content_layout, mMessageFragment);
                } else {
                    mCurrent = mMessageFragment;
                    fragmentTransaction.show(mMessageFragment);
                }
                break;
            case R.id.mine_layout_view:
                mMineView.setBackgroundResource(R.mipmap.comui_tab_person_selected);
                mHomeView.setBackgroundResource(R.mipmap.comui_tab_home);
                mMessageView.setBackgroundResource(R.mipmap.comui_tab_message);
                hideFragment(mMessageFragment, fragmentTransaction);
                hideFragment(mHomeFragment, fragmentTransaction);
                if (mMineFragment == null) {
                    mMineFragment = new MineFragment();
                    fragmentTransaction.add(R.id.content_layout, mMineFragment);
                } else {
                    mCurrent = mMineFragment;
                    fragmentTransaction.show(mMineFragment);
                }
                break;
        }

        fragmentTransaction.commit();
    }
}

然后在Fragment的目录下，新建自己的Fragment,我这里分三个，HomeFragment,MessageFragment,MineFragment

代码如下，这里只贴了HomeFragment,因为都是空的，所以其他的Fragment除了布局文件不一样，都差不多，没有实现什么功能，后期会慢慢往里面添加功能

/*
 * *
 *  * *******************************************************
 *  *
 *  * @文件名称：HomeFragment.java
 *  * @文件作者：ouyangshengduo Copyright(c) 2017. All rights reserved.
 *  * @创建时间：17-3-21 下午10:11
 *  * @文件描述：
 *  * @修改历史：Last modified 17-3-21 下午10:11 ********************************************************
 *
 */

package oysd.com.framebulding.view.fragment.home;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import oysd.com.framebulding.R;
import oysd.com.framebulding.view.fragment.BaseFragment;

/**
 * HomeFragment
 */
public class HomeFragment extends BaseFragment {


    private View mContentView;

    public HomeFragment() {

    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        mContext = getActivity();
        mContentView = inflater.inflate(R.layout.fragment_home_layout, container, false);
        return mContentView;
    }
}

对于HomeActivity中的Fragment的切换，这里要讲一下一个知识点，Fragment的切换以及切换方式，

我们来大概浏览一下Android里面的Fragment的源码，就能知道它的切换方式了，截图如下：

 所以Fragment的切换方式真正意义上我觉得分三种，（add,remove）,(hide,show),(detach,attach)，replace是先remove再add的，所以和第一种是一样的，

他们之间的区别（个人总结，不对请喷）：

第一种（add,remove，replace）:每次都会新建Fragment实例

第二种(hide,show)：比较消耗内存的方式，但是是我们实际开发中用的最多的，因为它不会每次都新建Fragment实例，有新的Fragment的时候，加到FragmentManager里面去就行

第三种(detach,attach):Fragment实例没有被销毁还是占内存，但每一次View都会被销毁，之后我们需要每一次都需重新要绘制View，所以实际开发中很少用，特别麻烦，而且也没有优化多少内存

以上，是对于一个项目的首页框架的搭建以及Fragment之间的切换，比较基础，其中的知识点如下：

知识点一：使用BaseFragment/BaseActivity的作用：抽象到父类的思维模式

知识点二：Fragment的切换以及切换的方式

知识点三：项目结构以及命名规范

源码地址：https://github.com/ouyangshengduo/FrameBulding