Android - TabHost 选项卡功能用法详解

article/2025/9/9 21:48:07

一、实例

      

 二.、TabHost介绍

TabHost组件可以在界面中存放多个选项卡, 很多软件都使用了改组件进行设计;

1. TabHost常用组件

TabWidget : 该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡;

TabSpec : 代表了选项卡界面, 添加一个TabSpec即可添加到TabHost中;

-- 创建选项卡 : newTabSpec(String tag), 创建一个选项卡;

-- 添加选项卡 : addTab(tabSpec);

2. TabHost使用步骤

a. 定义布局 : 在XML文件中使用TabHost组件, 并在其中定义一个FrameLayout选项卡内容;

b. 继承TabActivity : 显示选项卡组件的Activity继承TabActivity;

c. 获取组件 : 通过调用getTabHost()方法, 获取TabHost对象;

d. 创建添加选项卡 : 通过TabHost创建添加选项卡;

3. 将按钮放到下面

布局文件中TabWidget代表的就是选项卡按钮, Fragement组件代表内容;

设置失败情况 : 如果Fragement组件没有设置 Android:layout_weight属性, 那么将TabWidget放到下面, 可能不会显示按钮;

设置权重 : 设置了Fragment组件的权重之后, 就可以成功显示该选项卡按钮;

三、TabHost布局文件

1. 根标签及id

设置Android自带id : XML布局文件中, 可以使用<TabHost> 标签设置, 其中的id 需要引用 android的自带id : android:id="@android:id/tabhost" ;

getHost()获取前提 : 设置了该id之后, 在Activity界面可以使用 getHost(), 获取这个TabHost 视图对象;

示例 :

  1.  <TabHost  
  2.     android:id="@android:id/tabhost"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent" >

选项卡切换 : 该组件是选项卡切换按钮, 通过点击该组件可以切换选项卡;

设置android自带id : 这个组件的id要设置成android的自带id : android:id="@android:id/tabs" ;

TabHost必备组件 : 该组件与FrameLayout组件是TabHost组件中必备的两个组件;

切换按钮下方显示 : 如果想要将按钮放到下面, 可以将该组件定义在下面, 但是注意,FrameLayout要设置android:layout_widget = "1"; 

设置TabWidget大小 : 如果想要设置该按钮组件的大小, 可以设置该组件与FrameLayout组件的权重; 

示例 : 

  1. <TabWidget   
  2.     android:id="@android:id/tabs"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="wrap_content"  
  5.     android:orientation="horizontal"/>  

3. FrameLayout组件

组件作用 : 该组件中定义的子组件是TabHost中每个页面显示的选项卡, 可以将TabHost选项卡显示的视图定义在其中;

设置android自带id : 这个组件的id要设置成android的自带的id : android:id="@android:id/tabcontent" ;

示例 : 


  1. <FrameLayout   
  2.     android:id="@android:id/tabcontent"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:layout_weight="1"> 

四、Activity方法

1. 获取TabHost

获取方法 : getHost();

前提 : 调用getHost()方法获取TabHost组件的方法的前提是在布局文件中, 设置了android自带的id android:id="@android:id/tabhost" 才可以;

2. 创建选项卡

创建选项卡 : 调用TabHost组件的newTabHost(tag), 其中的tag是字符串, 即在选项卡的唯一标识;

3、设置选项卡 :

设置按钮名称 : setIndicator("叫兽");

设置选项卡内容 : setContent(), 可以设置视图组件, 可以设置Activity, 也可以设置Fragement;

添加选项卡 : tabHost.add(spec), 传入的参数是创建选项卡的TabSpec对象;

五、代码 

