从零開始学android<TabHost标签组件.二十九.>

TabHost主要特点是能够在一个窗体中显示多组标签栏的内容，在Android系统之中每一个标签栏就称为一个Tab。而包括这多个标签栏的容器就将其称为TabHost。TabHost类的继承结构例如以下所看到的：

java.lang.Object

↳ android.view.View

↳ android.view.ViewGroup

↳ android.widget.FrameLayout

↳ android.widget.TabHost

经常用法例如以下所看到的

1	public TabHost(Context context)	构造	创建TabHost类对象
2	public void addTab(TabHost.TabSpec tabSpec)	普通	添加一个Tab
3	public TabHost.TabSpec newTabSpec(String tag)	普通	创建一个TabHost.TabSpec对象
4	public View getCurrentView()	普通	取得当前的View对象
5	public void setup()	普通	建立TabHost对象
6	public void setCurrentTab(int index)	普通	设置当前显示的Tab编号
7	public void setCurrentTabByTag(String tag)	普通	设置当前显示的Tab名称
8	public FrameLayout getTabContentView()	普通	返回标签容器
9	public void setOnTabChangedListener (TabHost.OnTabChangeListener l)	普通	设置标签改变时触发

两种方式实现TabHost

方式一：直接让一个Activity程序继承TabActivity类。

方式二：利用findViewById()方法取得TagHost组件。并进行若干配置。

第一种方式让一个类继承tabActivity

XMl文件配置须要在一个xml文件里嵌套使用布局来达到不同Tab中显示不同的内容

<?

xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical" >

    <LinearLayout

        android:layout_marginTop="50dp"

        android:id="@+id/login"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TableRow

            android:id="@+id/tableRow1"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <TextView

                android:id="@+id/textView1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="账号" />

            <EditText

                android:id="@+id/editText1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:ems="10"

                android:textSize="25sp" />

        </TableRow>

        <TableRow

            android:id="@+id/tableRow2"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <TextView

                android:id="@+id/textView2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="password" />

            <EditText

                android:id="@+id/editText2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:ems="10"

                android:textSize="25sp" />

        </TableRow>

        <TableRow

            android:id="@+id/tableRow3"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <Button

                android:id="@+id/button1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_weight="1"

                android:text="取消" />

            <Button

                android:id="@+id/button2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_weight="1"

                android:text="登录" />

        </TableRow>

    </LinearLayout>

    <LinearLayout

        android:layout_marginTop="50dp"

        android:id="@+id/image"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/a2" />

    </LinearLayout>

    <LinearLayout

        android:layout_marginTop="50dp"

        android:id="@+id/timer"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

 <LinearLayout

        android:layout_marginTop="50dp"

        android:id="@+id/timer1"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

     <LinearLayout

        android:layout_marginTop="50dp"

        android:id="@+id/timer2"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

</LinearLayout>

JAVA文件设置

package com.example.tabhost;

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

public class MainActivity extends TabActivity {

	private TabHost tabHost;//初始化TabHost组件

	private int reslayout[] = { R.id.login, R.id.image, R.id.timer , R.id.timer1,R.id.timer2};//设置相应的额xml文件

	private int images[]={R.drawable.cart,R.drawable.cloud,R.drawable.comment,R.drawable.gear,R.drawable.joystick};//设置显示的标题文件

	@SuppressWarnings("deprecation")

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		this.tabHost = super.getTabHost();//实例化TabHost组件

		// 取得LayoutInflater对象

		LayoutInflater.from(this).inflate(R.layout.linearlayout,//制定布局

				this.tabHost.getTabContentView(),//制定标签添加的容器

				true);

		for (int i = 0; i < reslayout.length; i++) {

			TabSpec myTab = tabHost.newTabSpec("tab" + i);// 定义TabSpec

			myTab.setIndicator(null,getResources().getDrawable(images[i])) ;		// 设置标签

			myTab.setContent(this.reslayout[i]) ;		// 设置显示的组件

			this.tabHost.addTab(myTab) ;

		}

	}

}

效果图例如以下

使用配置文件设置。

这样的方法较为常见，能够讲TabHost置于底部

可是布局文件较为复杂，大家能够參照样例进行详细的学习

XML文件

<?xml version="1.0" encoding="utf-8"?>

