团队冲刺博客（二）

这次是实现了首页的三个底部导航栏，方便后续添加相对应的功能。

效果如下：

部分代码如下（省略了一些后端代码）：

fragment_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    xmlns:tools="http://schemas.android.com/tools">

    <FrameLayout
        android:id="@+id/home_fragment_container"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </FrameLayout>

    <include layout="@layout/home_tab_view_navigation"/>

</LinearLayout>

home_tab_view_navigation.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_gravity="bottom">

    <RadioGroup
        android:id="@+id/home_tb"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentBottom="true"
        android:background="@color/colorTab"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/photo_album"
            style="@style/Custom.TabRadioButton"
            android:layout_width="100dp"
            android:checked="true"
            android:text="相册" />

<!--        <View style="@style/Custom.TabRadioButton" />-->

        <ImageView
            android:id="@+id/take_a_picture"
            style="@style/Custom.TabRadioButton"
            android:background="@drawable/background_camera"
            android:src="@drawable/ic_menu_camera" />

        <RadioButton
            android:id="@+id/photo_editing"
            style="@style/Custom.TabRadioButton"
            android:layout_width="100dp"
            android:text="剪辑" />

    </RadioGroup>

</LinearLayout>

activity_photo_album.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is photo album fragment" />

</LinearLayout>

activity_photo_editing.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is photo editing fragment" />

</LinearLayout>

activity_take_a_picture.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="This is take a picture fragment" />

</LinearLayout>

HomeFragment.java

package com.michael.cloudphotos;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RadioButton;
import androidx.annotation.NonNull;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import com.michael.cloudphotos.Home_Fragment.Photo_Album_Fragment;
import com.michael.cloudphotos.Home_Fragment.Photo_Editing_Fragment;
import com.michael.cloudphotos.Home_Fragment.Take_A_Picture_Fragment;


public class HomeFragment extends Fragment {

    private RadioButton mphoto_album;
    private RadioButton mphoto_editing;
    private ImageView mpicture;

    private Photo_Album_Fragment photo_album_fragment;
    private Photo_Editing_Fragment photo_editing_fragment;
    private Take_A_Picture_Fragment take_a_picture_fragment;

    public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View root = inflater.inflate(R.layout.fragment_home, container, false);

        //初始化，各种View
        mphoto_album=root.findViewById(R.id.photo_album);
        mphoto_editing=root.findViewById(R.id.photo_editing);
        mpicture=root.findViewById(R.id.take_a_picture);

        //进入首页，直接选择第一个“相册”页面
        select(0);

        mphoto_album.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                select(0);
            }
        });

        mphoto_editing.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                select(1);
            }
        });

        mpicture.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                select(2);
            }
        });

        return root;
    }

    private void select(int i){
        FragmentManager fm = getFragmentManager();  //获得Fragment管理器
        FragmentTransaction ft = fm.beginTransaction(); //开启一个事务

        hideFragment(ft);   //先隐藏 Fragment

        switch (i){
            case 0:
                if (photo_album_fragment == null){
                    photo_album_fragment = new Photo_Album_Fragment();
                    ft.add(R.id.home_fragment_container,photo_album_fragment);
                }else{
                    ft.show(photo_album_fragment);
                }
                break;
            case 1:
                if (photo_editing_fragment == null){
                    photo_editing_fragment = new Photo_Editing_Fragment();
                    ft.add(R.id.home_fragment_container,photo_editing_fragment);
                }else {
                    ft.show(photo_editing_fragment);
                }
                break;
            case 2:
                if (take_a_picture_fragment == null){
                    take_a_picture_fragment = new Take_A_Picture_Fragment();
                    ft.add(R.id.home_fragment_container,take_a_picture_fragment);
                }else {
                    ft.show(take_a_picture_fragment);
                }
                break;
        }
        ft.commit();   //提交事务
    }

    //隐藏所有Fragment
    private void hideFragment(FragmentTransaction fragmentTransaction){
        if (photo_album_fragment != null){
            fragmentTransaction.hide(photo_album_fragment);
        }
        if (photo_editing_fragment != null){
            fragmentTransaction.hide(photo_editing_fragment);
        }
        if (take_a_picture_fragment != null){
            fragmentTransaction.hide(take_a_picture_fragment);
        }
    }


}