XML布局文件 : 


  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@android:id/tabhost"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent" >  
  6.       
  7.     <LinearLayout   
  8.         android:layout_width="fill_parent"  
  9.         android:layout_height="fill_parent"  
  10.         android:orientation="vertical">  
  11.           
  12.         <TabWidget   
  13.             android:id="@android:id/tabs"  
  14.             android:layout_width="fill_parent"  
  15.             android:layout_height="wrap_content"  
  16.             android:orientation="horizontal"/>  
  17.           
  18.         <FrameLayout   
  19.             android:id="@android:id/tabcontent"  
  20.             android:layout_width="fill_parent"  
  21.             android:layout_height="fill_parent"  
  22.             android:layout_weight="1">  
  23.               
  24.             <LinearLayout   
  25.                 android:id="@+id/alwayswet"  
  26.                 android:layout_width="fill_parent"  
  27.                 android:layout_height="fill_parent"  
  28.                 android:orientation="vertical">  
  29.                 <ImageView   
  30.                     android:scaleType="fitXY"  
  31.                     android:layout_height="fill_parent"  
  32.                     android:layout_width="fill_parent"  
  33.                     android:src="@drawable/alwayswet"/>  
  34.             </LinearLayout>  
  35.               
  36.             <LinearLayout   
  37.                 android:id="@+id/isanimal"  
  38.                 android:layout_width="fill_parent"  
  39.                 android:layout_height="fill_parent"  
  40.                 android:orientation="vertical">  
  41.                 <ImageView   
  42.                     android:scaleType="fitXY"  
  43.                     android:layout_height="fill_parent"  
  44.                     android:layout_width="fill_parent"  
  45.                     android:src="@drawable/isanimal"/>  
  46.             </LinearLayout>  
  47.               
  48.             <LinearLayout   
  49.                 android:id="@+id/nezha"  
  50.                 android:layout_width="fill_parent"  
  51.                 android:layout_height="fill_parent"  
  52.                 android:orientation="vertical">  
  53.                 <ImageView   
  54.                     android:scaleType="fitXY"  
  55.                     android:layout_height="fill_parent"  
  56.                     android:layout_width="fill_parent"  
  57.                     android:src="@drawable/nazha"/>  
  58.             </LinearLayout>  
  59.                           
  60.         </FrameLayout>  
  61.           
  62.     </LinearLayout>  
  63.       
  64. </TabHost>  

Activity主界面代码 : 

  1. package shuliang.han.tabhost_test;  
  2.   
  3. import android.app.TabActivity;  
  4. import android.os.Bundle;  
  5. import android.widget.TabHost;  
  6. import android.widget.TabHost.TabSpec;  
  7.   
  8. public class MainActivity extends TabActivity {  
  9.   
  10.     @Override  
  11.     protected void onCreate(Bundle savedInstanceState) {  
  12.         super.onCreate(savedInstanceState);  
  13.         setContentView(R.layout.tabhost);  
  14.           
  15.         TabHost tabHost = getTabHost();  
  16.           
  17.         TabSpec page1 = tabHost.newTabSpec("tab1")  
  18.                 .setIndicator("叫兽")  
  19.                 .setContent(R.id.isanimal);  
  20.         tabHost.addTab(page1);  
  21.           
  22.         TabSpec page2 = tabHost.newTabSpec("tab2")  
  23.                 .setIndicator("老湿")  
  24.                 .setContent(R.id.alwayswet);  
  25.         tabHost.addTab(page2);  
  26.           
  27.         TabSpec page3 = tabHost.newTabSpec("tab3")  
  28.                 .setIndicator("哪吒")  
  29.                 .setContent(R.id.nezha);  
  30.         tabHost.addTab(page3);  
  31.     }  
  32.   
  33. }  

 

由于本人初写博客，写的不好的地方还请大家能批评指正，希望能和大家相互学习、相互交流、共同成长。


http://chatgpt.dhexx.cn/article/MxUCWhfX.shtml

相关文章

【转】TabHost详解

【转】TabHost详解

请大家尊重作者版权&#xff0c;转载请标明出处&#xff1a;http://blog.csdn.net/harvic880925/article/details/17120325 前言&#xff1a;今天仔细研究了下TabHost&#xff0c;主要是为了实现微信底部导航栏的功能&#xff0c;最后也给出一个链接&#xff0c;这位老兄用TabH…
阅读更多...
Android入门第十一篇之TabHost,TabWidget

Android入门第十一篇之TabHost,TabWidget

本文来自http://blog.csdn.net/hellogv/ &#xff0c;引用必须注明出处&#xff01; 这回要介绍的是Android的Tab控件&#xff0c;Tab控件可以达到分页的效果&#xff0c;让一个屏幕的内容尽量丰富&#xff0c;当然也会增加开发的复杂程度&#xff0c;在有必要的时候再使用。An…
阅读更多...
android Tabhost部件

