奇葩的底部导航栏

oh，NO!这是什么鬼，组长大叫一声，快看小乔，此处有坑，我快速走到老大面前，仔细看了看，说了一声fuck。让我来。。。。-_-
怎么样剧情还不错吧。。。。
大家看下效果图：

由于是公司的项目，这里不便贴出来全景图，看出效果即可，真的好蛋疼，中间那块，尼玛。。。我也是醉了。。。
不过还好，天无绝人之路，上有政策下有对策，本来底部导航栏准备用FragmentTabhost的，还是自己布局吧。。。
大家先看主布局：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout 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">    <include layout="@layout/base_title_bar"/>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_below="@id/toobar"        android:orientation="vertical">        <FrameLayout            android:id="@+id/content"            android:layout_width="match_parent"            android:layout_height="0dp"            android:layout_weight="1"/>        <View            android:id="@+id/line"            android:layout_width="match_parent"            android:layout_height="1dp"            android:layout_above="@+id/bottom"            android:background="#DCDBDB"/>        <LinearLayout            android:id="@+id/bottom"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_alignParentBottom="true"            android:background="#F2F2F2"            android:orientation="horizontal"            android:padding="5dp">            <TextView                android:id="@+id/agriculture"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:drawablePadding="3dp"                android:drawableTop="@drawable/tab_item_dynamic_img_selector"                android:gravity="center"                android:text="农业百科"                android:textColor="@drawable/tab_item_font_color"/>            <TextView                android:id="@+id/store"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:drawablePadding="3dp"                android:drawableTop="@drawable/tab_item_main_img_selector"                android:gravity="center"                android:text="商城"                android:textColor="@drawable/tab_item_font_color"/>            <TextView                android:id="@+id/tv_3"                android:layout_width="0dp"                android:layout_height="1dp"                android:layout_weight="1"/>            <TextView                android:id="@+id/order"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:drawablePadding="3dp"                android:drawableTop="@drawable/tab_item_message_img_selector"                android:gravity="center"                android:text="订单"                android:textColor="@drawable/tab_item_font_color"/>            <TextView                android:id="@+id/mime"                android:layout_width="0dp"                android:layout_height="wrap_content"                android:layout_weight="1"                android:drawablePadding="3dp"                android:drawableTop="@drawable/tab_item_person_img_selector"                android:gravity="center"                android:text="我的"                android:textColor="@drawable/tab_item_font_color"/>        </LinearLayout>    </LinearLayout>    <TextView        android:id="@+id/growth"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentBottom="true"        android:layout_centerHorizontal="true"        android:layout_marginBottom="5dp"        android:drawableTop="@drawable/tab_item_growth_img_selector"        android:text="成长日志"        android:textColor="@drawable/tab_item_font_color"/></RelativeLayout>

中间那个奇葩图，我是先用线性布局权重分配，中间用一个view控件占用上去，然后再用外面的相对布局搞定，哈哈，是不是很简单，不过布局的确很烂，完全是堆代码。

selector（图标自己找哈）文件:

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/tabtn_chengzhangrizhi"  android:state_selected="false"/>    <item android:drawable="@drawable/tabtn_chengzhangrizhi_hl" android:state_selected="true"/></selector>

颜色selector:

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <item  android:state_selected="false" android:color="@color/font__normal"/>    <item  android:state_selected="true" android:color="@color/font_select"/></selector>

主activity:

public class MainActivity extends BaseActivity implements View.OnClickListener {    @Bind(R.id.agriculture)    TextView agriculture;    @Bind(R.id.store)    TextView store;    @Bind(R.id.growth)    TextView growth;    @Bind(R.id.order)    TextView order;    @Bind(R.id.mime)    TextView mime;    private int currentId = R.id.agriculture;//默认ID    private AgricultureFragment baiKeFragmet;    private StoreFragment storeFragment;    private GrowthFragment riZiFragment;    private OrderFragment listFragment;    private MimeFragment mimeFragment;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        initView();        initListener();    }    private void initListener() {        agriculture.setOnClickListener(this);        store.setOnClickListener(this);        growth.setOnClickListener(this);        order.setOnClickListener(this);        mime.setOnClickListener(this);    }    private void initView() {        setContentView(R.layout.activity_main);              ButterKnife.bind(this);        agriculture.setSelected(true);//默认选中第一个        loadFragment(R.id.agriculture);//默认加载第一个fragmet    }    @Override    public void onClick(View view) {        if (view.getId() != currentId) {// 如果当前选中跟上次选中的一样,不需要处理            changeSelect(view.getId());// 改变图标跟文字颜色的选中            currentId = view.getId();// 设置选中id        }    }    private void changeSelect(int id) {        agriculture.setSelected(false);        store.setSelected(false);        growth.setSelected(false);        order.setSelected(false);        mime.setSelected(false);        switch (id) {            case R.id.agriculture:                agriculture.setSelected(true);                break;            case R.id.store:                store.setSelected(true);                break;            case R.id.growth:                growth.setSelected(true);                break;            case R.id.order:                order.setSelected(true);                break;            case R.id.mime:                mime.setSelected(true);                break;        }        loadFragment(id);    }    //加载fragment    private void loadFragment(int id) {        FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();        hideFragment(transaction);        switch (id) {            case R.id.agriculture:                if (baiKeFragmet == null) {                    baiKeFragmet = new AgricultureFragment();                    transaction.add(R.id.content, baiKeFragmet, "baiKeFragmet");                } else {                    transaction.show(baiKeFragmet);                }                break;            case R.id.store:                if (storeFragment == null) {                    storeFragment = new StoreFragment();                    transaction.add(R.id.content, storeFragment, "storeFragment");                } else {                    transaction.show(storeFragment);                }                break;            case R.id.growth:                if (riZiFragment == null) {                    riZiFragment = new GrowthFragment();                    transaction.add(R.id.content, riZiFragment, "riZiFragment");                } else {                    transaction.show(riZiFragment);                }                break;            case R.id.order:                if (listFragment == null) {                    listFragment = new OrderFragment();                    transaction.add(R.id.content, listFragment, "listFragment");                } else {                    transaction.show(listFragment);                }                break;            case R.id.mime:                if (mimeFragment == null) {                    mimeFragment = new MimeFragment();                    transaction.add(R.id.content, mimeFragment, "mimeFragment");                } else {                    transaction.show(mimeFragment);                }                break;        }        transaction.commit();    }    private void hideFragment(FragmentTransaction transaction) {        if (baiKeFragmet != null) {            transaction.hide(baiKeFragmet);        }        if (storeFragment != null) {            transaction.hide(storeFragment);        }        if (riZiFragment != null) {            transaction.hide(riZiFragment);        }        if (listFragment != null) {            transaction.hide(listFragment);        }        if (mimeFragment != null) {            transaction.hide(mimeFragment);        }    }}

好了，代码很简单，逻辑很easy，希望对大家有用。