TabHost效果图:
一. TabHost介绍
TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计;
1. TabHost常用组件
TabWidget: 该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡;
TabSpec: 代表了选项卡界面, 添加一个TabSpec即可添加到TabHost中;
--创建选项卡: newTabSpec(String tag), 创建一个选项卡;
--添加选项卡: addTab(tabSpec);
2. TabHost使用步骤
a.定义布局: 在XML文件中使用TabHost组件, 并在其中定义一个FrameLayout选项卡内容;
b.继承TabActivity: 显示选项卡组件的Activity继承TabActivity;
c.获取组件: 通过调用getTabHost()方法, 获取TabHost对象;
d.创建添加选项卡: 通过TabHost创建添加选项卡;
3. 将按钮放到下面
布局文件中TabWidget代表的就是选项卡按钮, Fragement组件代表内容;
设置失败情况: 如果Fragement组件没有设置 android:layout_weight属性, 那么将TabWidget放到下面, 可能不会显示按钮;
设置权重: 设置了Fragment组件的权重之后, 就可以成功显示该选项卡按钮;
二. TabHost布局文件
1. 根标签及id
设置Android自带id: XML布局文件中, 可以使用<TabHost> 标签设置, 其中的id 需要引用 android的自带id :android:id="@android:id/tabhost" ;
getHost()获取前提: 设置了该id之后, 在Activity界面可以使用 getHost(), 获取这个TabHost 视图对象;
示例 :
-
<TabHost
-
android:id="@android:id/tabhost"
-
android:layout_width="match_parent"
-
android:layout_height="match_parent">
2. TabWidget组件
选项卡切换: 该组件是选项卡切换按钮, 通过点击该组件可以切换选项卡;
设置android自带id: 这个组件的id要设置成android的自带id :android:id="@android:id/tabs" ;
TabHost必备组件: 该组件与FrameLayout组件是TabHost组件中必备的两个组件;
切换按钮下方显示: 如果想要将按钮放到下面, 可以将该组件定义在下面, 但是注意,FrameLayout要设置android:layout_widget = "1";
设置TabWidget大小: 如果想要设置该按钮组件的大小, 可以设置该组件与FrameLayout组件的权重;
示例 :
-
<TabWidget
-
android:id="@android:id/tabs"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content"
-
android:orientation="horizontal"/>
3. FrameLayout组件
组件作用: 该组件中定义的子组件是TabHost中每个页面显示的选项卡, 可以将TabHost选项卡显示的视图定义在其中;
设置android自带id: 这个组件的id要设置成android的自带的id :android:id="@android:id/tabcontent" ;
示例 :
-
<FrameLayout
-
android:id="@android:id/tabcontent"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:layout_weight="1">
二. Activity方法
1. 获取TabHost
获取方法: getHost();
前提: 调用getHost()方法获取TabHost组件的方法的前提是在布局文件中, 设置了android自带的idandroid:id="@android:id/tabhost" 才可以;
2. 创建选项卡
创建选项卡: 调用TabHost组件的newTabHost(tag), 其中的tag是字符串, 即在选项卡的唯一标识;
设置选项卡:
--设置按钮名称:setIndicator("叫兽");
--设置选项卡内容: setContent(), 可以设置视图组件, 可以设置Activity, 也可以设置Fragement;
添加选项卡: tabHost.add(spec), 传入的参数是创建选项卡的TabSpec对象;
三 代码
XML布局文件:
-
<?xmlversion="1.0"encoding="utf-8"?>
-
<TabHostxmlns:android="http://schemas.android.com/apk/res/android"
-
android:id="@android:id/tabhost"
-
android:layout_width="match_parent"
-
android:layout_height="match_parent">
-
-
<LinearLayout
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:orientation="vertical">
-
-
<TabWidget
-
android:id="@android:id/tabs"
-
android:layout_width="fill_parent"
-
android:layout_height="wrap_content"
-
android:orientation="horizontal"/>
-
-
<FrameLayout
-
android:id="@android:id/tabcontent"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:layout_weight="1">
-
-
<LinearLayout
-
android:id="@+id/alwayswet"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:orientation="vertical">
-
<ImageView
-
android:scaleType="fitXY"
-
android:layout_height="fill_parent"
-
android:layout_width="fill_parent"
-
android:src="@drawable/alwayswet"/>
-
</LinearLayout>
-
-
<LinearLayout
-
android:id="@+id/isanimal"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:orientation="vertical">
-
<ImageView
-
android:scaleType="fitXY"
-
android:layout_height="fill_parent"
-
android:layout_width="fill_parent"
-
android:src="@drawable/isanimal"/>
-
</LinearLayout>
-
-
<LinearLayout
-
android:id="@+id/nezha"
-
android:layout_width="fill_parent"
-
android:layout_height="fill_parent"
-
android:orientation="vertical">
-
<ImageView
-
android:scaleType="fitXY"
-
android:layout_height="fill_parent"
-
android:layout_width="fill_parent"
-
android:src="@drawable/nazha"/>
-
</LinearLayout>
-
-
</FrameLayout>
-
-
</LinearLayout>
-
-
</TabHost>
Activity主界面代码:
-
packageshuliang.han.tabhost_test;
-
-
importandroid.app.TabActivity;
-
importandroid.os.Bundle;
-
importandroid.widget.TabHost;
-
importandroid.widget.TabHost.TabSpec;
-
-
publicclassMainActivityextendsTabActivity{
-
-
@Override
-
protectedvoidonCreate(BundlesavedInstanceState){
-
super.onCreate(savedInstanceState);
-
setContentView(R.layout.tabhost);
-
-
TabHosttabHost=getTabHost();
-
-
TabSpecpage1=tabHost.newTabSpec("tab1")
-
.setIndicator("叫兽")
-
.setContent(R.id.isanimal);
-
tabHost.addTab(page1);
-
-
TabSpecpage2=tabHost.newTabSpec("tab2")
-
.setIndicator("老湿")
-
.setContent(R.id.alwayswet);
-
tabHost.addTab(page2);
-
-
TabSpecpage3=tabHost.newTabSpec("tab3")
-
.setIndicator("哪吒")
-
.setContent(R.id.nezha);
-
tabHost.addTab(page3);
-
}
-
-
}
转自:http://blog.csdn.net/shulianghan/article/details/18233209
感谢分享!
分享到:
相关推荐
配套博客 http://blog.csdn.net/shulianghan/article/details/18233209 对TabHost选项卡组件进行了详细解析.
案例十五tabhost选项卡菜单的使用
Android - TabHost 选项卡功能用法详解 博客地址:http://blog.csdn.net/csdnyuandaimaxuexi/article/details/49099563
Android实现tabHost控件自定义页签页面源码
android-->tabHost 源码
tabhost--UI源码.zip
此项目中总结了Android开发实战项目中常要用到的选项卡功能块
Android_TabHost_TabWidget选项卡总结
android 自定义实现TAB, 简化开发代码,提供效率
实现主流界面的选项卡布局。 这里新建3个的Intent用于Activity的切换 Intent tab1 = new Intent(this, TabOneActivity.class); Intent tab2 = new Intent(this, TabTwoActivity.class); Intent tab3 = new Intent...
andorid-tabHost展示数据listview,本人亲测,可以使用,放心下载吧!!
很多情况下,我们需要用到标签,类似于微末下面的标签效果,直接使用系统默认的往往不能满足项目的需求,就需要我们自定义一个TabHost。下面我把在项目的实现的效果分享给大家,希望能帮助需要的朋友!
tabhost.zip
NULL 博文链接:https://androidtoast.iteye.com/blog/1166518
Android 嵌套TabHost示例. 两层TabHost嵌套,实现的效果类似网页上的二级菜单栏。
TabHost内嵌ActivityGroup界面管理源码.zip
TabHost选项卡
本文档用于解决更改安卓组件中的tabhost的选项卡背景图片的问题
介绍Tabho的实现。是通过多个Activity实现的选项卡功能
是自己编写且试验过的DEMO,实现了主界面底部选项卡功能。