android Tabhost部件

本文结合源代码和实例来说明TabHost的用法。 使用TabHost 可以在一个屏幕间进行不同版面的切换&#xff0c;例如android自带的拨号应用&#xff0c;截图&#xff1a; 查看tabhost的源代码&#xff0c;主要实例变量有&#xff1a; private TabWidget mTabWidget; …
阅读更多...
TabHost的用法

TabHost的用法

http://blog.csdn.net/lastsweetop/article/details/5566200 本文结合源代码和实例来说明TabHost的用法。 使用TabHost 可以在一个屏幕间进行不同版面的切换&#xff0c;例如android自带的拨号应用&#xff0c;截图&#xff1a; 查看tabhost的源代码&#xff0…
阅读更多...
ViewPager和Tabhost结合，可滑动的tabhost

ViewPager和Tabhost结合，可滑动的tabhost

有朋友反映资源下载下来有问题&#xff0c;我看了下&#xff0c;确实是&#xff0c;已更新下面文章中的代码和资源&#xff0c;现在可以好好的跑起来了&#xff0c;另外还改动了个小地方的逻辑&#xff0c;因为我在使用中出了点小错&#xff0c;需要的可以试下。另外&#xff0…
阅读更多...
TabSpec和TabHost实例

TabSpec和TabHost实例

TabSpec与TabHost TabHost相当于浏览器中浏览器分布的集合&#xff0c;而Tabspec则相当于浏览器中的每一个分页面。d在Android中&#xff0c;每一个TabSpec分布可以是一个组件&#xff0c;也可以是一个布局&#xff0c;然后将每一个分页装入TabHost中&#xff0c;TabHost即可将…
阅读更多...
Android中的TabHost

Android中的TabHost

介绍 有时&#xff0c;我们想在一个window中显示多个视图&#xff0c;这时就需要用到Tab容器。在Android里它叫TabHost。 使用TabHost有两种方式&#xff1a; 在相同的activity中使用TabHost导航多个视图使用TabHost导航多个Activity(通过intents) Tab应用的结构 TabHost的A…
阅读更多...
Android修行手册 - TabHost回忆

Android修行手册 - TabHost回忆

往期文章分享 点击跳转>《导航贴》- Unity手册&#xff0c;系统实战学习点击跳转>《导航贴》- Android手册&#xff0c;重温移动开发 &#x1f449;关于作者 众所周知&#xff0c;人生是一个漫长的流程&#xff0c;不断克服困难&#xff0c;不断反思前进的过程。在这个过…
阅读更多...
Android TabHost的使用

Android TabHost的使用

1. 最简单的TabHost&#xff0c;Tab来自于layout下的元素 &#xff08;只从1个Layout中取数据&#xff09; &#xff08;1&#xff09;效果图 &#xff08;2&#xff09;代码 1&#xff09;tab_demo.xml <?xml version"1.0" encoding"utf-8"?&g…
阅读更多...
TabHost详解

TabHost详解

前言&#xff1a;今天仔细研究了下TabHost&#xff0c;主要是为了实现微信底部导航栏的功能&#xff0c;最后也给出一个链接&#xff0c;这位老兄用TabHost基本做出来了微信导航栏。 正文 TabHost的实现分为两种&#xff0c;一个是不继承TabActivity&#xff0c;一个是继承自…
阅读更多...
Android选项卡TabHost功能和用法

Android选项卡TabHost功能和用法

1、选项卡TabHost介绍 TabHost可以方便地在窗口上放置多个标签页&#xff0c;每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域 TabHost是一个简单的容器&#xff0c;提供如下两种方法来创建选项卡 newTabSpec(String tag):创建选项卡 addTab(TabHost.TabSpec tabS…
阅读更多...
[Android] 选项卡组件TabHost

[Android] 选项卡组件TabHost

Tab选项卡实现多个分页之间的快速切换&#xff0c;每个分页可以显示不同的内容&#xff0c;在Android平台提供了TabHost组件实现Tab选项卡的功能&#xff0c;选项卡组件的主要功能是可以进行应用程序分类管理。 每个选项卡称为一个Tab&#xff0c;而包含这多个选项卡的容器称为…
阅读更多...
交叉熵：计算交叉熵损失函数nn.CrossEntropyLoss()

