AndroidGUI24：TabHost常用技巧

最新推荐文章于 2024-07-15 10:53:54 发布

iteye_12049

最新推荐文章于 2024-07-15 10:53:54 发布

阅读量75

点赞数

文章标签：移动开发

在很多其他语言进行界面编程的时候，都有 Tab 这样的控件，在 Android 编程环境下也不例外。 TabHost 由一个 TabSpecs 和一个嵌套的 TabHost 组成，该嵌套的 TabHost 包含 tab 的标题以及 tab 的内容。一个 tab 的内容，可以是一个预先定义好的 View ，或者是通过 Intent 对象启动的 Activity ，或者是利用 TabContentFactory 所创建出来的 View 。

Tab 并没有看起来那么复杂。每个 tab 实际上就是一个 View 的容器。

有两种方式可以实现 tab 。一种是直接使用 TabActivity ，一种是不使用 TabActivity 。我们首先来看看使用 TabActivity 实现 tab 的情况。

第一种情况：使用 TabActivity

1. 创建一个 Android Project 。

2. 新建一个 xml 文件： tab_demo.xml ，使其内容如下：

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

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

android:orientation = "vertical"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

< TextView android:id = "@+id/tab_demo_tv1"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

android:text = "tab_demo_tv1"

< LinearLayout android:id = "@+id/tab_linearlayout2"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

android:orientation = "vertical"

< TextView android:id = "@+id/tab_demo_tv2"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "tab_demo_tv2"

< Button

android:layout_width = "fill_parent"

android:layout_height = "wrap_content"

android:text = "Tab demo Button"

</ LinearLayout >

< TextView android:id = "@+id/tab_demo_tv3"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

android:text = "tab_demo_tv3"

</ FrameLayout >

上面的第一和第三个 TextView ，也可以是 LinearLayout(tab_linearlayout2) 。

3. 修改 Activity 所对应的代码，使之如下：

package com.pat.gui;

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.TabHost;

public class AndroidGUI24Activity extends TabActivity

