TabWidget切换片

最新推荐文章于 2024-10-23 09:26:28 发布
最新推荐文章于 2024-10-23 09:26:28 发布
阅读量944 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Android 文章标签： tabhost
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ArJinMC/article/details/21037429
本文详细介绍了在Android应用中实现Tab导航的四种方法，包括直接使用TabActivity、在XML布局中定义TabHost、通过TabContentFactory接口创建内容及模仿Tab效果的RadioButton方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

（written in 2012-07-18 23:01:36）


需要用到TabHost对象

常用API

TabHost getTabHost()

该方法TabActivity类方法创建TabHost对象

addTab()

添加一个选项卡

tabHost.newTabSpec(String tag)

为选项卡指定一个tag

setIndicator(String title)

设置选项卡的标题

setContent(int resId)

设置选项卡的现实内容，参数索引。

四种创建方式

·         方式一

1.  创建FrameLayout布局,main.xml

<FrameLayout
xmln: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/tvTab1"
android:text="tab1 content"
android:textSize="30sp"
android:layout_width="wrap_content"
adnroid:layout_height="wrap_content"
/>
<TextView
android:id="@+id/tvTab2"
android:text="tab2 content"
android:textSize="30sp"
android:layout_width="wrap_content"
adnroid:layout_height="wrap_content"
/>
<TextView
android:id="@+id/tvTab3"
android:text="tab3 content"
android:textSize="30sp"
android:layout_width="wrap_content"
adnroid:layout_height="wrap_content"
/>
</FrameLayout>


2.  创建继承自TabActivity的类

public class MainAct extends TabAcitivty,去掉onCreate()中的setContentView()

3.  调用TabActivity的getTabHost创建TabHost对象

TabHost tabHost = getTabHost();

4.  调用LayoutInflater.from(context).inflate将指定布局作为当前所选卡的布局。

LayoutInflater.from(this).inflate(R.layout.main,tabHost.getTabContentView().true);


5.  调用TabHost对象的addTab()和newTabSpec()创建选项卡：

tabHost.addTab(tabHost.newTabSpec("tag_tag1")
.setIndicator("tab_title")
.setContent(R.id.tvTab1));


·         方式二

main.xml

<TabHost
xmln:android:="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
> 
<LinearLayout
android:id="@+id/llBeijing"
android:layout_width="match_parent"
android:layout_heigt="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
> 
<ImageView
android:id="@+id/ivPhoto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/beijing"
/>
<TextView
android:id="@+id/tvName"
android:textSize="30sp"
android:text="北京"
android:gravity="center_horizontal"
android:layout_width="170dp"
android:layout_height="wrap_content"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/llTianjin"
android:layout_width="match_parent"
android:layout_heigt="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
> 
<ImageView
android:id="@+id/ivPhoto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/tianjing"
/>
<TextView
android:id="@+id/tvName"
android:textSize="30sp"
android:text="天津"
android:gravity="center_horizontal"
android:layout_width="170dp"
android:layout_height="wrap_content"
/>
</LinearLayout>
 
</TabHost>


·         方式三

1.  创建一个布局文件beijing.xml

<LinearLayout
xmlns:android="http://schemas.andorid.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_horizontal"
> 
<ImageView
android:id="@+id/ivPhoto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/beijing"
/>
<TextView
android:id="@+id/tvName"
android:textSize="30sp"
android:text="北京"
android:gravity="center_horizontal"
android:layout_width="170dp"
android:layout_height="wrap_content"
/>
</LinearLayout>


2.  创建BeijingAct.java

public class BeijingAct extends Activity{
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.beijing);
}
}


3.  MainAct.java

public class MainAct extends TabActivity{
public void onCreate(savedInstanceState);
TabHost tabHost = getTabHost();
tabHost.addTab(tabHost.newTabSpec("tag1")
.setIndicator("北京")
.setContent(new Intent(this,BeijingAct.class)));
}


·         方式四

1.  继承TabActivity，实现TabContentFactory接口

public  class MainAct extends TabActivity implements TabContentFactory


