阅读745 返回首页    go 阿里云 go 技术社区[云栖]

Android之TabHost

一. 简单示例

src

[java] view plaincopy
  1. public class AndroidUIActivity extends TabActivity {  
  2.   
  3.     @Override  
  4.     public void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.main);  
  7.   
  8.         // tabHost是一个标签容器  
  9.         TabHost tabHost = this.getTabHost();  
  10.   
  11.         // 每一个TabSpec对象就是个标签  
  12.         // TabSpec.setIndicator()方法是设置标签显示样式  
  13.         // TabSpec.setContent()方法显示标签下方的内容显示  
  14.   
  15.         // 定义第一个标签  
  16.         tabHost.addTab(tabHost  
  17.                 .newTabSpec("OneTab")  
  18.                 .setIndicator("OneTab",  
  19.                         getResources().getDrawable(android.R.drawable.star_on))  
  20.                 .setContent(R.id.linearLayout1));  
  21.   
  22.         // 定义第二个标签  
  23.         tabHost.addTab(tabHost  
  24.                 .newTabSpec("TwoTab")  
  25.                 .setIndicator("TwoTab",  
  26.                         getResources().getDrawable(android.R.drawable.star_off))  
  27.                 .setContent(R.id.linearLayout2));  
  28.   
  29.         // 定义第三个标签  
  30.         tabHost.addTab(tabHost  
  31.                 .newTabSpec("ThreeTab")  
  32.                 .setIndicator("ThreeTab",  
  33.                         getResources().getDrawable(android.R.drawable.stat_notify_call_mute))  
  34.                 .setContent(R.id.linearLayout3));  
  35.   
  36.     }  
  37. }  

main.xml

[html] view plaincopy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <!--  
  3.      根元素是 TabHost ,我们这个文件要和TabActivity配合使用，在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost，  
  4.     因此这里的ID也要定死成TabHost 的ID 是定死的 "@android:id/tabhost" 下面的类似，不再解释。  
  5.   
  6. -->  
  7. <TabHost xmlns:android="https://schemas.android.com/apk/res/android"  
  8.     android:id="@android:id/tabhost"  
  9.     android:layout_width="fill_parent"  
  10.     android:layout_height="wrap_content" >  
  11.   
  12.     <!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->  
  13.   
  14.     <TabWidget  
  15.         android:id="@android:id/tabs"  
  16.         android:layout_width="fill_parent"  
  17.         android:layout_height="wrap_content" >  
  18.     </TabWidget>  
  19.     <!-- FrameLayout 就是标签的内容显示部分，注意ID的写法，还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->  
  20.   
  21.     <FrameLayout  
  22.         android:id="@android:id/tabcontent"  
  23.         android:layout_width="fill_parent"  
  24.         android:layout_height="fill_parent" >  
  25.   
  26.         <!-- LinearLayout 是一个标签里的内容，程序根据你定义的ID来把他们放在不同的标签下面     android:paddingtop="65dp" -->  
  27.   
  28.         <LinearLayout  
  29.             android:id="@+id/linearLayout1"  
  30.             android:layout_width="wrap_content"  
  31.             android:layout_height="wrap_content" >  
  32.   
  33.             <TextView  
  34.                 android:id="@+id/textView1"  
  35.                 android:layout_width="wrap_content"  
  36.                 android:layout_height="wrap_content"  
  37.                 android:text="标签1中的内容" >  
  38.             </TextView>  
  39.         </LinearLayout>  
  40.         <!-- LinearLayout 是另一个标签里的内容 -->  
  41.   
  42.         <LinearLayout  
  43.             android:id="@+id/linearLayout2"  
  44.             android:layout_width="wrap_content"  
  45.             android:layout_height="wrap_content" >  
  46.   
  47.             <TextView  
  48.                 android:id="@+id/textView2"  
  49.                 android:layout_width="wrap_content"  
  50.                 android:layout_height="wrap_content"  
  51.                 android:text="标签2中的内容" >  
  52.             </TextView>  
  53.         </LinearLayout>  
  54.   
  55.         <LinearLayout  
  56.             android:id="@+id/linearLayout3"  
  57.             android:layout_width="wrap_content"  
  58.             android:layout_height="wrap_content" >  
  59.   
  60.             <TextView  
  61.                 android:id="@+id/textView3"  
  62.                 android:layout_width="wrap_content"  
  63.                 android:layout_height="wrap_content"  
  64.                 android:text="标签3中的内容" >  
  65.             </TextView>  
  66.         </LinearLayout>  
  67.     </FrameLayout>  
  68.   
  69. </TabHost>  

二. 运行结果

启动



点击ThreeTab

最后更新：2017-04-04 07:03:09

  上一篇：go IE10让IE黑们拜倒的另类广告
  下一篇：go Android开发22——广播接收者BroadcastReceiver的原理和注册方式