TabHost详解

最新推荐文章于 2023-06-30 10:15:13 发布
最新推荐文章于 2023-06-30 10:15:13 发布
阅读量472 收藏
点赞数 1
分类专栏： Android基础 文章标签： TabHost详解

正文

TabHost的实现分为两种，一个是不继承TabActivity，一个是继承自TabActivity；当然了选用继承自TabActivity的话就相对容易一些，下面来看看分别是怎样来实现的吧。

方法一、定义tabhost：不用继承TabActivity

 1、布局文件：activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"   
    android:orientation="vertical"  
    tools:context=".MainActivity" >  
    <Button  
        android:id="@+id/button1"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="Button" />  
     <TabHost  
        android:id="@+id/tabhost"  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content">  
  
        <LinearLayout  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"  
            android:orientation="vertical" >  
  
            <TabWidget  
                android:id="@android:id/tabs"  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content" >  
            </TabWidget>  
  
            <FrameLayout  
                android:id="@android:id/tabcontent"  
                android:layout_width="match_parent"  
                android:layout_height="match_parent" >  
  
                <!-- 第一个tab的布局 -->  
                <LinearLayout  
                    android:id="@+id/tab1"  
                    android:layout_width="match_parent"  
                    android:layout_height="match_parent" >  
  
                    <TextView  
                        android:id="@+id/textView1"  
                        android:layout_width="wrap_content"  
                        android:layout_height="wrap_content"  
                        android:text="林炳东" />  
  
                </LinearLayout>  
  
                <!-- 第二个tab的布局 -->  
                <LinearLayout  
                    android:id="@+id/tab2"  
                    android:layout_width="match_parent"  
                    android:layout_height="match_parent" >  
  
                    <TextView  
                        android:id="@+id/textView2"  
                        android:layout_width="wrap_content"  
                        android:layout_height="wrap_content"  
                        android:text="张小媛" />  
  
                </LinearLayout>  
  
                <!-- 第三个tab的布局 -->  
                <LinearLayout  
                    android:id="@+id/tab3"  
                    android:layout_width="match_parent"  
                    android:layout_height="match_parent" >  
  
                    <TextView  
                        android:id="@+id/textView3"  
                        android:layout_width="wrap_content"  
                        android:layout_height="wrap_content"  
                        android:text="马贝贝" />  
  
                </LinearLayout>  
            </FrameLayout>  
        </LinearLayout>  
    </TabHost>   
      
</LinearLayout>
2、JAVA代码
  1. public class MainActivity extends Activity {  
  2.   
  3.     @Override  
  4.     protected void onCreate(Bundle savedInstanceState) {  
  5.         super.onCreate(savedInstanceState);  
  6.         setContentView(R.layout.activity_main);  
  7.           
  8.         TabHost th=(TabHost)findViewById(R.id.tabhost);  
  9.         th.setup();            //初始化TabHost容器  
  10.           
  11.         //在TabHost创建标签，然后设置：标题／图标／标签页布局  
  12.         th.addTab(th.newTabSpec("tab1").setIndicator("标签1",getResources().getDrawable(R.drawable.ic_launcher)).setContent(R.id.tab1));  
  13.         th.addTab(th.newTabSpec("tab2").setIndicator("标签2",null).setContent(R.id.tab2));  
  14.         th.addTab(th.newTabSpec("tab3").setIndicator("标签3",null).setContent(R.id.tab3));      
  15.   
  16.        //上面的null可以为getResources().getDrawable(R.drawable.图片名)设置图标   
  17.   
  18.     }  
  19. }  
源码地址http://pan.baidu.com/s/1bpmdVd1

方法二：Tab的内容分开：不用继承TabActivity

 1、第一个tab的XML布局文件，tab1.xml:

<?xml version="1.0" encoding="UTF-8"?>  
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
       android:id="@+id/LinearLayout01"   
       android:layout_width="wrap_content"  
       android:layout_height="wrap_content">  
       <TextView   
            android:text="我是标签1的内容喔"  
            android:id="@+id/TextView01"   
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content">  
       </TextView>  
 </LinearLayout>

2、第二个tab的XML布局文件，tab2.xml: 

<?xml version="1.0" encoding="UTF-8"?>  
<LinearLayout  xmlns:android="http://schemas.android.com/apk/res/android"  
        android:id="@+id/LinearLayout02"  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content">  
  
        <TextView android:text="标签2"  
                  android:id="@+id/TextView01"   
                  android:layout_width="wrap_content"  
                  android:layout_height="wrap_content" />  