2.  在创建选项卡代码中，将LayoutInflater.from().inflate方法去掉。

TabHost tabHost = getTabHost();
tabHost.addTab(tabHost.newTabSpec("tab_tag1")
.setIndicator("北京")
.setContent(this);
TabHost tabHost = getTabHost();
tabHost.addTab(tabHost.newTabSpec("tab_tag2")
.setIndicator("天津")
.setContent(this);


3.  实现TabContentFactory接口中定义的方法createTabContent()

public View createTabContent(String tag){
View layout = null;
if(tag.equals("tab_tag1")){
latyout = LayoutInflater.from(this).inflate(R.layout.beijing,null);
}else if(tag.equals("tab_tag2"){
layout = LayoutInflater.from(this).inflate(R.layout.tianjin,null);
}
return layout;
}


 

例：创建Tab

main.xml

<?xml version="1.0" encoding="utf-8"?>
<TabHost
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/tabhost"
adnroid:layout_width="fill_parent"
android:layout_height="fill_parent"
> 
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
andrfoid:orientation="vertical"
> 
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1.0"
/>
<TabWidget
android:id="@android:id/table"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
/>
</LinearLayout>
</TabHost>


MainAct.java

public class MainAct extends Activity{
private TabHost host;
private void setupView(){
host = (TabHost)findViewById(R.id.tabhost);
host.setup();
 
host.addTab(host.newTabSpec("tab1")
.setIndicator("界面1")
.setContent(new TabContentFactory(){
public View createTabContent(String tag){
Log.i("info","界面1的tabcontentfactory.createTabContent()");
TextView tv = new TextView(MainAct.this);
tv.setText("界面1");
return tv;
}
}));
 
host.addTab(host.newTabSpec("tab2")
.setIndicator("界面2")
.setContent(new TabContentFactory(){
public View createTabContent(String tag){
Log.i("info","界面2的tabcontentfactory.createTabContent()");
Button btn = new Buton(MainAct.this);
btn.setText("按钮");
return btn;
}
}));
 
host.addTab(host.newTabSpec("tab3")
.setIndicator("界面3")
.setContent(new TabContentFactory(){
public View createTabContent(String tag){
Log.i("info","界面3的tabcontentfactory.createTabContent()");
CheckBox chk = new CheckBox(MainAct.this);
chk.setChecked(true);
chk.setText("复选框");
return chk;
}
}));
 
host.addTab(host.newTabSpec("tab4")
.setIndicator("界面4")
.setContent(new TabContentFactory(){
public View createTabContent(String tag){
Log.i("info","界面4的tabcontentfactory.createTabContent()");
RaidoButton rdo = new RadioButton(MainAct.this);
rdo.setText("单选按钮");
return rdo;
 }
}));
}
 
public void onCreate(Bundle savedInstanceState){
super.onCreate(saveInstanceState);
setContentView(R.layout.main);
setupView();
}
}


例：继承TabActivity创建四个Tab

public class MainAct extends TabActivity{
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
 
TabHost host = getTabHost();
 
host.addTab(host.newTabSpec("add").setIndicator("添加").setContent(new Intent(this,AddActivity.class)));
host.addTab(host.newTabSpec("update").setIndicator("修改").setContent(new Intent(this,UpdateActivity.class)));
host.addTab(host.newTabSpec("delete").setIndicator("删除").setContent(new Intent(this,DeleteActivity.class)));
host.addTab(host.newTabSpec("search").setIndicator("查询").setContent(new Intent(this,SearchActivity.class)));
}
}
 
public class AddActivity extends Activity {
private static final String TAG = "ActivityAdddddddddddddddd";
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setTextSize(25);
tv.setText(TAG);
setContentView(tv);
}
}
 
public class UpdateActivity extends Activity {
private static final String TAG = "ActivityUpdateeeeeeeeeeeeeee";
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setTextSize(25);
tv.setText(TAG);
setContentView(tv);
}
}
 
public class DeleteActivity extends Activity {
private static final String TAG = "ActivityDeleteeeeeeeeeeeeeeeee";
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setTextSize(25);
tv.setText(TAG);
setContentView(tv);
}
}
 
