FragmentTabHost+Fragment实现底部菜单的切换

最新推荐文章于 2021-12-01 00:55:34 发布

LOVEYourself--1314

最新推荐文章于 2021-12-01 00:55:34 发布

阅读量683

点赞数

分类专栏： Android-常用技术点文章标签： Fragment TabHost 底部菜单

本文链接：https://blog.csdn.net/qq_34966519/article/details/51858674

版权

Android-常用技术点专栏收录该内容

5 篇文章 0 订阅

订阅专栏

添加依赖

compile 'com.android.support:support-v4:24.0.0'
compile 'com.android.support:design:24.0.0'

先看看运行结果

这里写图片描述

搭建主布局 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="com.example.administrator.cewidgets.MainActivity">

    <FrameLayout
        android:id="@+id/showTabFragmentContents"--》存放底部菜单切换时，触发的相应的Fragment
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"></FrameLayout>

    <android.support.v4.app.FragmentTabHost
        android:id="@+id/tabHost"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@android:color/black">

        <FrameLayout
            android:layout_width="0dp"--》不设置为零的话底部菜单栏不会显示
            android:layout_height="0dp"
            android:layout_weight="0"></FrameLayout>
    </android.support.v4.app.FragmentTabHost>
</LinearLayout>

搭建子布局 tabhost_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" --》全部充满屏幕
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageView
        android:id="@+id/tabHostItem_iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/ic_home_green_400_24dp" /> --》图片选择器

    <TextView
        android:id="@+id/tabHostItem_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@drawable/tab_iv_color_selector" -->字体颜色选择器
        android:layout_marginTop="1dp"
        android:text="首页"
        />
</LinearLayout>

在Activity中 MainActivity.java

public class MainActivity extends AppCompatActivity {


    private FragmentTabHost tabHost;
    private int[] tabHostItem_img = {R.drawable.tab_shouye_iv_seletor,
            R.drawable.tab_fenlei_iv_seletor,
            R.drawable.tab_mes_iv_seletor,
            R.drawable.tab_mine_iv_seletor};
    private String[] tabHostItem_tv = {"首页", "分类", "消息", "我的"};
    private Class[] tabHostFragments = {ShouYeFragment.class,
            FenLeiFragment.class,
            MsgFragment.class,
            MineFragment.class};


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

        initFragmentTabHost();
    }

    private void initFragmentTabHost() {
        tabHost= (FragmentTabHost) findViewById(R.id.tabHost);
        tabHost.setup(this,getSupportFragmentManager(),R.id.showTabFragmentContents);
        for (int i=0;i<tabHostItem_img.length;i++){
            TabHost.TabSpec tabSpec=tabHost.newTabSpec(tabHostItem_tv[i]).setIndicator(getTabHostView(i));
            tabHost.addTab(tabSpec,tabHostFragments[i],null);
        }
    }

    private View getTabHostView(int i) {
        View view= LayoutInflater.from(this).inflate(R.layout.tabhost_item,null);
        ImageView iv= (ImageView) view.findViewById(R.id.tabHostItem_iv);
        iv.setImageResource(tabHostItem_img[i]);
        TextView tv= (TextView) view.findViewById(R.id.tabHostItem_tv);
        tv.setText(tabHostItem_tv[i]);

        return view;
    }
}