交叉熵：计算交叉熵损失函数nn.CrossEntropyLoss()

首先要提出的问题是。。。什么是损失函数&#xff1f;干什么的&#xff08;功能&#xff09;&#xff1f;类型有哪些&#xff1f; 1.什么是损失函数&#xff1f; 损失函数&#xff08;loss function&#xff09;或 代价函数&#xff08;cost function&#xff09;是将随机事件或…
阅读更多...
softmax函数与交叉熵损失函数

softmax函数与交叉熵损失函数

本文主要介绍了当前机器学习模型中广泛应用的交叉熵损失函数与softmax激励函数。 这个损失函数主要应用于多分类问题&#xff0c;用于衡量预测值与实际值之间的相似程度。 交叉熵损失函数定义如下: L C E ( y ^ , y ∗ ) − ∑ i 1 N c l a s s e s y i ∗ l o g ( y i ^ …
阅读更多...
【交叉熵损失函数】关于交叉熵损失函数的一些理解

【交叉熵损失函数】关于交叉熵损失函数的一些理解

目录 0. 前言1.损失函数&#xff08;Loss Function&#xff09;1.1 损失项1.2 正则化项 2. 交叉熵损失函数2.1 softmax2.2 交叉熵 0. 前言 有段时间没写博客了&#xff0c;前段时间主要是在精读一些计算机视觉的论文&#xff08;比如yolov1&#xff09;&#xff0c;以及学cs23…
阅读更多...
CrossEntropy交叉熵损失函数及softmax函数的理解

CrossEntropy交叉熵损失函数及softmax函数的理解

参考链接1 参考链接2 参考链接3 参考链接4 &#xff08;一&#xff09;什么是Sigmoid函数和softmax函数&#xff1f; 提到二分类问题容易想到逻辑回归算法&#xff0c;而逻辑回归算法最关键的步骤就是将线性模型输出的实数域映射到[0, 1]表示概率分布的有效实数空间&#xff…
阅读更多...
【基础篇】交叉熵损失函数（Cross Entropy Loss）

【基础篇】交叉熵损失函数（Cross Entropy Loss）

文章目录 1. 理论知识2. 代码 1. 理论知识 我们需要关注那些按常理来说不太可能发生的事情。『信息量』就是用来度量事件的不确定性&#xff0c; 事件包含的信息量应与其发生的概率负相关 。假设 X X X是一个离散型随机变量&#xff0c;它的取值集合为 { x 1 , x 2 , . . . ,…
阅读更多...
损失函数-交叉熵的推导和二分类交叉熵

损失函数-交叉熵的推导和二分类交叉熵

交叉熵 期望&#xff1a; 期望就是所有随机变量的均值。 E(X)X1*P&#xff08;X1&#xff09;X2*P&#xff08;X2&#xff09;X3*P&#xff08;X3&#xff09; 熵&#xff1a; 熵表示所有信息量的期望。 信息量如何计算呢&#xff1f; 概率值取Log&#xff0c;然后加个负…
阅读更多...
深度学习中的损失函数（交叉熵）

深度学习中的损失函数（交叉熵）

0、前景介绍 对于线性回归模型适用于输出为连续值的情景&#xff0c;但是在模型输出是一个像图像类别这样的离散值时。对于这样离散值的预测问题&#xff0c;通常使用一些例如sigmoid/softmax的分类模型。 1. 图像分类任务 假设下面两个模型都是通过softmax的方式得到对于每…
阅读更多...
图示Softmax及交叉熵损失函数

图示Softmax及交叉熵损失函数

Softmax函数 Softmax是将神经网络得到的多个值&#xff0c;进行归一化处理&#xff0c;使得到的值在之间&#xff0c;让结果变得可解释。即可以将结果看作是概率&#xff0c;某个类别概率越大&#xff0c;将样本归为该类别的可能性也就越高。Softmax就如下图&#xff08;借鉴李…
阅读更多...
推荐文章

Copyright @ 2022~2023