{

private TabHost tabhost ;

@Override

public void onCreate(Bundle savedInstanceState)

{

super .onCreate(savedInstanceState);

// 获取该 Activity 用于容纳 tab 的 TabHost 对象

// Returns the TabHost the activity is using to host its tabs.

tabhost = getTabHost();

// 获取 LayoutInflater 对象

LayoutInflater inflater = LayoutInflater.from ( this );

// TabHost.getTabContentView 方法的作用： Get the FrameLayout which holds tab content

// LayoutInflater.inflate 方法的作用：

// Inflate a new view hierarchy from the specified xml resource.

// 其原型为： public View inflate (int resource, ViewGroup root)

// 参数：

// resource ID for an XML layout resource to load (e.g., R.layout.main_page)

// root Optional view to be the parent of the generated hierarchy.

// 返回值：

// The root View of the inflated hierarchy. If root was supplied, this is the root

// View; otherwise it is the root of the inflated XML file.

inflater.inflate(R.layout. tab_demo , tabhost .getTabContentView());

// 上面这句话，就是将 tab_demo.xml 的内容，嵌入到 tabhost.getTabContentView() 所返回的 FrameLayout 中

// 给 tabhost 增加 tab

// newTabSpec(String tag) 返回一个 TabHost.TabSpec 对象，其参数用于标识一个 tab 的 tag ，为 String 类型

// setIndicator(" 国籍 "): 显示 tab 上的文字

// setContent(R.id.tab_demo_tv1) ：指定 tab 的内容，必须为 id ，比如空间的 id 或者 layout 的 id

tabhost .addTab( tabhost .newTabSpec( "tab1" ).setIndicator( " 国籍 " ).setContent(R.id. tab_demo_tv1 ));

tabhost .addTab( tabhost .newTabSpec( "tab2" ).setIndicator( " 爱好 " ).setContent(R.id. tab_linearlayout2 ));

tabhost .addTab( tabhost .newTabSpec( "tab3" ).setIndicator( " 职业 " ).setContent(R.id. tab_demo_tv3 ));

// 指定显示第几个 tab

tabhost .setCurrentTab(1);

// 在上面的工作都做完之后，再调用 setContentView

//setContentView(R.layout.main);

setContentView( tabhost );

}

运行结果：

可以看到是第 2 个 tab 出现在屏幕上。点击“国籍”和“职业”两个 tab 会看到与之分别对应的界面。

4. 在前面的代码中，我们将 3 个 tab 需要显示的内容均在 tab_demo.xml 这一个文件中规定了。事实上，我们还可以有另外一种做法，那就是让不同的 tab 分别对应不同的 xml 布局文件，为此，新建三个布局文件，并使之如下：

tab1.xml:

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

< LinearLayout

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

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:id = "@+id/tab1"

android:orientation = "vertical" >

< TextView

android:id = "@+id/tab1tv1"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Tab1"

< Button

android:id = "@+id/tab1btn1"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 1"

</ LinearLayout >

tab2.xml:

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

< LinearLayout

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

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:id = "@+id/tab2"

android:orientation = "vertical" >

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Tab2"

< Button

android:id = "@+id/tab2btn1"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 1"

< Button

android:id = "@+id/tab2btn2"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 2"

</ LinearLayout >

tab3.xml:

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

< LinearLayout

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

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:id = "@+id/tab3"

android:orientation = "vertical" >

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Tab3"

< Button

android:id = "@+id/tab3btn1"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 1"

< Button

android:id = "@+id/tab3btn2"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 2"

< Button

android:id = "@+id/tab3btn3"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = " 按钮 3"

</ LinearLayout >

5. 对应地修改 Activity 的代码，使之如下：

package com.pat.gui;

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.TabHost;

public class AndroidGUI24Activity extends TabActivity

implements

OnClickListener

{

private TabHost tabhost ;

private Button tab1btn1 ;

private Button tab2btn1 ;

private Button tab2btn2 ;

private Button tab3btn1 ;

private Button tab3btn2 ;

private Button tab3btn3 ;

@Override

public void onCreate(Bundle savedInstanceState)

{

super .onCreate(savedInstanceState);

// 获取该 Activity 用于容纳 tab 的 TabHost 对象

// Returns the TabHost the activity is using to host its tabs.

tabhost = getTabHost();

// 获取 LayoutInflater 对象

LayoutInflater inflater = LayoutInflater.from ( this );

// TabHost.getTabContentView 方法的作用： Get the FrameLayout which holds tab content

// LayoutInflater.inflate 方法的作用：

// Inflate a new view hierarchy from the specified xml resource.

// 其原型为： public View inflate (int resource, ViewGroup root)

// 参数：

// resource ID for an XML layout resource to load (e.g., R.layout.main_page)

// root Optional view to be the parent of the generated hierarchy.

// 返回值：

// The root View of the inflated hierarchy. If root was supplied, this is the root

// View; otherwise it is the root of the inflated XML file.

// 下面这几句话，就是将 tab1.xml 、 tab2.xml 、 tab3.xml 的内容，全嵌入到 tabhost.getTabContentView()

// 所返回的 FrameLayout 中。

inflater.inflate(R.layout. tab1 , tabhost .getTabContentView());

inflater.inflate(R.layout. tab2 , tabhost .getTabContentView());

inflater.inflate(R.layout. tab3 , tabhost .getTabContentView());

// 给 tabhost 增加 tab

// newTabSpec(String tag) 返回一个 TabHost.TabSpec 对象， TabHost.TabSpec

// setIndicator(" 国籍 "): 显示 tab 上的文字

// setContent(R.id.tab_demo_tv1) ：指定 tab 的内容

tabhost .addTab( tabhost .newTabSpec( "tab1" ).setIndicator( " 国籍 " ).setContent(R.id. tab1 ));

tabhost .addTab( tabhost .newTabSpec( "tab2" ).setIndicator( " 爱好 " ).setContent(R.id. tab2 ));

tabhost .addTab( tabhost .newTabSpec( "tab3" ).setIndicator( " 系统 " ).setContent(R.id. tab3 ));

// 指定显示第几个 tab

tabhost .setCurrentTab(1);

// 在上面的工作都做完后，调用 setContentView

//setContentView(R.layout.main);

setContentView( tabhost );

// 获取 6 个按钮对象，并分别给它们增加 OnClickListener

tab1btn1 = (Button)findViewById(R.id. tab1btn1 );

tab1btn1 .setOnClickListener( this );

tab2btn1 = (Button)findViewById(R.id. tab2btn1 );

tab2btn2 = (Button)findViewById(R.id. tab2btn2 );

tab2btn1 .setOnClickListener( this );

tab2btn2 .setOnClickListener( this );

tab3btn1 = (Button)findViewById(R.id. tab3btn1 );

tab3btn2 = (Button)findViewById(R.id. tab3btn2 );

tab3btn3 = (Button)findViewById(R.id. tab3btn3 );

tab3btn1 .setOnClickListener( this );

tab3btn2 .setOnClickListener( this );

tab3btn3 .setOnClickListener( this );

}

//@Override

public void onClick(View v)

{

switch (v.getId())

{

case R.id. tab1btn1 :

tabhost .setCurrentTab(1); // 跳转到第二个 tab

break ;

case R.id. tab2btn1 :

tabhost .setCurrentTab(0); // 跳转到第一个 tab

break ;

case R.id. tab2btn2 :

tabhost .setCurrentTab(2); // 跳转到第三个 tab

break ;

case R.id. tab3btn1 :

tabhost .setCurrentTab(0); // 跳转到第一个 tab

break ;

case R.id. tab3btn2 :

tabhost .setCurrentTab(1); // 跳转到第二个 tab

break ;

case R.id. tab3btn3 :

tabhost .setCurrentTab(2); // 跳转到第三个 tab( 自己 )

break ;

}

运行结果如下：

可以发现，点击“按钮 1 ”会跳转到“国籍”，点击“按钮 2 ”会跳转到“系统”

6. 在上面的基础上，我们给每个 tab 增加一个图标。为此我们将 amplifer_1.png 、 basketball.png 和 cn.png 等 3 个图片文件拷贝到 res/drawable-mdpi 文件夹下，然后修改 Activity 的代码使之如下 ( 注意下面的粗体字部分未改动部分 ) ：

package com.pat.gui;

import android.app.TabActivity;

import android.content.res.Resources;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.TabHost;

public class AndroidGUI24Activity extends TabActivity

implements

OnClickListener

{

private TabHost tabhost ;

private Resources res ;

private Button tab1btn1 ;

private Button tab2btn1 ;

private Button tab2btn2 ;

private Button tab3btn1 ;

private Button tab3btn2 ;

private Button tab3btn3 ;

@Override

public void onCreate(Bundle savedInstanceState)

{

super .onCreate(savedInstanceState);

// 获取该 Activity 用于容纳 tab 的 TabHost 对象

// Returns the TabHost the activity is using to host its tabs.

tabhost = getTabHost();

res = getResources();

// 获取 LayoutInflater 对象

LayoutInflater inflater = LayoutInflater.from ( this );

// TabHost.getTabContentView 方法的作用： Get the FrameLayout which holds tab content

// LayoutInflater.inflate 方法的作用：

// Inflate a new view hierarchy from the specified xml resource.

// 其原型为： public View inflate (int resource, ViewGroup root)

// 参数：

// resource ID for an XML layout resource to load (e.g., R.layout.main_page)

// root Optional view to be the parent of the generated hierarchy.

// 返回值：

// The root View of the inflated hierarchy. If root was supplied, this is the root

// View; otherwise it is the root of the inflated XML file.

// 下面这几句话，就是将 tab1.xml 、 tab2.xml 、 tab3.xml 的内容，全嵌入到 tabhost.getTabContentView()

// 所返回的 FrameLayout 中。

inflater.inflate(R.layout. tab1 , tabhost .getTabContentView());

inflater.inflate(R.layout. tab2 , tabhost .getTabContentView());

inflater.inflate(R.layout. tab3 , tabhost .getTabContentView());

// 给 tabhost 增加 tab

// newTabSpec(String tag) 返回一个 TabHost.TabSpec 对象， TabHost.TabSpec

// setIndicator(" 国籍 "): 显示 tab 上的文字

// setContent(int id) ：指定 tab 的内容

tabhost .addTab( tabhost .newTabSpec( "tab1" ).setIndicator( " 国籍 " , res .getDrawable(R.drawable. cn ) )

.setContent(R.id. tab1 ));

tabhost .addTab( tabhost .newTabSpec( "tab2" ).setIndicator( " 爱好 " , res .getDrawable(R.drawable. basketball ) )

.setContent(R.id. tab2 ));

tabhost .addTab( tabhost .newTabSpec( "tab3" ).setIndicator( " 系统 " , res .getDrawable(R.drawable. amplifer_1 ) )

.setContent(R.id. tab3 ));

// 指定显示第几个 tab

tabhost .setCurrentTab(1);

// 在上面的工作都做完后，调用 setContentView

//setContentView(R.layout.main);

setContentView( tabhost );

// 获取 6 个按钮对象，并分别给它们增加 OnClickListener

tab1btn1 = (Button)findViewById(R.id. tab1btn1 );

tab1btn1 .setOnClickListener( this );

tab2btn1 = (Button)findViewById(R.id. tab2btn1 );

tab2btn2 = (Button)findViewById(R.id. tab2btn2 );

tab2btn1 .setOnClickListener( this );

tab2btn2 .setOnClickListener( this );

tab3btn1 = (Button)findViewById(R.id. tab3btn1 );

tab3btn2 = (Button)findViewById(R.id. tab3btn2 );

tab3btn3 = (Button)findViewById(R.id. tab3btn3 );

tab3btn1 .setOnClickListener( this );

tab3btn2 .setOnClickListener( this );

tab3btn3 .setOnClickListener( this );

}

//@Override

public void onClick(View v)

{

switch (v.getId())

{

case R.id. tab1btn1 :

tabhost .setCurrentTab(1); // 跳转到第二个 tab

break ;

case R.id. tab2btn1 :

tabhost .setCurrentTab(0); // 跳转到第一个 tab

break ;

case R.id. tab2btn2 :

tabhost .setCurrentTab(2); // 跳转到第三个 tab

break ;

case R.id. tab3btn1 :

tabhost .setCurrentTab(0); // 跳转到第一个 tab

break ;

case R.id. tab3btn2 :

tabhost .setCurrentTab(1); // 跳转到第二个 tab

break ;

case R.id. tab3btn3 :

tabhost .setCurrentTab(2); // 跳转到第三个 tab( 自己 )

break ;

}

运行结果为：

其它和 5 中的运行结果相同。

7. 在本文开始出，曾经提到“或者是通过 Intent 对象启动的 Activity ”，也就是说 setContent 的参数可以是一个 Intent 对象，然后用该对象启动另外一个 Activity 。为此我们先创建一个 Activity 类，并为它指定相应的 layout 。假定我们让第三个 tab 显示的内容为 Intent 对象所指定的 Activity 。 Layout 内容如下：

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

< LinearLayout

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

android:layout_width = "wrap_content"

android:layout_height = "wrap_content" >

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Hello, Android"

android:textSize = "30px"

android:textColor = "#FF0" />

</ LinearLayout >

对应的 Activity 代码如下：

package com.pat.gui;

import android.app.Activity;

import android.os.Bundle;

public class ThirdTab extends Activity

{

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.thirdtab);

}

在 AndroidManifest.xml 中的 Application 标签内，增加对 ThirdTab 的描述：

8. 现在，咱们来修改 AndroidGUI24Activity 的代码，使之如下 ( 注意粗体字部分的代码变化 ) ：

package com.pat.gui;

import android.app.TabActivity;

import android.content.Intent;

import android.content.res.Resources;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import android.widget.TabHost;

public class AndroidGUI24Activity extends TabActivity

implements

OnClickListener

{

private TabHost tabhost;

private Resources res;

private Button tab1btn1;

private Button tab2btn1;

private Button tab2btn2;

@Override

public void onCreate(Bundle savedInstanceState)

{

super .onCreate(savedInstanceState);

// 获取该 Activity 用于容纳 tab 的 TabHost 对象

// Returns the TabHost the activity is using to host its tabs.

tabhost = getTabHost();

res = getResources();

// 获取 LayoutInflater 对象

LayoutInflater inflater = LayoutInflater.from (this );

// TabHost.getTabContentView 方法的作用： Get the FrameLayout which holds tab content

// LayoutInflater.inflate 方法的作用：

// Inflate a new view hierarchy from the specified xml resource.

// 其原型为： public View inflate (int resource, ViewGroup root)

// 参数：

// resource ID for an XML layout resource to load (e.g., R.layout.main_page)

// root Optional view to be the parent of the generated hierarchy.

// 返回值：

// The root View of the inflated hierarchy. If root was supplied, this is the root

// View; otherwise it is the root of the inflated XML file.

// 下面这几句话，就是将 tab1.xml 、 tab2.xml 的内容，全嵌入到 tabhost.getTabContentView()

// 所返回的 FrameLayout 中。这次我们仅 inflate 两个 tab 的内容，第三个 tab 将有一个 Intent 对象指定

inflater.inflate(R.layout.tab1 , tabhost.getTabContentView());

inflater.inflate(R.layout.tab2 , tabhost.getTabContentView());

// 给 tabhost 增加 tab

// newTabSpec(String tag) 返回一个 TabHost.TabSpec 对象， TabHost.TabSpec

// setIndicator(" 国籍 "): 显示 tab 上的文字

// setContent(int id) ：指定 tab 的内容

tabhost.addTab(tabhost.newTabSpec("tab1").setIndicator(" 国籍 ", res.getDrawable(R.drawable.cn )).setContent(R.id.tab1 ));

tabhost.addTab(tabhost.newTabSpec("tab2").setIndicator(" 爱好 ", res.getDrawable(R.drawable.basketball )).setContent(R.id.tab2 ));

tabhost.addTab(tabhost.newTabSpec("tab3").setIndicator(" 系统 ",res.getDrawable(R.drawable.amplifer_1 ))

.setContent(new Intent(this , ThirdTab.class ) ));

// 指定显示第几个 tab

tabhost.setCurrentTab(1);

// 在上面的工作都做完后，调用 setContentView

//setContentView(R.layout.main);

setContentView(tabhost);

// 获取 6 个按钮对象，并分别给它们增加 OnClickListener

tab1btn1 = (Button)findViewById(R.id.tab1btn1 );

tab1btn1.setOnClickListener(this );

tab2btn1 = (Button)findViewById(R.id.tab2btn1 );

tab2btn2 = (Button)findViewById(R.id.tab2btn2 );

tab2btn1.setOnClickListener(this );

tab2btn2.setOnClickListener(this );

}

//@Override

public void onClick(View v)

{

switch (v.getId())

{

case R.id.tab1btn1 :

tabhost.setCurrentTab(1); // 跳转到第二个 tab

break ;

case R.id.tab2btn1 :

tabhost.setCurrentTab(0); // 跳转到第一个 tab

break ;

case R.id.tab2btn2 :

tabhost.setCurrentTab(2); // 跳转到第三个 tab

break ;

}

运行结果如下 ( 点击“系统”这个 tab) ：

点击“国籍”、“爱好”和“系统”，各 tab 之间可以进行很好的切换。

第二种情况：不使用 TabActivity

不使用 TabActivity 来实现Tab 功能，情况要稍微复杂一些，但同时也更灵活一些，比如可以把 tab 的位置放在屏幕的下方。为此，需要对 TabHost 、 TabWidget 底层有所了解。在定义包含各 tab 信息的 xml 文件中，必须：

a. 根布局必须是 TabHost

b. 在 TabHost 内，必须包含一个垂直的 LinearLayout

c. 在 LinearLayout 中，必须包含一个 TabWidget 和一个 FrameLayout ，且其中 TabWidget 的 id 必须命名为 @android:id/tabs ， FrameLayout 的 id 必须命名为 @android:id/tabcontent ，各 tab 的内容可以定义在 FrameLayout 中。

1. 创建一个新的布局文件： tab_demo2.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:id = "@+id/v_tabhost"

< LinearLayout

android:orientation = "vertical"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

< FrameLayout

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

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

android:layout_weight = "1"

< LinearLayout

android:id = "@+id/tab1"

android:orientation = "vertical"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Hello, Android1"

android:textColor = "#FF0"

android:textSize = "30px"

</ TextView >

< Spinner

android:id = "@+id/Spinner01"

android:layout_width = "160px"

android:layout_height = "wrap_content"

android:entries = "@array/cities"

android:prompt = "@string/spin_prompt"

</ LinearLayout >

< LinearLayout

android:id = "@+id/tab2"

android:orientation = "vertical"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Hello, Android2"

android:textColor = "#F0F"

android:textSize = "30px"

</ TextView >

< DigitalClock

android:id = "@+id/digital_clock"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:textSize = "50px"

</ LinearLayout >

< LinearLayout

android:id = "@+id/tab3"

android:orientation = "vertical"

android:layout_width = "fill_parent"

android:layout_height = "fill_parent"

< TextView

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

android:text = "Hello, Android3"

android:textColor = "#0FF"

android:textSize = "30px"

</ TextView >

< AnalogClock

android:id = "@+id/analog_clock"

android:layout_width = "wrap_content"

android:layout_height = "wrap_content"

</ LinearLayout >

</ FrameLayout >

< TabWidget

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

android:layout_width = "fill_parent"

android:layout_height = "60px" />

</ LinearLayout >

</ TabHost >

注意上面代码中，粗体字部分的写法。

其中 android:layout_weight="1" 必须要出现在 FrameLayout 的属性中，否则 tab 不可见。

2. 在strings.xml中增加如下内容：

< string name = "spin_prompt" > 请选择城市 </ string >

< string-array name = "cities" >

< item > 北京 </ item >

< item > 上海 </ item >

< item > 南京 </ item >

< item > 乌鲁木齐 </ item >

< item > 哈尔滨 </ item >

< item > 符拉迪沃斯托克 </ item >

</ string-array >

3. 修改 AndroidGUI24Activity 的代码如下：

package com.pat.gui;

import android.app.Activity;

import android.content.res.Resources;

import android.os.Bundle;

import android.widget.TabHost;

public class AndroidGUI24Activity extends Activity

{

private Resources res ;

//@Override

public void onCreate(Bundle savedInstanceState)

{

super .onCreate(savedInstanceState);

setContentView(R.layout. tab_demo2 );

// 下面两行对于不使用 TabActivity 实现 tab 效果是必须的

TabHost tabhost = (TabHost)findViewById(R.id. v_tabhost );

tabhost.setup();

res = getResources();

tabhost.addTab(tabhost.newTabSpec( "tab1" ).setIndicator( " 国籍 " , res .getDrawable(R.drawable. cn ))

.setContent(R.id. tab1 ));

tabhost.addTab(tabhost.newTabSpec( "tab2" ).setIndicator( " 爱好 " , res .getDrawable(R.drawable. basketball ))

.setContent(R.id. tab2 ));

tabhost.addTab(tabhost.newTabSpec( "tab3" ).setIndicator( " 系统 " , res .getDrawable(R.drawable. amplifer_1 ))

.setContent(R.id. tab3 ));

}

运行结果：

iteye_12049

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AndroidGUI24：TabHost常用技巧

&lt;!-- [if !mso]&gt;&lt;mce:style&gt;&lt;!--v/:* {behavior:url(#default#VML);}o/:* {behavior:url(#default#VML);}w/:* {behavior:url(#default#VML);}.shape {behavior:url(#default#VML);}--&...
复制链接

扫一扫