</LinearLayout>

3、主布局文件，activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:orientation="vertical" >  
  
    <TabHost  
        android:id="@+id/tabhost"           
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
  
        <LinearLayout  
            android:layout_width="match_parent"  
            android:layout_height="match_parent"  
            android:orientation="vertical" >  
  
            <TabWidget  
                android:id="@android:id/tabs"  
                android:layout_width="match_parent"  
                android:layout_height="wrap_content" >  
            </TabWidget>  
  
            <FrameLayout  
                android:id="@android:id/tabcontent"  
                android:layout_width="match_parent"  
                android:layout_height="match_parent" >  
                  
            </FrameLayout>  
        </LinearLayout>  
    </TabHost>  
  
</LinearLayout>

4、JAVA代码：

public class MainActivity extends Activity {  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
          
        TabHost m = (TabHost)findViewById(R.id.tabhost);  
        m.setup();  
          
        LayoutInflater i=LayoutInflater.from(this);  
        i.inflate(R.layout.tab1, m.getTabContentView());  
        i.inflate(R.layout.tab2, m.getTabContentView());//动态载入XML，而不需要Activity  
          
        m.addTab(m.newTabSpec("tab1").setIndicator("标签1").setContent(R.id.LinearLayout01));    
            m.addTab(m.newTabSpec("tab2").setIndicator("标签2").setContent(R.id.LinearLayout02));   
  
    }  
}


 方法三：继承自TabActivity

1、主布局文件，activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>  
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent">  
  
    <!-- 第一个布局 -->  
    <LinearLayout     
        android:id="@+id/view1"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >        
        <TextView  
            android:id="@+id/textView1"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="张小媛" />  
    </LinearLayout>  
  
    <!-- 第二个布局 -->  
    <LinearLayout     
        android:id="@+id/view2"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent" >  
          
        <TextView  
            android:id="@+id/textView2"  
            android:layout_width="wrap_content"  
            android:layout_height="wrap_content"  
            android:text="马贝贝" />  
    </LinearLayout>  
  
    <!-- 第三个布局 -->  
    <TextView android:id="@+id/view3"   
        android:background="#00ff00"  
        android:layout_width="fill_parent"  
        android:layout_height="fill_parent"  
        android:text="Tab3"/>  
  
</FrameLayout>

2、JAVA代码： 

 先将派生自Activity改为TabActivity，然后代码如下：

public class MainActivity extends TabActivity {  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setTitle("TabDemoActivity");  
        TabHost tabHost = getTabHost();  
        LayoutInflater.from(this).inflate(R.layout.activity_main,  
                tabHost.getTabContentView(), true);  
        tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("tab1", getResources().getDrawable(R.drawable.ic_launcher))  
                .setContent(R.id.view1));  
        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("tab2")  
                .setContent(R.id.view2));  
        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("tab3")  
                .setContent(R.id.view3));  
          
          
         //标签切换事件处理，setOnTabChangedListener  
        tabHost.setOnTabChangedListener(new OnTabChangeListener(){    
            @Override  
            public void onTabChanged(String tabId) {  
                if (tabId.equals("tab1")) {   //第一个标签  
                }  
                if (tabId.equals("tab2")) {   //第二个标签  
                }  
                if (tabId.equals("tab3")) {   //第三个标签  
                }  
            }              
        });   
          
          
    }  
  
}

 四：实现微信底部导航栏



实现微信底部导航栏源码地址：http://pan.baidu.com/s/1hsJJGnq