public class SearchActivity extends Activity {
private static final String TAG = "ActivitySearchhhhhhhhhhhh";
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setTextSize(25);
tv.setText(TAG);
setContentView(tv);
}
}


例：radiobutton模仿Tab切换，Tab成按钮形状，在屏幕底部

drawable\rdo_bg_normal.xml

<?xml version="1.0" enconding="utf-8"?>
<shape
xmln:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="1dp"
android:color="#FFF"
/>
<gradient
android:startColor="#90F30C64"
android:endColor="#9046C3F3"
android:angle="180"
/>
<corners android:radius="5dp"/>
</shape>


drawable\rdo_bg_pressed.xml

<?xml version="1.0" enconding="utf-8"?>
<shape
xmln:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="1dp"
android:color="#FFF"
/>
<gradient
android:startColor="#90CC0FF0"
android:endColor="#9000F0C6"
android:angle="90"
/>
<corners android:radius="5dp"/>
</shape>


drawable\rdo_bg_checked.xml

<?xml version="1.0" enconding="utf-8"?>
<shape
xmln:android="http://schemas.android.com/apk/res/android">
<stroke
android:width="1dp"
android:color="#FFF"
/>
<gradient
android:startColor="#90F3F3Fe"
android:endColor="#900Fcc0F"
android:angle="180"
/>
<corners android:radius="5dp"/>
</shape>


 

values\styles.xml

<?xml version="1.0" encoding="utf-8" ?>
<resources>
<style name="rdo_bottom_style">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height>fill_parent</item>
<item name="android:layout_weight">1.0</item>
<item name="android:gravity">center_horizontal</item>
<item name="android:button">@null</item>
<item name="android:background">@drawable/rdo_bg</item>
</style>
</resources>


 

main.xml

<FrameLayout
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1.0"
android:id="@+id/flContainer"
/>
<RaidoGroup
android:id="@+id/rg"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:orientation="horizonal"
android:gravity="center_horaizontal"
android:checkedButton="@+id/rdoAdd"
android:layout_marginTop="2dp"
> 
<RadioButton
style="@style/rdo_bottom_style"
android:id="@id/rdoAdd"
android:text="添加"
adnroid:drawalbeTop="@android:drawable/ic_menu_add"
/>
<RadioButton
style="@style/rdo_bottom_style"
android:id="@id/rdoEdit"
android:text="修改"
adnroid:drawalbeTop="@android:drawable/ic_menu_edit"
/>
<RadioButton
style="@style/rdo_bottom_style"
android:id="@id/rdoDelete"
android:text="删除"
adnroid:drawalbeTop="@android:drawable/ic_menu_delete"
/>
<RadioButton
style="@style/rdo_bottom_style"
android:id="@id/rdoSearch"
android:text="查询"
adnroid:drawalbeTop="@android:drawable/ic_menu_search"
/>
<RadioButton
style="@style/rdo_bottom_style"
android:id="@id/rdoExit"
android:text="退出"
adnroid:drawalbeTop="@android:drawable/ic_menu_close_clear_cancel"
/>
</RaidoGroup>


MainAct.java

public class MainAct extends ActivityGroup{
private RadioGroup rg;
private FrameLayout flContainer;
 
private void setupView(){
rg = (RaidoGoup)findViewById(R.id.rg);
flContainer = (FramLayout)findViewById(R.id.flContainer);
flContainer.addView(getLocalActivityManager().startActivity("add",new Intent(this,AddActivity.class)).getDecorView());
}
 
private void addListener(){
rg.setOnCheckedChangeListener(new OnCheckedChangeListener(){
public void onCheckedChanged(RadioGroup group,int checkedId){
LocalActivityManager manger = getLocalActivityManager();
Intent inent = null;
Window window = null;
flContainer.removeAllView();
switch(checkedId){
case R.id.rdoAdd:
intent = new Intent(MainAct.this,AddActivity.class);
window = manager.startActivity("add",intent);
break;
case R.id.rdoDelete:
intent = new Intent(MainAct.this,DeleteActivity.class);
window = manager.startActivity("delete",intent);
break;
case R.id.rdoUpdate:
intent = new Intent(MainAct.this,UpdateActivity.class);
window = manager.startActivity("update",intent);
break;
case R.id.rdoSearch:
intent = new Intent(MainAct.this,SearchActivity.class);
window = manager.startActivity("search",intent);
break;
case R.id.rdoExit:
finish();
return;
}
flContainer.addView(window.getDecorView());
}
});
}
 
public void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
setupView();
addListener();
}
}


