第二阶段冲刺一

今天主要完成的任务：简单底部导航栏的设计

遇到的困难：自己的sdk版本比较新，而参考的底部导航栏的代码过老，导致了底部导航栏的效果很差

解决办法：换了一种比较新的底部导航栏的设计思路

意外的惊喜：bufferknife框架

今天令我感慨最深的是：明明羡慕bufferknife框架的简单，可自己偏偏不会配置，可以说今天大部分的时间都浪费在配置bufferknife框架上了吧，查阅了大部分网上的资料基本上都是错的，可能由于年代比较久远吧。最终依靠github上作者的说明得以解决，其实github上对该框架如何使用已经做了详细的说明还有demo可以参考，只是自己还是太懒，不肯费力去阅读，自己以后需要加强对代码的阅读和理解能力，学会利用GitHub上的资源。

源程序代码

main_bottom.xml：

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

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/title_text">
    </View>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="54dp"
        android:orientation="horizontal">

        <LinearLayout
            android:id="@+id/ll_main_record"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/iv_main_record"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="2dp"
                android:src="@drawable/jilu"
                />
            <TextView
                android:id="@+id/tv_main_record"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="记录"
                android:textSize="16sp"
                android:textColor="@color/home_back_unselected"
                />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_main_note"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/iv_main_note"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="2dp"
                android:src="@drawable/biji"
                />
            <TextView
                android:id="@+id/tv_main_note"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="笔记"
                android:textSize="16sp"
                android:textColor="@color/home_back_unselected"
                />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_main_space"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/iv_main_space"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="2dp"
                android:src="@drawable/space"
                />
            <TextView
                android:id="@+id/tv_main_space"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="尚记堂"
                android:textColor="@color/home_back_unselected"
                android:textSize="16sp"
                />
        </LinearLayout>

        <LinearLayout
            android:id="@+id/ll_main_mine"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center"
            android:orientation="vertical">

            <ImageView
                android:id="@+id/iv_main_mine"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginTop="2dp"
                android:src="@drawable/wode"
                />
            <TextView
                android:id="@+id/tv_main_mine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="我的"
                android:textColor="@color/home_back_unselected"
                android:textSize="16sp"
                />
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

activity_main.xml

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

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

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

</LinearLayout>

MainActivty.java

package com.itheima.network.activity;

import android.os.Bundle;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.fragment.app.FragmentActivity;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import com.itheima.network.R;
import com.itheima.network.fragment.Mine;
import com.itheima.network.fragment.Note;
import com.itheima.network.fragment.Notespace;
import com.itheima.network.fragment.Record;

import butterknife.BindView;
import butterknife.ButterKnife;
import butterknife.OnClick;

public class MainActivity extends FragmentActivity
{
    private FragmentTransaction transaction;

    @BindView(R.id.fl_main)
    FrameLayout flMain;
    @BindView(R.id.iv_main_record)
    ImageView ivMainRecord;
    @BindView(R.id.tv_main_record)
    TextView tvMainRecord;
    @BindView(R.id.ll_main_record)
    LinearLayout llMainRecord;
    @BindView(R.id.iv_main_note)
    ImageView ivMainNote;
    @BindView(R.id.tv_main_note)
    TextView tvMainNote;
    @BindView(R.id.ll_main_note)
    LinearLayout llMainNote;
    @BindView(R.id.iv_main_space)
    ImageView ivMainSpace;
    @BindView(R.id.tv_main_space)
    TextView tvMainSpace;
    @BindView(R.id.ll_main_space)
    LinearLayout llMainSpace;
    @BindView(R.id.iv_main_mine)
    ImageView ivMainMine;
    @BindView(R.id.tv_main_mine)
    TextView tvMainMine;
    @BindView(R.id.ll_main_mine)
    LinearLayout llMainMine;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        //默认加载
        setSlect(0);
    }
    @OnClick({R.id.ll_main_record,R.id.ll_main_note,R.id.ll_main_space,R.id.ll_main_mine})
    public void showTab(View view)
    {
        switch (view.getId())
        {
            case R.id.ll_main_record:
                setSlect(0);
                break;
            case R.id.ll_main_note:
                setSlect(1);
                break;
            case R.id.ll_main_space:
                setSlect(2);
                break;
            case R.id.ll_main_mine:
                setSlect(3);
                break;
        }
    }
    private Record record;
    private Note note;
    private Notespace notespace;
    private Mine mine;
    //提供相应的fragment显示
    private void setSlect(int i)
    {
        FragmentManager fragmentManager=this.getSupportFragmentManager();
        transaction=fragmentManager.beginTransaction();

        //隐藏fragment
        hideFragments();
        //重置颜色
        resetTab();

        switch (i)
        {
            case 0:
                if(record==null)
                {
                    record=new Record();
                    transaction.add(R.id.fl_main,record);
                }
                transaction.show(record);
                ivMainRecord.setImageResource(R.drawable.jilu1);
                tvMainRecord.setTextColor(getResources().getColor(R.color.home_back_selected));
                break;
            case 1:
                if(note==null)
                {
                    note=new Note();
                    transaction.add(R.id.fl_main,note);
                }
                transaction.show(note);
                ivMainNote.setImageResource(R.drawable.biji1);
                tvMainNote.setTextColor(getResources().getColor(R.color.home_back_selected));
                break;
            case 2:
                if(notespace==null)
                {
                    notespace=new Notespace();
                    transaction.add(R.id.fl_main,notespace);
                }
                transaction.show(notespace);
                ivMainSpace.setImageResource(R.drawable.space1);
                tvMainSpace.setTextColor(getResources().getColor(R.color.home_back_selected));
                break;
            case 3:
                if(mine==null)
                {
                    mine=new Mine();
                    transaction.add(R.id.fl_main,mine);
                }
                transaction.show(mine);
                ivMainMine.setImageResource(R.drawable.wode1);
                tvMainMine.setTextColor(getResources().getColor(R.color.home_back_selected));
                break;
        }
        transaction.commit();
    }

    private void resetTab()
    {
        ivMainRecord.setImageResource(R.drawable.jilu);
        ivMainNote.setImageResource(R.drawable.biji);
        ivMainSpace.setImageResource(R.drawable.space);
        ivMainMine.setImageResource(R.drawable.wode);

        tvMainNote.setTextColor(getResources().getColor(R.color.home_back_unselected));
        tvMainNote.setTextColor(getResources().getColor(R.color.home_back_unselected));
        tvMainSpace.setTextColor(getResources().getColor(R.color.home_back_unselected));
        tvMainMine.setTextColor(getResources().getColor(R.color.home_back_unselected));
    }

    private void hideFragments()
    {
        if(record!=null)
        {
            transaction.hide(record);
        }
        if(note!=null)
        {
            transaction.hide(note);
        }
        if(notespace!=null)
        {
            transaction.hide(notespace);
        }
        if(mine!=null)
        {
            transaction.hide(mine);
        }
    }


}

运行效果截图