zhupengqq
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
安卓tabhost详解
04-04
详细解答安卓tahost的用法，以及如何对于tahost的界面进行美化
Android选项卡TabHost功能和用法
热门推荐
钻石
06-29 4万+
1、选项卡TabHost介绍 TabHost可以方便地在窗口上放置多个标签页，每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域 TabHost是一个简单的容器，提供如下两种方法来创建选项卡 newTabSpec(String tag):创建选项卡 addTab(TabHost.TabSpec tabSpec):添加选项卡 使用TabHost有三种方法 2、方法1，继承TabActivi...
[Android] 选项卡组件TabHost
sam___1的博客
04-24 4996
Tab选项卡实现多个分页之间的快速切换，每个分页可以显示不同的内容，在Android平台提供了TabHost组件实现Tab选项卡的功能，选项卡组件的主要功能是可以进行应用程序分类管理。 每个选项卡称为一个Tab，而包含这多个选项卡的容器称为TabHost。 1.TabHost的常用方法 public TabHost (Context context)： 创建TabHost类对象 public void addTab(TabHost.TabSpec tabSpec)：增加一个tab public Tab.
【Android从零单排系列二十八】《Android视图控件——TabHost》
再见孙悟空的专栏
06-30 1147
小伙伴们，在上文中我们介绍了Android视图组件HorizontalScrollView，本文我们继续盘点，介绍一下视图控件的TableHost。通常用于描述Android应用程序中实现Tab布局的一种方法。Tab布局是一种常见的用户界面布局方式，允许用户在不同的选项卡之间切换内容。在Android中，可以使用多种方式来实现Tab布局，其中一种常见的方法就是使用TabHost和TabWidget组件。
TabHost的使用及原理
sirenyizhi的博客
02-16 8205
TabHost的使用 一、在了解TabHost之前，有以下知识是需要了解的： 1、TabHost的xml文件中，TabHost、TabWidget和显示TabHost的部分（通常用FrameLayout），这3部分的id是不可修改的，必须使用Android提供的id。 2、TabHost在自定义前，需要初始化，也就是调用tab.setup(); 3、使用TabHost在几个activity
TabHost详解 博文对应源码（二）
12-04
《TabHost详解》对应源码之二，博客地址：http://blog.csdn.net/harvic880925/article/details/17120325
TabHost详解 博文对应源码（一）
12-04
《TabHost详解》对应源码，博客地址：http://blog.csdn.net/harvic880925/article/details/17120325
TabHost详解 博文对应源码（三）：继承自TabActivity
12-04
《TabHost详解》对应源码之三：继承自TabActivity，博客地址：http://blog.csdn.net/harvic880925/article/details/17120325
Android Tabhost使用方法详解
09-02
主要为大家详细介绍了Android Tabhost使用方法，如何利用TabHost 实现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-28
android TabHost使用详解 TabHost从布局到代码的使用步骤
TabHost的简单使用
08-10
Android TabHost TabActivity TabHost的简单使用
TabHost的使用方法
04-29
TabHost的使用方法，适合初学者，适合课堂讲授实现模拟显示未接来电、已接来电和拨出电话的选项卡。
第07章：自定义标签
异侠
10-07 308
文章目录定制标签简介原因简单标签简介及使用步骤1. 编写简单标签实现类2. 编写TLD文件（标签库描述符文件）3. 在web.xml中配置TLD文件4. 在JSP页面中使用taglib简单标签的接口简单标签类标准标签简介及使用标准标签的实现步骤1. 编写标准标签实现类2. 编写TLD文件(同简单标签)3. 在web.xml中配置TLD文件(同简单标签)4. 在JSP页面中使用taglib(同简单标签)Tag接口IterationTag接口IterationTag接口方法IterationTag接口属性Bod
android tabhost用法详解,android Tabhost部件详解
weixin_28950403的博客
05-29 629
本文结合源代码和实例来说明TabHost的用法。使用TabHost 可以在一个屏幕间进行不同版面的切换，例如android自带的拨号应用，截图：查看tabhost的源代码，主要实例变量有：private TabWidget mTabWidget;private FrameLayout mTabContent;private List mTabSpecs也就是说我们的tabhost必须有这三个东西，...
tabhost基本用法（一）
u014150848的博客
10-31 596
TabHost基本用法（一） 接下来将会介绍两种TabHost的基本使用，虽然现在已经很少用（被废弃），但是要学习的话还是要认真从最基础的开始研究。 一、TabHost的组成TabHosat组件包含两部分： 1. TabWidget 其中tabwidget就是选项卡部分，有图标的部分，按下就可以跳到响应的页面。 2. FrameLayout 而FrameLayout就是页面内容部分，显
TabHost的两种实现方式
XYJ的博客
06-21 1145
TabHost的两种使用方式
TabHost 方法使用详解
最新发布
08-12
下面是 TabHost 的使用方法详解： 1. 在 XML 布局文件中添加 TabHost 控件： ```xml <TabHost android:id="@android:id/tabhost" android:layout_width="match_parent" android:layout_height="match_parent"> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值