<TabHost

	xmlns:android="http://schemas.android.com/apk/res/android"

	android:id="@+id/tabhost"

	android:orientation="vertical"

	android:layout_width="fill_parent"

	android:layout_height="fill_parent">

	<RelativeLayout

		android:orientation="vertical"

		android:layout_width="fill_parent"

		android:layout_height="fill_parent">

	<TabWidget

		android:id="@android:id/tabs"

		android:layout_width="fill_parent"

		android:layout_height="wrap_content"

		android:layout_alignParentBottom="true" />

		<FrameLayout

			android:id="@android:id/tabcontent"

			android:layout_width="fill_parent"

			android:layout_height="fill_parent">

			 <LinearLayout

        android:id="@+id/login"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TableRow

            android:id="@+id/tableRow1"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <TextView

                android:id="@+id/textView1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="账号" />

            <EditText

                android:id="@+id/editText1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:ems="10"

                android:textSize="25sp" />

        </TableRow>

        <TableRow

            android:id="@+id/tableRow2"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <TextView

                android:id="@+id/textView2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="password" />

            <EditText

                android:id="@+id/editText2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:ems="10"

                android:textSize="25sp" />

        </TableRow>

        <TableRow

            android:id="@+id/tableRow3"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" >

            <Button

                android:id="@+id/button1"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_weight="1"

                android:text="取消" />

            <Button

                android:id="@+id/button2"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:layout_weight="1"

                android:text="登录" />

        </TableRow>

    </LinearLayout>

    <LinearLayout

        android:id="@+id/image"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:src="@drawable/a2" />

    </LinearLayout>

    <LinearLayout

        android:id="@+id/timer"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

 <LinearLayout

        android:id="@+id/timer1"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

     <LinearLayout

        android:id="@+id/timer2"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:orientation="vertical" >

        <TimePicker

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

    </LinearLayout>

		</FrameLayout>

	</RelativeLayout >

</TabHost>

JAVA文件配置

package com.example.tabhost;

import android.os.Bundle;

import android.app.Activity;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

public class MainActivity extends Activity {			// 直接继承Activity

	private TabHost myTabHost;							// 定义TabHost

	private int[] layRes = { R.id.login, R.id.image

			, R.id.timer, R.id.timer1, R.id.timer2 };							// 定义内嵌布局管理器ID

	private int images[]={R.drawable.cart,R.drawable.cloud,R.drawable.comment,R.drawable.gear,R.drawable.joystick};//标题图片数据

	@Override

	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		super.setContentView(R.layout.activity_main) ;			// 调用默认布局管理器

		this.myTabHost = (TabHost) super.findViewById(R.id.tabhost); // 取得TabHost对象

		this.myTabHost.setup() ;						// 建立TabHost对象

		for (int x = 0; x < this.layRes.length; x++) {	// 循环取出全部布局标记

			TabSpec myTab = myTabHost.newTabSpec("tab" + x);	// 定义TabSpec

			myTab.setIndicator(null,getResources().getDrawable(images[x])) ;			// 设置标签文字

			myTab.setContent(this.layRes[x]) ;			// 设置显示的组件

			this.myTabHost.addTab(myTab) ;				// 添加标签

		}

		this.myTabHost.setCurrentTab(0) ;				// 设置開始索引

	}

}

使用TabHost组件设置Tab切换与intent的结合在开发中较经常使用到，是app开发框架的基础

下节预报：

Menu菜单

从零開始学android<TabHost标签组件.二十九.>的更多相关文章

