TabHost+Fragment的应用

很久没有应用了,东西都忘记了,总结出来,曾经的东西在捡起来一次,加强下记忆

上代码:

  • 在XML的布局:
 <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/backgroudColor">
        <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="55dp"
                android:background="@color/wirteColor"/>
        <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@color/wirteColor">
                <LinearLayout
                    android:id="@+id/line_one"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                </LinearLayout>

                <LinearLayout
                    android:id="@+id/line_two"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                </LinearLayout>

                <LinearLayout
                    android:id="@+id/line_three"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                </LinearLayout>
        </FrameLayout>
</TabHost>
  • java类中的实现:
TabHost mTabHost = (TabHost) findViewById(android.R.id.tabhost);
mTabHost.setup();
//添加“主页”Tab到TabHost控件中
 mTabHost.addTab(mTabHost.newTabSpec("home")//Tag
                .setIndicator("HOME")//设置Tab标签和图标
                .setContent(R.id.line_one));        //设置Tab内容
//添加“消息”Tab到TabHost控件中
 mTabHost.addTab(mTabHost.newTabSpec("news")
                .setIndicator("NEWS")
                .setContent(R.id.line_two));
//添加“个人”Tab到TabHost控件中
mTabHost.addTab(mTabHost.newTabSpec("mine")
                .setIndicator("MINE")
                .setContent(R.id.line_three));
//设置当前默认显示第一个Tab
mTabHost.setCurrentTab(0);
 //TabHost改变监听
mTabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() {
    @Override
    public void onTabChanged(String tabId) {
        Log.d("===>>>onTabChanged",tabId.toString());
    }
});
  • 下来我们要创建属于三个界面的Fragment(HomeFragment.NewsFragment,MineFragment)
  • 最后分别添加到TabHost的tabcontent中,tabcontent里面有几个子空间,它就有几个tab
//home
HomeFragment nomeFragment= new HomeFragment();
getSupportFragmentManager().beginTransaction().replace(R.id.line_one, homeFragment).commit();
//news
NewsFragment newsFragment = new NewsFragment();
getSupportFragmentManager().beginTransaction().replace(R.id.line_two, newsFragment ).commit();
//mine
MineFragment mineFragment= new MineFragment();
getSupportFragmentManager().beginTransaction().replace(R.id.line_three, mineFragment).commit();
  • 当然了Tab的标签和图标可以自定义一个View,通过drawable来设置每个Tab选中时的颜色等...(下面只试一个:在layout下定义一个home_item.xml

<!--        === layout中 ===          -->
//只在布局中添加下面就行了,再去drawable创建选中时的字体颜色--home_item_selected
<TextView
        android:textSize="@dimen/sp18"
        android:textColor="@drawable/home_item_selected"
        android:text="@string/string_home"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

<!--        === drawable中 ===          -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:color="@color/appthemeColor" />
    <item android:color="@color/textColor" />
</selector>

好了,就这么简单的完了,当然了,TabHost+Fragment的写法有好几种,我这里只用了最简单的这一种,当然,现在由于项目的需求,有些也用不上此方法,因为这个加载数据是一次性全部执行,三个Fragment的生命周期一起执行的

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容