TabHost可以很方便地在窗口上放置多个标签页,每个标签页相当于获得了一个外部容器相同大小的组件摆放区域
TabHost的主要组件是:
TabWiget:代表一个选项卡标签条
TabSpec:代表选项卡的一个Tab页
TabHost的基本用法:
1,在界面布局中定义TabHost组件,并未改组件定义该选项卡的内容
2,继承TabActivity
3,调用TabActivity的getTabHost()方法获取TabHost对象(获取)
4,TabHost对象的addTab方法创建,添加选项卡(添加)
activity_main.xml
~~~
<?xml version="1.0" encoding="utf-8"?>
<!--TabHost布局文件的结构:
1,TabHost容器必须包含TabWidget,FrameLayout
2,FrameLayout则用于“层叠”组合多个选项页面,TabWidget定义选项卡的标题条,随FrameLayout中的层叠组件均分
3,三个组件的ID有要求:
TabHost的ID必须是android:id="@android:id/tabhost"
TabWidget的ID必须是 android:id="@android:id/tabs"
FrameLayout的ID必须是 android:id="@android:id/tabcontent"
-->
<!-- 定义一个TabHost, ID必须是android提供的ID,android:id="@android:id/tabhost"-->
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:layout_weight="1"
>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<!-- 定义一个TabWiget选项卡标题条,ID必须是android提供的ID,android:id="@android:id/tabs" -->
<TabWidget
android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
<!-- 定义一个帧布局FrameLayout,代表一个Tab页面,ID必须是android提供的ID, android:id="@android:id/tabcontent" -->
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<!-- 当然可以放其他复杂的布局 -->
<LinearLayout
android:id="@+id/tab01"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="第一个Tab页"
android:textSize="20dp"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab02"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="第二个Tab页"
android:textSize="20dp"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/tab03"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="第三个Tab页"
android:textSize="20dp"
/>
</LinearLayout>
</FrameLayout>
</LinearLayout>
</TabHost>
~~~
TabHost布局文件的特点是:
TabHost布局文件的结构:
1,TabHost容器必须包含TabWidget,FrameLayout
2,FrameLayout则用于“层叠”组合多个选项页面,TabWidget定义选项卡的标题条,随FrameLayout中的层叠组件均分
3,三个组件的ID有要求:
TabHost的ID必须是android:id="@android:id/tabhost"
TabWidget的ID必须是 android:id="@android:id/tabs"
FrameLayout的ID必须是 android:id="@android:id/tabcontent"
MainActivity.java
~~~
package com.example.tabhosttest;
import android.app.Activity;
import android.app.TabActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
public class MainActivity extends TabActivity {//继承的是TabActivity
/*TabHost的基本用法:
* 1,在界面布局中定义TabHost组件,并未改组件定义该选项卡的内容
* 2,继承TabActivity
* 3,调用TabActivity的getTabHost()方法获取TabHost对象
* 4,TabHost对象的addTab方法创建,添加选项卡
* */
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取该activity里面的TabHost组件
TabHost tabhost=getTabHost();
//创建第一个tab页对象,TabSpec代表一个选项卡页面,要设置标题和内容,内容是布局文件中FrameLayout中
TabSpec tab1=tabhost.newTabSpec("tab1");
tab1.setIndicator("已接电话");//设置标题
tab1.setContent(R.id.tab01);//设置内容
//添加tab页
tabhost.addTab(tab1);
//创建第二个tab页对象
TabSpec tab2=tabhost.newTabSpec("tab1");
tab2.setIndicator("已拨电话");//设置标题
tab2.setContent(R.id.tab02);//设置内容
//添加tab页
tabhost.addTab(tab2);
//创建第三个tab页对象
TabSpec tab3=tabhost.newTabSpec("tab1");
tab3.setIndicator("未接电话");//设置标题
tab3.setContent(R.id.tab03);//设置内容
//添加tab页
tabhost.addTab(tab3);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
if (id == R.id.action_settings) {
return true;
}
return super.onOptionsItemSelected(item);
}
}
~~~
![](https://box.kancloud.cn/2016-03-10_56e0d9aeebb38.jpg)
![](https://box.kancloud.cn/2016-03-10_56e0d9af0a456.jpg)
![](https://box.kancloud.cn/2016-03-10_56e0d9af1cf4d.jpg)
- 前言
- Eclipse搭建android环境及Genymotion模拟器安装问题解决方法
- 表格布局(TableLayout)及重要属性
- 帧布局(FrameLayout)及属性
- layout_width和width,layout_height和height
- UI组件之TextView及其子类
- UI组件之TextView及其子类(一)TextView和EditText
- UI组件之TextView及其子类(二)RadioButton和CheckBox
- UI组件之TextView及其子类(三)ToggleButton和Switch
- UI组件之TextView及其子类(四)AnalogClock,DigitalClock
- UI组件之TextView及其子类(五)计时器Chronometer
- UI组件之ImageView及其子类(一)ImageView显示图片
- UI组件之ImageView及其子类(二)ImageButton ,ZoomButton
- UI组件之AdapterView及其子类关系,Adapter接口及其实现类关系
- UI组件之AdapterView及其子类(一)三种Adapter适配器填充ListView
- UI组件之AdapterView及其子类(二)GridView网格视图的使用
- UI组件之AdapterView及其子类(三)Spinner控件详解
- UI组件之AdapterView及其子类(四)Gallery画廊控件使用
- UI组件之AdapterView及其子类(五)ListView组件和ListActivity
- UI组件之AdapterView及其子类(六)ExpandableListView组件和ExpandableListActivity的使用
- UI组件之 ProgressBar及其子类(一)ProgressBar进度条的使用
- UI组件之ProgressBar及其子类(二)SeekBar拖动条和RatingBar星级评分条的使用
- ViewFlipper的功能和用法
- Toast的功能和用法
- TabHost选项卡的 功能和用法
- AlertDialog创建6种对话框的用法
- Android基于监听的事件处理机制
- Android基于回调的事件处理
- Handler消息传递机制(一)
- Handler消息传递机制(二)Handler,Loop,Message,MessageQueue的工作原理
- 启动Activity的两种方式startActivity和startActivityForResult(一)
- 启动Activity的两种方式startActivity和startActivityForResult(二)
- Activity的生命周期理解
- Bundle在Activity之间交换数据
- 通过 Intent 传递类对象
- Intent对象详解(一)
- Intent对象详解(二)
- 使用指定的Action,Category调用系统Activity
- 使用Action,Data属性启动系统Activity
- Android数据存储的三种方式-SharedPrefrences,File,SQLite