AddActivity.java

public class AddActivity extends Activity{
private static final String TAG = "ActivityAdddddddddddddd";
protected void onCreate(Bundle savedInstanceState){
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setText(TAG);
setContentView(tv);
}
}


[说明]DeleteActivity.java,SearchActivity.java,UpdateActivity.java雷同。

 


tabWidget 动画演示
m0_65286228的博客
12-14 1027
简单实现在切换tab时，动画切换
Autofill Framework(自动填写)用法详解
热门推荐
the Coder And Writer
06-16 1万+
本文是基于[官方demo](https://github.com/googlesamples/android-AutofillFramework)来分析Autofill Framework的用法（要正常打开这个项目请使用Android Studio Preview 3.0以上版本，并下载Anroid O模拟器镜像）。Autofill Framework最低支持SDK API 26(Android O)+。
TabWidget切换卡
betterAndroider的博客
06-25 966
TabWidget是一种控件，通过多种标签来切换显示不同的内容，一个TabWidget主要由一个TabHost来存放多个Tab标签容器，再在Tab容器中加入其它控件，通过addTab方法可以增加新的Tab。这些除了在xml文件中布置好控件外，当然还需要在Java文件中处理好事件的逻辑。 构建TabWidget控件主要需要两个步骤： 1.先写好xml文件 <?xml version="1.0"
tabwidget自定义tab的切换
李玉峰的博客
12-27 4988
在写tabwidget的切换时，使用了tab1.show;tab2.close;这种发法是有问题的；导致布局以后tab2显示的时候就不是按窗口布局变化了，找了半天才找到这个原因。正确的切换：使用setcurrentindex       切换至tab:   ui-&gt;tabWidget-&gt;setCurrentIndex(0);      切换至tab_2:    ...
QT tabwidget页不可切换
DANZUDANZU的博客
05-06 340
setEnabled（）函数。
android标签切换卡,Android TabWidget切换卡的实现应用
weixin_39759060的博客
05-26 135
TabWidget类似于Android 中查看电话薄的界面，通过多个标签切换显示不同内容。要实现这一效果，首先要了解TabHost，它是一个用来存放多个Tab标签的容器。每一个Tab都可以对应自己的布局，比如，电话薄中的Tab布局就是一个List的线性布局了。要使用TabHost,首先需要通过getTabHost方法来获取TabHost的对象，然后通过addTab方法来向TabHost中添加 Ta...
Tab Widget标签页面切换控件
最新发布
m0_62407354的博客
10-23 646
​​​​QTabWidget的控件可以存储多个子窗口，每个子窗口通过对应的标签进行切换。设置标签窗口在主窗口的位置，上北下南左西右东。
Tabwidget实现切换页面时加载查询数据且重复切换页面时不要重复加载
05-22 389
解决在使用tabwidget时，一打开窗口会把每个要查询数据的页面（设计的页面是一打开就查询数据）全部加载完后才显示窗口，造成窗口加载很慢。
Qt tabWidget切换tab时会触发tab页面的LineEdit 的editingFinished()信号函数
拾予的博客
07-02 2869
在使用tabWidget时在tab页内嵌子界面，子界面中添加lineEdit输入框控件，实现输入回车得出结果的设计，很容易想到用lineEdit的信号函数editingFinished()，但是使用时发现，这个函数会触发两次，当按返回或者回车键时，或者行编辑失去焦点时，发出此信号。如果： QLineEdit设置了validator() orinputMask()函数，验证器or输入掩码，并按了返回或回车键，信号只有在 输入内容符合输入掩码 或验证器返回 QValidator::Acceptable时 发出
tabwidget中的tab切换，用按钮实现
weixin_44462280的博客
10-20 1510
tabwidget中的tab切换，用按钮实现 setcurrentindex（）中应填写int类型，从0开始。填0就是切换到第一个tab，填1就是切换到第二个tab。 void MainWindow::on_pushButton_2_clicked() { ui->tabWidget->setCurrentIndex(1); } ...
Android TabWidget切换卡的实现应用
01-20
总结来说，实现Android TabWidget切换卡的核心步骤包括：1）在XML布局文件中定义TabHost和相关组件；2）在Activity中获取TabHost实例并添加Tab；3）关联每个Tab与特定的视图或Activity；4）可选地，设置TabHost的...
TabWidget切换卡demo
05-06
在Android开发中，`TabWidget`是用于创建一个多选项卡界面的组件，它允许用户通过点击不同的标签在多个视图之间进行切换。`TabWidget`通常与`FrameLayout`或`ViewSwitcher`配合使用，以实现内容区域的动态切换。在本...
Android TabHost TabWidget 切换卡
01-17
`TabWidget`是`TabHost`的一部分，显示一系列的标签，每个标签代表一个可切换的视图。当用户点击一个标签时，`TabHost`会更新其内容区域（即`FrameLayout`）来显示对应标签的内容。 使用`TabHost`和`TabWidget`的...
Java/Android倒计时（开始，暂停，恢复，停止）
the Coder And Writer
08-19 1万+
由于要做暂停和恢复，这里我就没有使用Android的CountDownTimer,而是用了Java的Timer。所以，这个方法在java肯定是通用。我也外加了Android独有的Service，有些计时器需要在Activiy关闭的情况下依然在计时，回到Activity时，显示当前的计时状态。 Timer 这个Java的类，具体看Java的API说明，但是要注意一点： Timer 在cancel
Android中集成QQ登陆和QQ空间分享
the Coder And Writer
08-08 7657
本文基于QQ open sdk V2.4.1。 QQ登录应用有一个地方是需要注意的， QQ申请同一品牌应用（包括网站和app），需要相互依赖申请，因为在QQ互联中，一个应用对应一个app key，如果网站和app的app key是不同的，这样相同用户使用QQ登录时候所产生的openid就会不同了，此时无法判断是否为同一个用户。在QQ互联中，一个用户的openid是对应一个应用，也就是说，
指纹校验工具库
the Coder And Writer
10-10 7545
Android 6.0以上设备开始支持指纹校验，但也有一些老人机没有指纹传感器。所以做个工具库方便适用，有些手机系统还是使用了低版本但指纹校验api，这里做了一些兼容处理。目前已兼容到Android 11. 简单介绍一下用法： 所有动作基本通过FingerprintUtil 来完成。 1.检查设备是否支持指纹校验 FingerprintUtil.isSupport(context); 2.检查设备是否已经设定了指纹信息。但是有些手机对应的系统版本调用的并不是Android官方规定的api版本，可
ViewPager刷新数据，动态更改adapter的数量
the Coder And Writer
10-08 4411
查了很多资料，发现要做到ViewPager刷新数据，动态更改adapter的数量那种效果只要实现这个方法就可以了： private class ViewPageAdapter extends FragmentPagerAdapter { public ViewPageAdapter(FragmentManager fm) { super(fm);
使用Gradle打包apk
the Coder And Writer
01-07 4291
前提 Eclipse 4.4.1 ADT 23.0.4 Gradle 2.2.1 流程： 1.安装gradle以及配置环境变量就不多说了，网上搜一下一大堆。 2.首先在eclipse中选中的自己项目，然后export-》Android-》Genearte Gradle build files 此时，会在项目文件的最下面会出现一个build.gradle的文件，这个就是grad
Android TabWidget卡切换演示教程
一个典型的TabWidget切换卡demo会展示如何使用TabHost和TabWidget来实现这样的切换效果。TabHost是一个布局容器，用于承载TabWidget和目标视图（View），而TabWidget负责显示标签页。 ### 知识点一：TabWidget的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值