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

Android之TabHost

2012-12-23 1159

版权

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

简介：

一. 简单示例

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

热门文章

最新文章

相关课程

相关电子书

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

Android之TabHost

热门文章

最新文章

相关课程

相关电子书