Android之TabHost-阿里云开发者社区

Android之TabHost

2012-12-23 1101

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

一. 简单示例

src

[java]view plaincopy 
   
 public class AndroidUIActivity extends TabActivity {   
    
     @Override   
     public void onCreate(Bundle savedInstanceState) {   
         super.onCreate(savedInstanceState);   
         setContentView(R.layout.main);   
    
         // tabHost是一个标签容器   
         TabHost tabHost = this.getTabHost();   
    
         // 每一个TabSpec对象就是个标签   
         // TabSpec.setIndicator()方法是设置标签显示样式   
         // TabSpec.setContent()方法显示标签下方的内容显示   
    
         // 定义第一个标签   
         tabHost.addTab(tabHost   
                 .newTabSpec("OneTab")   
                 .setIndicator("OneTab",   
                         getResources().getDrawable(android.R.drawable.star_on))   
                 .setContent(R.id.linearLayout1));   
    
         // 定义第二个标签   
         tabHost.addTab(tabHost   
                 .newTabSpec("TwoTab")   
                 .setIndicator("TwoTab",   
                         getResources().getDrawable(android.R.drawable.star_off))   
                 .setContent(R.id.linearLayout2));   
    
         // 定义第三个标签   
         tabHost.addTab(tabHost   
                 .newTabSpec("ThreeTab")   
                 .setIndicator("ThreeTab",   
                         getResources().getDrawable(android.R.drawable.stat_notify_call_mute))   
                 .setContent(R.id.linearLayout3));   
    
     }   
 }   

main.xml

[html]view plaincopy 
   
 <?xml version="1.0" encoding="utf-8"?>   
 <!--   
      根元素是 TabHost ,我们这个文件要和TabActivity配合使用，在TabActivity的源代码里写死了要找的Id是android.R.id.tabhost，   
     因此这里的ID也要定死成TabHost 的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="wrap_content" >   
    
     <!-- TabWidget 就是标签选项卡的头部部分,注意ID的写法 -->   
    
     <TabWidget   
         android:id="@android:id/tabs"   
         android:layout_width="fill_parent"   
         android:layout_height="wrap_content" >   
     </TabWidget>   
     <!-- FrameLayout 就是标签的内容显示部分，注意ID的写法，还要注意我们做了个上部空白设定 android:paddingTop="65dp",是为了不让内容和标签重叠 -->   
    
     <FrameLayout   
         android:id="@android:id/tabcontent"   
         android:layout_width="fill_parent"   
         android:layout_height="fill_parent" >   
    
         <!-- LinearLayout 是一个标签里的内容，程序根据你定义的ID来把他们放在不同的标签下面     android:paddingtop="65dp" -->   
    
         <LinearLayout   
             android:id="@+id/linearLayout1"   
             android:layout_width="wrap_content"   
             android:layout_height="wrap_content" >   
    
             <TextView   
                 android:id="@+id/textView1"   
                 android:layout_width="wrap_content"   
                 android:layout_height="wrap_content"   
                 android:text="标签1中的内容" >   
             </TextView>   
         </LinearLayout>   
         <!-- LinearLayout 是另一个标签里的内容 -->   
    
         <LinearLayout   
             android:id="@+id/linearLayout2"   
             android:layout_width="wrap_content"   
             android:layout_height="wrap_content" >   
    
             <TextView   
                 android:id="@+id/textView2"   
                 android:layout_width="wrap_content"   
                 android:layout_height="wrap_content"   
                 android:text="标签2中的内容" >   
             </TextView>   
         </LinearLayout>   
    
         <LinearLayout   
             android:id="@+id/linearLayout3"   
             android:layout_width="wrap_content"   
             android:layout_height="wrap_content" >   
    
             <TextView   
                 android:id="@+id/textView3"   
                 android:layout_width="wrap_content"   
                 android:layout_height="wrap_content"   
                 android:text="标签3中的内容" >   
             </TextView>   
         </LinearLayout>   
     </FrameLayout>   
    
 </TabHost>   

二. 运行结果

启动

点击ThreeTab

Android之TabHost

热门文章

最新文章

相关课程

相关电子书