Android的UI组件之TabHost(选项卡)的功能和用法

原创 2012年08月07日 10:13:51

TabHost是一种可以方便的在窗口上放置多个标签,每个标签相当于一个容器,而在这个容器里可以放置不同的组件。

使用TabHost的一般步骤为:

1.在XML文件中定义TabHost组件,并为该组件定义该选项卡的内容;

2.创建一个类让这个类继承TabActivity;

3.调用TabActivity的getTabHost()方法获取TabHost对象;

4.通过获取的TabHost对象的方法来创建选项卡、添加选项卡。

程序:

package com.example.tabhosttset;

import android.os.Bundle;

public class TabHostTest extends TabActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        TabHost tabHost=getTabHost();
        //使用tabHost布局
        LayoutInflater.from(this).inflate(R.layout.activity_tab_host_test, tabHost.getTabContentView(), true);
        //添加第一个标签页
        tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("已接电话").setContent(R.id.tab1));
        //添加第二个标签
        tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("呼出电话", getResources().getDrawable(R.drawable.ic_launcher)).setContent(R.id.tab2));
        //添加第三个标签
        tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("未接电话").setContent(R.id.tab3));
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_tab_host_test, menu);
        return true;
    }

    
}
xml:

<?xml version="1.0" encoding="UTF-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#000000"
    >
    <!-- 定义第一个标签的内容 -->
    <LinearLayout
        android:id="@+id/tab1"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
       
        >
        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小明     ——2012/5/15"
            android:textColor="@android:color/white"
            />
        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小红     ——2012/5/15"
            android:textColor="@android:color/white"
            />
    </LinearLayout>
    <!-- 定义第二个标签 -->
    <LinearLayout
        android:id="@+id/tab2"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
         >
         <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小李     ——2012/5/15"
            android:textColor="@android:color/white"
            />
        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小王     ——2012/5/15"
            android:textColor="@android:color/white"
            />
    </LinearLayout>
    <!-- 定义第三个标签 -->
    <LinearLayout
        android:id="@+id/tab3"
        android:orientation="vertical"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
         >
         <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小温    ——2012/5/15"
            android:textColor="@android:color/white"
            />
        <TextView 
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:textSize="11dp"
            android:text="小王     ——2012/5/15"
            android:textColor="@android:color/white"
            />
    </LinearLayout>
</TabHost>



TabHost选项卡的 功能和用法

TabHost可以很方便地在窗口上放置多个标签页,每个标签页相当于获得了一个外部容器相同大小的组件摆放区域 TabHost的主要组件是: TabWiget:代表一个选项卡标签条 TabSpec:代表选...
  • tuke_tuke
  • tuke_tuke
  • 2016年03月01日 19:53
  • 1232

选项卡(TabHost)的功能和用法

选项卡(TabHost)的功能和用法 TabWidget 代表选项卡的标签条 TabSpec 代表选项卡的一个TAB界面 使用TabHost的一般步骤如下 在界面布局中定义了TabHost组件,并为该...
  • Missueverday
  • Missueverday
  • 2015年03月31日 10:35
  • 339

【Android 应用开发】Android - TabHost 选项卡功能用法详解

TabHost效果图 :  源码下载地址 :         一. TabHost介绍 TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计; 1. T...
  • han1202012
  • han1202012
  • 2014年01月14日 00:01
  • 32553

简单的android选项卡Tab菜单TabHost(一)同一Activity上实现

布局代码块activity_main.xml
  • u010299257
  • u010299257
  • 2015年08月15日 00:22
  • 616

Android - TabHost 选项卡功能用法详解&&TabWidget切换卡的实现应用&&实例说明

1、布局文件     android:layout_width="match_parent"     android:layout_height="match_parent"     androi...
  • zzy7075
  • zzy7075
  • 2014年03月04日 11:01
  • 3172

Android中FragmentTabHost结合fragment实现选项卡功能

效果图: 下面直接上代码了,注释很全,看过我前2篇文章的朋友,肯定秒懂的,哈哈~ activity_main.xml(主布局文件) ...
  • zhaihaohao1
  • zhaihaohao1
  • 2016年04月01日 10:28
  • 2168

UI组件:选项卡(TabHost)

与TabHost结合使用的还有如下组件: TabWidget : 代表选项卡的标签条。 TabSpec : 代表选项卡的一个Tab页面。 使用TabHost的一般步骤如下: 在界面布局文件中定义Tab...
  • PYH8023
  • PYH8023
  • 2016年11月15日 21:36
  • 215

Tabhost选项卡上图片和文字不能同时显示的解决方案

尽管当前谷歌已经不推荐使用tabhost了,但是作为初学者,掌握这个经典的控件还是非常有必要的,在上手这个控件以后我们会发现一个问题,添加选项卡时同时添加了文字和图片但是Tabhost却只显示出了文字...
  • u012193089
  • u012193089
  • 2015年08月20日 14:33
  • 1073

TabHost使用详解(实现滑动切换选项卡)

TabHost主要实现底部导航功能。1. TabHost使用步骤a. 定义布局 : 在XML文件中使用TabHost组件, 并在其中定义一个FrameLayout选项卡内容;b. 继承TabActiv...
  • yy471101598
  • yy471101598
  • 2015年10月13日 16:50
  • 1021

android 第一个界面 选项卡加toolbar

toolbar.xml xml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="http://schemas.and...
  • ytwrdyg
  • ytwrdyg
  • 2015年12月28日 16:50
  • 640
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android的UI组件之TabHost(选项卡)的功能和用法
举报原因:
原因补充:

(最多只允许输入30个字)