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