Android 切换卡(TabWidget)

TabWidget类似于Android 中查看电话薄的界面，通过多个标签切换显示不同内容。要实现这一效果，首先要了解TabHost，它是一个用来存放多个Tab标签的容器。每一个Tab都可以对应自己的布局，比如，电话薄中的Tab布局就是一个List的线性布局了。
要使用TabHost,首先需要通过getTabHost方法来获取TabHost的对象，然后通过addTab方法来向TabHost中添加 Tab。当然每个Tab在切换时都会产生一个事件，要捕捉这个事件需要设置TabActivity的事件监听 setOnTabChangedListener。我们先来看看运行效果吧。

布局文件

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@android:id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<LinearLayout
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"/>
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/textview1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="Linux"
android:textColor="#FF0000"
/>
<TextView
android:id="@+id/textview2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:textColor="#385E0F"
android:text="MAC"/>
<TextView
android:id="@+id/textview3"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:textColor="#1E90FF"
android:text="Window"/>
</FrameLayout>
</LinearLayout>
</TabHost>

这里稍有不同，用的是 TabHost 然后 LinearLayout里边套了一个 FrameLayout
LinearLayout 就不说了这里说一下 FrameLayout 的特点 FrameLayout是最简单的一个布局对象。它被定制为你屏幕上的一个空白备用区域，之后你可以在其中填充一个单一对象 — 比如，一张你要发布的图片。所有的子元素将会固定在屏幕的左上角；你不能为FrameLayout中的一个子元素指定一个位置。后一个子元素将会直接在前一个子元素之上进行覆盖填充，把它们部份或全部挡住（除非后一个子元素是透明的）。这里最重要的特点就是后一个子元素将会直接在前一个子元素之上进行覆盖填充，把它们部分或全部挡住我们也正是利用了它的这一特点。大家看看运行效果就知道咋回事了。

下边是 Activity 类
Java代码

package xiaohang.zhimeng;
import android.app.AlertDialog;
import android.app.Dialog;
import android.app.TabActivity;
import android.content.DialogInterface;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.OnTabChangeListener;
//这里注意一下，继承的是TabActivity 不是Activity
public class Activity01 extends TabActivity {
// 声明TabHost对象
TabHost xh_TabHost;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 取得TabHost对象
xh_TabHost = getTabHost();
/**
* 为TabHost添加标签新建一个newTabSped(newTabSpec) 设置其标签和图标（setIndicator）
* 设置内容(setContent)
*/
// TabSpec 是TabHost的内部类 TabHost对象的 newTabSpec()方法返回一个TabSpec对象这个关系要搞清楚
/*
* 源码里边是这么写的 public TabSpec newTabSpec(String tag) { return new
* TabSpec(tag); }
*/
xh_TabHost.addTab(xh_TabHost.newTabSpec("tab_test1")
// setIndicator()此方法用来设置标签和图表
.setIndicator("TAB 1",
getResources().getDrawable(R.drawable.img1))
// 指定内容为一个TextView --->public TabHost.TabSpec setContent (int
// viewId) 此方法需要一个 viewId 作为参数
.setContent(R.id.textview1));
xh_TabHost.addTab(xh_TabHost.newTabSpec("tab_test2").setIndicator(
"TAB 2", getResources().getDrawable(R.drawable.img2))
.setContent(R.id.textview2));
xh_TabHost.addTab(xh_TabHost.newTabSpec("tab_test3").setIndicator(
"TAB 3", getResources().getDrawable(R.drawable.img3))
.setContent(R.id.textview3));
// 设置TabHost的背景颜色
xh_TabHost.setBackgroundColor(Color.argb(150, 22, 70, 150));
// 设置TabHost的背景图片资源
xh_TabHost.setBackgroundResource(R.drawable.bg2);
// 设置当前显示哪一个标签我的理解就是当你第一次启动程序默认显示那个标签这里是指定的选项卡的ID从0开始
xh_TabHost.setCurrentTab(0);
// 标签切换事件处理，setOnTabChangedListener 注意是标签切换事件不是点击事件
// 就是从一个标签切换到另外一个标签会触发的事件
xh_TabHost.setOnTabChangedListener(new OnTabChangeListener() {
@Override
public void onTabChanged(String tabId) {
// 定义一个弹出式的对话框
Dialog dialog = new AlertDialog.Builder(Activity01.this)
.setTitle("提示").setMessage("当前选中了：" + tabId + "标签")
.setPositiveButton("确定",
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog,
int which) {
// 取消对话框
dialog.cancel();
}
}).create();// 创建出一个“确定”按钮
// 启动此对话框并且显示在屏幕上
dialog.show();
}
});
}
}

平台：android 2.0 APILEVEL 5 源码见附件
网盘下载http://115.com/file/bhkev9nu

Android 切换卡(TabWidget)相关推荐

android标签切换卡,Android切换卡TabWidget用法示例
本文实例讲述了Android切换卡TabWidget用法.分享给大家供大家参考,具体如下: Tab选项卡类似与电话本的界面,通过多个标签切换不同的内容,要实现这个效果,首先要知道TabHost,它是一 ...
h5 android 滚动条卡顿,h5页面滑动卡顿解决方法
解决方式: 给滚动的元素加样式:-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling(允许独立的滚动区域和触摸回弹) 如果值为au ...
android stk 卡号切换,采用stk/utk实现手机双卡切换及其它功能的方法和装置的制作方法...
专利名称:采用stk/utk实现手机双卡切换及其它功能的方法和装置的制作方法技术领域: 本发明涉及手机双卡,主要是指一种采用STK/UTK技术实现手机待机双卡切换等功能的方法及其装置. 背景技术: ...
切换卡TabHost控件的使用
在Android中,通常可以使用切换卡(选项卡)实现切换显示不同页面内容的功能.这一功能可以通过TabHost控件来实现. 下面我们就通过一个简单的实例演示如何使用TabHost控件完成切换卡功能,完 ...
ViewPager -- Fragment 切换卡顿性能优化
当ViewPager切换到当前的Fragment时,Fragment会加载布局并显示内容,如果用户这时快速切换ViewPager,即 Fragment需要加载UI内容,而又频繁地切换Fragment, ...
android 界面切换监听,Android切换页面--setContentView
setContentView 一般切换页面,通过Intent,startActivity可以实现,但系统创建Activity是非常耗时的,如果对切换画面时间有要求,只能用setContentView在 ...
Android切换到主线程
Android切换到主线程方法一: view.post(Runnable action) textView.post(new Runnable() { @Override public void r ...
vue项目实践教程3：中间大的五选项底部切换卡制作及相关问题解决
在移动端项目中,有不少项目会有底部切换卡的功能需求,类似于app应用,点击底部不同的切换卡,显示不同的界面,表现不同的功能. 这里,笔者展示一个采用vux-uid 五选项切换卡,同时,中间的选项卡比较 ...
android 动画卡顿分析工具
android 动画卡顿分析工具 Android应用性能优化之分析工具上一次记录了解决过度绘制的过程,这一次,想先弄清个概念性的东西,就是如何判断顺不顺畅? 这东西其实最初我自己也觉得有点废话,用起 ...

Android 切换卡(TabWidget)

Android 切换卡(TabWidget)相关推荐

最新文章

热门文章