从零開始学android<SeekBar滑动组件.二十二.>
拖动条能够由用户自己进行手工的调节,比如:当用户须要调整播放器音量或者是电影的播放进度时都会使用到拖动条,SeekBar类的定义结构例如以下所看到的: java.lang.Object ↳ an ...
从零開始学android<Menu菜单组件.三十.>
在Android系统之中.菜单一共同拥有三类:选项菜单(OptionsMenu).上下文菜单(ContextMenu)和子菜单(SubMenu). 今天我们就用几个样例来分别介绍下菜单的使用 acti ...
从零開始学android<Bitmap图形组件.四十七.>
android.graphics.Bitmap(位图)是Android手机中专门提供的用于操作图片资源的操作类,使用此类能够直接从资源文件之中进行图片资源的读取.而且对这些图片进行一些简单的改动. 经 ...
从零開始学android<数据存储（1）SharedPreferences属性文件.三十五.>
在android中有五种保存数据的方法.各自是: Shared Preferences Store private primitive data in key-value pairs. 相应属性的键值 ...
第13章、布局Layouts之RelativeLayout相对布局（从零開始学Android）
RelativeLayout相对布局 RelativeLayout是一种相对布局,控件的位置是依照相对位置来计算的,后一个控件在什么位置依赖于前一个控件的基本位置,是布局最经常使用,也是最灵活的一种布 ...
从零開始学android<mediaplayer自带播放器（视频播放）.四十九.>
MediaPlayer除了能够对音频播放之外,也能够对视频进行播放,可是假设要播放视频仅仅依靠MediaPlayer还是不够的.还须要编写一个能够用于视频显示的空间,而这块显示空间要求能够高速的进行G ...
从零開始学android<ImageSwitcher图片切换组件.二十六.>
ImageSwitcher组件的主要功能是完毕图片的切换显示,比如用户在进行图片浏览的时候.能够通过button点击一张张的切换显示的图片,并且使用ImageSwitcher组件在每次切换的时候也能够 ...
从零開始学android<RelativeLayout相对布局.十六.>
相对布局管理器指的是參考某一其它控件进行摆放,能够通过控制,将组件摆放在一个指定參考组件的上.下.左.右等位置,这些能够直接通过各个组件提供的属性完毕. 以下介绍一下各个方法的基本使用 No. 属性名 ...
从零開始学android<使用嵌套布局实现计算器界面.十七.>
所谓的嵌套布局就是在一个文件里嵌套多个布局文件 <span style="font-size:18px;"> <LinearLayout android:layo ...

随机推荐

Ubuntu下的用户和权限（三）
七.增删群组相关的命令相同的我们要先介绍两个重要的设定档:/etc/group和/etc/gshadow,前面那个事实上和/etc/passwd一样.而后者就是群组的password表了.先看看长啥 ...
HDU 5654 xiaoxin and his watermelon candy 离线树状数组
xiaoxin and his watermelon candy Problem Description During his six grade summer vacation, xiaoxin g ...
JDBC整理
JDBC提供了独立于数据库的统一Api,用以执行SQL命令.JDBC API由以下常用的接口和类组成: DriverManagement:用于管理JDBC驱动的服务类,程序中使用该类的主要功能是获取C ...
什么是jquery中的事件委派？
在jquery中有一个很重要的概念——事件委派,相信很多搞前端开发的人都听说过,零度逍遥本来对此不是十分理解,但经过一个高人的指点后,才发现这个功能还是蛮强大的,今天就给大家分享一下. 事件委派的定义 ...
BZOJ 1806 DP
思路: f[i][a][b][c][d] 表示在第i天昨天1矿吃的是a 前天1矿吃的是b 昨天2矿吃的是c 前天2矿吃的是d 的最优解暴力转移哦需要优化一下空间- 变成i%2 就好了 //By ...
FFmpeg 移植 Android
近期项目需要解析苹果的HLS流媒体协议,而FFmpeg从0.11.1“Happiness”版本开始,才增加了对HLS协议的支持.目前网上关于FFmpeg编译移植的文章有很多,但大多都是对旧版本的说明. ...
理解Cookie与Session
HTTP本身是无状态的. 这符合HTTP协议设计的目的.客户端只是简单地向服务器请求某种资源.两者都没有必须记录彼此过去的行为,每一次请求之间都是独立的. 为了保存状态.在客户端使用Cookie,在S ...
像素点的Hessian矩阵
最近开始学习图像处理相关知识,碰到对像素点求黑塞矩阵查了资料才搞懂. 给定一个图像f(x,y)上的一点(x,y).其黑塞矩阵如下: 因为导数的公式是f'(x)=(f(x+dx)-f(x))/dx在数字 ...
ZBrush中Mrgb、Rgb和M的使用
ZBrush®软件工具架中所有的命令选项都是我们平时较为常用的,位于工具架的中间位置,有一个Mrgb.Rgb和M选项它们所表示的是材质及颜色,那么,在Zbrush中只要选择相应的选项,就可以同时绘制材 ...
第三章 Python函数
函数如果在开发程序时,需要某块代码多次,但是为了提⾼编写的效率以及代码的重⽤,所以把具有独⽴功能的代码块组织为⼀个⼩模块,这就是函数函数的定义函数定义的三种方式:无参函数,有参函数,空函数 #无 ...

从零開始学android&lt;TabHost标签组件.二十九.&gt;

从零開始学android&lt;TabHost标签组件.二十九.&gt;的更多相关文章

随机推荐

热门专题

从零開始学android<TabHost标签组件.二十九.>

从零開始学android<TabHost标签组件.二十九.>的更多相关文章