TabHost的两种使用方法

最新推荐文章于 2024-04-17 00:23:18 发布
最新推荐文章于 2024-04-17 00:23:18 发布
阅读量746 收藏
点赞数
文章标签： android

  • Android 实现tab视图有2种方法，一种就是继承tabactivity，一种是在布局页面中定义<tabhost>标签,

    第一种：使用系统自带写好的TabHost（及继承自TabActivity类）

    其具体步骤如下： （1）使用setContentView()方法显示界面。 （2）TabHost对象获得并设置。 （3）创建并设置TabSpec对象。 （4）向TabHost中添加TabSpec完成标签页的使用。

    view source print ?
    01. <?xml version="1.0" encoding="utf-8"?> 
    02. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    03. android:layout_width="fill_parent" 
    04. android:layout_height="fill_parent"> 
    05. <LinearLayout android:id="@+id/tab1" 
    06. android:layout_width="fill_parent" android:layout_height="fill_parent" 
    07. androidrientation="vertical"> 
    08. <TextView android:id="@+id/TextView1" 
    09. android:text="This is a tab1" android:layout_width="fill_parent" 
    10. android:layout_height="wrap_content"> 
    11. </TextView> 
    12. </LinearLayout> 
    13. <LinearLayout android:id="@+id/tab2" 
    14. android:layout_width="fill_parent" android:layout_height="fill_parent" 
    15. androidrientation="vertical"> 
    16. <TextView android:id="@+id/TextView2" 
    17. android:text="This is a tab2" android:layout_width="fill_parent" 
    18. android:layout_height="wrap_content"> 
    19. </TextView> 
    20. </LinearLayout> 
    21. <LinearLayout android:id="@+id/tab3" 
    22. android:layout_width="fill_parent" android:layout_height="fill_parent" 
    23. androidrientation="vertical"> 
    24. <TextView android:id="@+id/TextView3" 
    25. android:text="This is a tab3" android:layout_width="fill_parent" 
    26. android:layout_height="wrap_content"> 
    27. </TextView> 
    28. </LinearLayout> 
    29. </FrameLayout>
    view source print ?
    01. import android.app.AlertDialog; 
    02. import android.app.Dialog; 
    03. import android.app.TabActivity; 
    04. import android.content.DialogInterface; 
    05. import android.os.Bundle; 
    06. import android.view.LayoutInflater; 
    07. import android.widget.TabHost; 
    08.  
    09. public class Test_TabWidget extends TabActivity { 
    10. /** Called when the activity is first created. */ 
    11. private TabHost tabHost; 
    12.  
    13. @Override 
    14. public void onCreate(Bundle savedInstanceState) { 
    15. super.onCreate(savedInstanceState); 
    16. // setContentView(R.layout.main); 
    17. tabHost = this.getTabHost(); 
    18. LayoutInflater li = LayoutInflater.from(this); 
    19. li.inflate(R.layout.main, tabHost.getTabContentView(), true); 
    20. tabHost.addTab(tabHost.newTabSpec("Tab_1").setContent(R.id.tab1) 
    21. .setIndicator("TAB1", 
    22. this.getResources().getDrawable(R.drawable.img1))); 
    23. tabHost.addTab(tabHost.newTabSpec("Tab_2").setContent(R.id.tab2) 
    24. .setIndicator("TAB2", 
    25. this.getResources().getDrawable(R.drawable.img2))); 
    26. tabHost.addTab(tabHost.newTabSpec("Tab_3").setContent(R.id.tab3) 
    27. .setIndicator("TAB3", 
    28. this.getResources().getDrawable(R.drawable.img3))); 
    29. tabHost.setCurrentTab(1); 
    30. //      tabHost.setBackgroundColor(Color.GRAY); 
    31. tabHost.setOnTabChangedListener(new TabHost.OnTabChangeListener() { 
    32.  
    33. public void onTabChanged(String tabId) { 
    34. Dialog dialog = new AlertDialog.Builder(Test_TabWidget.this) 
    35. .setTitle("提示").setMessage( 
    36. "选中了" + tabId + "选项卡").setIcon(R.drawable.icon).setPositiveButton("确定", new DialogInterface.OnClickListener(){ 
    37.  
    38. public void onClick(DialogInterface dialog, 
    39. int which) { 
    40. // TODO Auto-generated method stub 
    41.  
    42. } 
    43.  
    44. }).create(); 
    45. dialog.show(); 
    46.  
    47. } 
    48.  
    49. }); 
    50. } 
    51. }

    第二种：就是定义我们自己的tabHost：不用继承TabActivity。

    在自定义TabHost时需要注意，创建TabHost时需要以下3个步骤： （1）在xml资源文件中创建TabHost节点，并将id设置为tabhost。 （2）创建TabWidget子节点，并设置id为tabs。 （3）创建FrameLayout子节点，用于显示内容，其id为tabcontent。 与使用TabActivity相比较不难发现，自定义TabHost时不需要继承TabActivity了，只需要简单继承Activity就可以了，这无疑给我们编程提供了更大的自由发挥的空间。因为我们知道继承虽然会给我们的编程带来很大程度的方便，但也同样带来了很多的条条 框框的限制。 让我们着重来看第二步获得TabHost对象，这里的获得TabHost对象的方法与使用TabActivity时又不一样了，具体方法为： m_TabHost = (TabHost)findViewById(android.R.id.tabhost); 我们发现得到TabHost的方法是最简单、最常见的findViewById()方法！这里的参数就是android.R.id.tabhost，也就是在xml资源文件中我们实现定义的： android:id="@android:id/tabhost" 需要注意的是，在获得了TabHost之后，我们需要调用： TabHost.setup() 调用了该方法之后，TabHost才设置完成可以正常使用。而在使用TabActvity时则不需这一步，因为在getTabHost()方法中已经完成了设置的工作。
    view source print ?
    01. <?xml version="1.0" encoding="utf-8"?>
    02. <TabHost xmlns:android="http://schemas.android.com/apk/res/android" 
    03. android:id="@+id/TabHost01" android:layout_width="fill_parent" 
    04. android:layout_height="fill_parent"> 
    05. <LinearLayout android:layout_width="fill_parent" 
    06. android:orientation="vertical" android:layout_height="fill_parent">   
    07. <FrameLayout android:id="@android:id/tabcontent"                                      //这里的id一定要是"@android:id/tabcontent"
    08. android:layout_width="fill_parent" 
    09. android:layout_height="fill_parent"> 
    10. <LinearLayout android:id="@+id/LinearLayout1" 
    11. android:layout_width="fill_parent" 
    12. android:layout_height="wrap_content"> 
    13. <TextView android:text="one" 
    14. android:id="@+id/TextView01" android:layout_width="wrap_content" 
    15. android:layout_height="wrap_content"> 
    16. </TextView> 
    17. </LinearLayout> 
    18. <LinearLayout android:id="@+id/LinearLayout2" 
    19. android:layout_width="wrap_content" 
    20. android:layout_height="wrap_content"> 
    21. <TextView android:text="two" 
    22. android:id="@+id/TextView02" android:layout_width="fill_parent" 
    23. android:layout_height="wrap_content"> 
    24. </TextView> 
    25. </LinearLayout> 
    26. <LinearLayout android:id="@+id/LinearLayout3" 
    27. android:layout_width="wrap_content" 
    28. android:layout_height="wrap_content"> 
    29. <TextView android:text="three" 
    30. android:id="@+id/TextView03" android:layout_width="fill_parent" 
    31. android:layout_height="wrap_content"> 
    32. </TextView> 
    33. </LinearLayout> 
    34. </FrameLayout> 
    35. <TabWidget android:id="@android:id/tabs"      //注意id表述方式，一定要是"@android:id/tabs"
    36. android:layout_width="fill_parent" 
    37. android:layout_height="wrap_content" />
    38. </LinearLayout> </TabHost>


    view source print ?
    01. import android.app.Activity; 
    02. import android.os.Bundle; 
    03. import android.util.Log; 
    04. import android.view.LayoutInflater; 
    05. import android.widget.TabHost; 
    06.  
    07. public class Test_TabHost extends Activity { 
    08. /** Called when the activity is first created. */ 
    09. private TabHost tabHost; 
    10.  
    11. @Override 
    12. public void onCreate(Bundle savedInstanceState) { 
    13. super.onCreate(savedInstanceState); 
    14. setContentView(R.layout.main); 
    15. try{ 
    16. tabHost = (TabHost) this.findViewById(R.id.TabHost01); 
    17. tabHost.setup(); 
    18.  
    19. tabHost.addTab(tabHost.newTabSpec("tab_1") 
    20. .setContent(R.id.LinearLayout1) 
    21. .setIndicator("TAB1",this.getResources().getDrawable(R.drawable.img1))); 
    22. tabHost.addTab(tabHost.newTabSpec("tab_2") 
    23. .setContent(R.id.LinearLayout2).setIndicator("TAB2", 
    24. this.getResources().getDrawable(R.drawable.img2))); 
    25. tabHost.addTab(tabHost.newTabSpec("tab_3") 
    26. .setContent(R.id.LinearLayout3).setIndicator("TAB3", 
    27. this.getResources().getDrawable(R.drawable.img3))); 
    28. tabHost.setCurrentTab(1); 
    29. }catch(Exception ex){ 
    30. ex.printStackTrace(); 
    31. Log.d("EXCEPTION", ex.getMessage()); 
    32. } 
    33. } 
    34. } 


    PS
    1、android中的TabActivity是专门用来放置TabHost组件的，但是很遗憾，非常固定，必须放在顶部，对于单手使用手机的人来说，很不方便。所以研究了一下如何将TabBar放置底部，具体思路是在xml布局文件中，将TabWidget放于FrameLayout的下面（两者是垂直线性的关系），并分配各个组件的权重。另外，如果想去掉Tab中那个丑陋的白线，可以通过设置其Padding实现。

    2、让自己的类继承TabActivity，然后通过调用getTabHost()方法得到tabhost对象，然后把自己写好的数据展示的布局文件加载到tabhost中，就可以实现了。最后是通过调用addTab（）方法添加标签的相关属性（如：标签名称，标签图片，标签内容布局）。
    而如果通过XML文件配置tabHost则需要注意的是，framelayout,tabwidget标签的id都必须引用系统的id（@android:id/tabcontent,@android:id/tabs），不然会报异常.在程序用使用findViewById()加载tabhost，然后调用tabhost.setup()方法初始化tabhost，后面的步骤则和上面一种一样
