利用fragmentTableHost+fragment搭框架

1.编写activity的布局文件

<?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"
    >
    <!--一般框架的布局不要轻易改动

   -->

    <android.support.v4.app.FragmentTabHost

       android:id="@+id/tabHost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true">
        <!--
        想改变TabWidget位置,在LinearLayout中调节即可-->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <!-- 这里的FrameLayout和TabWidget的id是特定的,最好不要修改-->
            <FrameLayout
               android:id="@android:id/tabcontent"
               android:layout_width="match_parent"
               android:layout_height="0dp"
               android:layout_weight="1">
            </FrameLayout>

            <TabWidget
               android:id="@android:id/tabs"
               android:layout_width="match_parent"
               android:layout_height="wrap_content"
               android:background="#000000">
            </TabWidget>

        </LinearLayout>

</android.support.v4.app.FragmentTabHost>

</RelativeLayout>

2.创建底部所需要的fragment

因为底部有五个标签,所以创建5个fragment

在每个碎片布局进行简单的设置,其它的类似

<FrameLayout 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"
             >

    <!-- TODO: Update blank fragment layout -->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="这是首页"
        android:textSize="35sp"
        android:gravity="center"/>

</FrameLayout>

3.设置底部的图片和文字

使用SelectorChapek for Android(更加图片资源生产状态选择器)

用于生成Selector的插件。你需要在drawable文件夹中右键，在弹出的菜单中选择Generate Android Selectors，它就会根据你的几个drawable文件夹里的资源的命名，帮你生成Selector代码。

注意:(使用这个插件,命名必须规范,前缀名必须一致,都必须是同一类型,资源文件需要根据约定的后缀来命名。最后一个单词分为按下状态为_pressed，正常状态为_normal，不可用状态为_disable，等等。)

比如:category_log_normal.png和category_log_selected.png方可以.如下所示，

再右键drawable文件创建一个teble_txt.xml文件,用来设置底部文字的颜色变化

在values--color下设置颜色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="colorAccent">#FF4081</color>
    <color name="tab_normal">#ffffff</color>
    <color name="tab_selected">#00faee</color>
</resources>

在teble_txt.xml文件中进行设置,  平时为白色,选中时为蓝色

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

4.主窗体实现代码

public class MainActivity extends AppCompatActivity {


    //创建一个fragment的数组,方便以后更改一级界面中fragment的个数,
    // 如需修改在这里添加或删除即可
    private Class[] fragments = {Fragment1.class, Fragment2.class, Fragment3.class,
            Fragment4.class, Fragment5.class};
    //为框架底部设置选择器的图片数组,如需添加新的模块,再添加状态选择器即可
    //注意:这里的数组中放的是drawable文件中的xml文件 

    private int[] imgSelects = {R.drawable.home_page_log,R.drawable.category_log,

                            R.drawable.duobao_log,R.drawable.shopping_cart_log,

                             R.drawable.mycenter_log};

    //设置图片底下对应的文字
    private String[] titles = {"首页", "分类", "乐一乐", "购物车", "我的"};
    private FragmentTabHost tabHost;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件,只需要初始化TabHost即可
        initView();
        //使用此方法为TabHost添加fragment
        //第一个参数为上下文,第二个参数为fragment的管理器(有support是v4包下的,可支持低版本)
        // 第三个参数是写死的(布局中碎片的id)
        tabHost.setup(MainActivity.this, getSupportFragmentManager(), android.R.id.tabcontent);
        //使用for循环为每一个fragment添加子标签,根据fragment集合中的个数动态添加
       for (int i = 0; i < fragments.length; i++) {
            //把一个布局的XML资源转换为一个view的对象,第一个参数就是layout,第二个设置为空
            View view = getLayoutInflater().inflate(R.layout.item_table, null);
            //进行控件查找,将xml的控件初始化
            ImageView imgShow = (ImageView) view.findViewById(R.id.imgShow);
            TextView txtShow = (TextView) view.findViewById(R.id.txtShow);
            //从对应的集合中拿到图片资源
            imgShow.setImageResource(imgSelects[i]);
            //从对应的集合中拿到文本资源
            txtShow.setText(titles[i]);
            //使用fragmentTableHost去添加子标签的核心代码
           //第一个参数为tabHost.newTabSpec(""+i)为每个子标签添加标识,并添加在底部view
            //第二个参数为动态加载的fragment对象即合理的从数组中拿fragment
            //第三个参数为空
        tabHost.addTab(tabHost.newTabSpec("" + i).setIndicator(view), fragments[i], null);
        }

    }


    private void initView() {
        tabHost = (FragmentTabHost) findViewById(R.id.tabHost);
    }
}

最终实现结果