底部导航栏，非id实现

前两天在学习，感觉市面上大多的APP都会有底部导航栏，但个数不一。之前也实现过这一个需求，大概就是ViewGroup中嵌套RadioButton，然后通过id来实现界面切换。如果需求发生变更，变成四个或者五个底部button。这个时候无非还是在原有的控件上添加button，根据id去切换界面。这种方法感觉不是好，产品发生变更的话，界面也要随机发生改变。耦合度比较高。所以空闲时间码了一篇万能的底部导航栏。

布局文件

<?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="zyh.demo.activity.MainActivity">

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

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="@color/colorWhite2"/>
    <LinearLayout
        android:id="@+id/main_button"
        android:layout_width="match_parent"
        android:layout_height="50dp">

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/icon_main_selector"
            android:gravity="center"
            android:text="首页"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/icon_main_selector"
            android:gravity="center"
            android:text="更多"/>

        <Button
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:background="@drawable/icon_main_selector"
            android:gravity="center"
            android:text="个人"/>
    </LinearLayout>
</LinearLayout>

底部四个button，整个大的布局是FrameLayout。

Java代码

package zyh.demo.activity;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.ListFragment;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

import zyh.demo.R;
import zyh.demo.fragment.HomeFragment;
import zyh.demo.fragment.MoreFragment;
import zyh.demo.fragment.UserFragment;

public class MainActivity extends BaseActivity {

    private LinearLayout buttomLayout;
    private List<Fragment> fragmentList = new ArrayList<>();

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initData();
        initView();
        onClickListener.onClick(buttomLayout.getChildAt(0));    //默认选中第一个
    }

    private void initData() {
        fragmentList.add(new HomeFragment());
        fragmentList.add(new MoreFragment());
        fragmentList.add(new UserFragment());
    }

    private void initView() {
        buttomLayout = (LinearLayout) findViewById(R.id.main_button);
        initButtomLayoutViewAndOnClickListener();
    }

    private void initButtomLayoutViewAndOnClickListener() {
        int childCount = buttomLayout.getChildCount();  //获取底部子孩子的个数,并执行点击事件。
        for (int i = 0; i < childCount ; i++) {
            buttomLayout.getChildAt(i).setOnClickListener(onClickListener);
        }
    }

    View.OnClickListener onClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            int item = buttomLayout.indexOfChild(view);//根据当前view获取角标值
            changeUI(item);
            changeFragment(item);
        }
    };

    private void changeFragment(int item) {
        Fragment fragment = fragmentList.get(item);
        getSupportFragmentManager().beginTransaction().replace(R.id.main_frameLayout,fragment).commit();
    }

    private void changeUI(int item) {
        for (int i = 0; i <buttomLayout.getChildCount() ; i++) {
            if (item == i) {            //说明点击的当前的view,为不可用状态
                buttomLayout.getChildAt(i).setEnabled(false);
                changeStatus(buttomLayout.getChildAt(i),false);
            }else{                      // 为可用状态；
                buttomLayout.getChildAt(i).setEnabled(true);   //当前view为可用
                changeStatus(buttomLayout.getChildAt(i),true);
            }
        }
    }

    /**
     * 改变所有子孙view的状态。
     * */
    private void changeStatus(View childAt, boolean b) {
        childAt.setEnabled(b);
        if(childAt instanceof ViewGroup)  {     // 判断当前view 是不是一个容器，是的话，获取子孩子的个数；
            int childCount = ((ViewGroup) childAt).getChildCount();
            for (int i = 0; i< childCount; i++) {
                changeStatus(((ViewGroup) childAt).getChildAt(i),b);
            }
        }
    }
}

这样，就初始化了一个底部的父view，通过遍历子孩子的方式，拿到每一个view，并执行点击事件，同时改变自身状态，以及子孩子的控件。没有必要通过一个的id去设置数据。