yantings
关注
Android TabHost组件使用方法详解
09-02
总结来说，Android的TabHost组件提供了一种方便的方式来组织应用的多个功能模块，用户可以通过标签页轻松切换。在实际开发中，我们可以根据需求自定义标签页的样式、内容和交互，为用户提供更友好的界面体验。需要...
TabHost的使用方法
leozhu24的专栏
08-13 524
TabHost是整个Tab的容器，包括两部分，TabWidget和FrameLayout；TabWidget就是每个tab的标签，FrameLayout则是tab内容。
tabhost基本用法（一）
u014150848的博客
10-31 622
TabHost基本用法（一） 接下来将会介绍两种TabHost的基本使用，虽然现在已经很少用（被废弃），但是要学习的话还是要认真从最基础的开始研究。 一、TabHost的组成TabHosat组件包含两部分： 1. TabWidget 其中tabwidget就是选项卡部分，有图标的部分，按下就可以跳到响应的页面。 2. FrameLayout 而FrameLayout就是页面内容部分，显
android Tabhost部件
weixin_34049032的博客
05-26 163
本文结合源代码和实例来说明TabHost的用法。       使用TabHost 可以在一个屏幕间进行不同版面的切换，例如android自带的拨号应用，截图：        查看tabhost的源代码，主要实例变量有： private TabWidget mTabWidget;    private FrameLayout mTabContent;    private List&lt;Ta...
TabHost的两种用法-Android学习笔记
jsjdtb356的博客
12-29 787
TabHost的两种用法 在项目实践过程中要用到tabhost控件，与winform中的tabcontrol控件功能类似，但是感觉tabcontrol简单，每个tab页都可以打开页面布局相对简单一些。总结一下TabHost的两种用法，当然不仅仅只是两种用法，是目前我用到的两种方法。 1.MainActicity继承Activity public class MainActivity ex
Android选项卡TabHost功能和用法
热门推荐
钻石
06-29 4万+
1、选项卡TabHost介绍 TabHost可以方便地在窗口上放置多个标签页，每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域 TabHost是一个简单的容器，提供如下两种方法来创建选项卡 newTabSpec(String tag):创建选项卡 addTab(TabHost.TabSpec tabSpec):添加选项卡 使用TabHost有三种方法 2、方法1，继承TabActivi...
TabHost两种实现方式
07-13
这篇博客“TabHost两种实现方式”探讨了如何在Android应用中使用TabHost来构建多标签视图。下面我们将深入讨论这两种实现方式及其相关知识点。 首先，我们要理解TabHost的基本概念。TabHost是一个容器，它能容纳一...
TabHost的两种使用方式
06-21
本篇文章将深入探讨TabHost的两种使用方式：XML布局和编程方式。 一、XML布局方式 1. 创建TabWidget：首先，在布局文件中创建一个TabWidget，它是TabHost中的标签视图。通过`android:id="@android:id/tabs"`来指定...
Android Tabhost使用方法详解
09-02
首先，我们来看看两种实现tab视图的方法。第一种方法是在布局文件中直接使用`<TabHost>`标签来定义各个选项卡。这种方法适用于简单的布局，所有的内容都在XML中定义。然而，当你的应用变得复杂时，XML文件可能会变得...
android TabHost(选项卡)的使用方法
01-20
最后，我们使用`my_tabhost.addTab()`方法将每个TabSpec添加到TabHost中，并通过`my_tabhost.setCurrentTab(0)`设定默认选中的选项卡。 通过这种方式，我们可以创建一个拥有三个选项卡的界面，每个选项卡对应一个...
TabHost使用（自定义按钮菜单）
03-09
TabHost使用（自定义按钮菜单）
Android垂直tab导航栏、左侧竖直tab导航栏
12-06
左侧竖向选项卡TAB导航烂,支持viewpager，不依赖viewpager,支持自定义tab样式,自带切换动画
Android组件必学之TabHost使用方法详解
01-05
一、TabHost用法 通常情况下我们会通过继承TabActivity，调用getTabHost()获取TabHost实例,下面是具体过程。 TabHostActivity.java public class TabHostActivity extends TabActivity { private TabHost tabHost; private Intent certificateIntent; private Intent feeIntent; private Intent scoreIntent; private Intent studyIntent; private
android tabhost用法 源码
10-14
详细介绍了安卓中tabhost的用法，有助于初学者学习
【Android从零单排系列二十八】《Android视图控件——TabHost》
再见孙悟空的专栏
06-30 1403
小伙伴们，在上文中我们介绍了Android视图组件HorizontalScrollView，本文我们继续盘点，介绍一下视图控件的TableHost。通常用于描述Android应用程序中实现Tab布局的一种方法。Tab布局是一种常见的用户界面布局方式，允许用户在不同的选项卡之间切换内容。在Android中，可以使用多种方式来实现Tab布局，其中一种常见的方法就是使用TabHost和TabWidget组件。
android选项卡TabHost功能和用法详解
最新发布
2401_84149882的博客
04-17 773
总而言之，Android开发行业变化太快，作为技术人员就要保持终生学习的态度，让学习力成为核心竞争力，所谓“活到老学到老”只有不断的学习，不断的提升自己，才能跟紧行业的步伐，才能不被时代所淘汰。在这里我分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司20年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。
Android中的TabHost
IT一分子
05-04 1068
有时，我们想在一个window中显示多个视图，这时就需要用到Tab容器。在Android里它叫TabHost。 使用TabHost有两种方式： 在相同的activity中使用TabHost导航多个视图使用TabHost导航多个Activity(通过intents) Tab应用的结构 TabHost的Activity的结构如下: 先看个示例： layout
tabhost ActivityGroup
az44yao的专栏
06-14 817
android tabhost位于底部 http://www.2cto.com/kf/201109/103995.html 关于Tab与TabHost，如何设置其为垂直方向 http://www.eoeandroid.com/thread-48264-1-1.html   Android入门第十五篇之ActivityGroup + GridView 实现Tab分页标签 . http:/
Android TabHost组件使用教程：定义Tab标签样式
"本文将详细介绍Android组件中的TabHost使用方法，包括如何定义Tab标签样式，以及如何创建和管理各个Tab页面。" 在Android开发中，TabHost是一个重要的组件，它用于创建具有多个选项卡的应用界面，每个选项卡都可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值