Activity+Fragment选项卡整理（二）

继上一篇博客，Activity+Fragment选项卡整理
这里是在之前的基础上，做了一些修改，底部的菜单项都是通过配置文件来直接控制选中状态。
效果图，还是一样的，

代码量不多，我就直接贴了。
首先我的主界面配置文件还是一样的，基本没什么变化。
activity_main.xml

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

    <LinearLayout
        android:id="@+id/ll_bottom_menu"
        android:layout_width="match_parent"
        android:layout_height="49dp"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_menu_1"
            style="@style/style_menu_item_text"
            android:drawableTop="@drawable/selector_menu_item_draw_home"
            android:text="@string/str_menu_1" />

        <TextView
            android:id="@+id/tv_menu_2"
            style="@style/style_menu_item_text"
            android:drawableTop="@drawable/selector_menu_item_draw_order"
            android:text="@string/str_menu_2" />

        <TextView
            android:id="@+id/tv_menu_3"
            style="@style/style_menu_item_text"
            android:drawableTop="@drawable/selector_menu_item_draw_cart"
            android:text="@string/str_menu_3" />

        <TextView
            android:id="@+id/tv_menu_4"
            style="@style/style_menu_item_text"
            android:drawableTop="@drawable/selector_menu_item_draw_user"
            android:text="@string/str_menu_4" />

    </LinearLayout>

    <FrameLayout
        android:id="@+id/fl_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/ll_bottom_menu" />

</RelativeLayout>

Style样式：

<style name="style_menu_item_text">
       <item name="android:layout_width">0dp</item>
       <item name="android:layout_height">match_parent</item>
       <item name="android:layout_weight">1</item>
       <item name="android:gravity">center</item>
       <item name="android:textColor">@color/color_menu_text</item>
       <item name="android:textSize">12sp</item>
       <item name="android:background">@drawable/drawable_menu_item_bg</item>
   </style>

这里的TextColor ，background 包括上面的drawableTop 都是通过配置文件设置 目录结构如下：

这里需要注意设置颜色的配置文件要放在color目录下，放到drawable目录的话，是不会产生效果的。
关于drawableTop的配置文件我就象征性的贴一个
selector_menu_item_draw_home.xml

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

这里我只是用到了选中状态，当然还有获取焦点，失去焦点等等其他状态，这些如果有需要了解的，可以去Google一下，另外一点，上一篇博客也说到了，就是配置文件的默认状态，一定要放到最下面。

配置文件有了，下面该MainActivity了：

package com.example.lvfq.testapp1;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.view.View;
import android.widget.TextView;

public class MainActivity extends FragmentActivity implements View.OnClickListener {

    private TextView[] tvs;
    private Fragment[] fragments;
    FragmentManager manager;

    private int curIndex;

    TestFragment1 testFragment = new TestFragment1();
    TestFragment2 testFragment2 = new TestFragment2();
    TestFragment3 testFragment3 = new TestFragment3();
    TestFragment4 testFragment4 = new TestFragment4();

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

        initView();

    }

    public void initView() {
        tvs = new TextView[4];
        tvs[0] = find(R.id.tv_menu_1);
        tvs[1] = find(R.id.tv_menu_2);
        tvs[2] = find(R.id.tv_menu_3);
        tvs[3] = find(R.id.tv_menu_4);
        fragments = new Fragment[]{testFragment, testFragment2, testFragment3, testFragment4};

        for (int i = 0; i < tvs.length; i++) {
            tvs[i].setOnClickListener(this);
        }
        manager = getSupportFragmentManager();
        FragmentTransaction t = manager.beginTransaction();
        for (Fragment fragment : fragments) {
            t.add(R.id.fl_main, fragment).hide(fragment);
        }
        t.show(fragments[0]);
        t.commit();
        tvs[0].setSelected(true);
    }

    @Override
    public void onClick(View v) {
        int index = 0;
        switch (v.getId()) {
            case R.id.tv_menu_1:
                index = 0;
                break;
            case R.id.tv_menu_2:
                index = 1;
                break;
            case R.id.tv_menu_3:
                index = 2;
                break;
            case R.id.tv_menu_4:
                index = 3;
                break;
        }
        if (curIndex != index) {
            tvs[index].setSelected(true);
            tvs[curIndex].setSelected(false);
            operationFragment(fragments[index], true);
            operationFragment(fragments[curIndex], false);
            curIndex = index;
        }

    }

    public void operationFragment(Fragment fragment, boolean isShow) {
        FragmentTransaction tf = manager.beginTransaction();
        if (isShow) {
            tf.show(fragment);
        } else {
            tf.hide(fragment);
        }
        tf.commit();
    }

    public <T extends View> T find(int id) {
        return (T) findViewById(id);
    }

}

从onClick里面可以看到，底部选项卡的图标样式，文字颜色，以及背景，都可以直接根据TextView的selected属性来改变，这相对于之前的人为控制简洁多了。

代码就这么多，也没什么技术含量，无非就是在新建项目的时候，能够方便一点。

Demo下载