TabHost的几种实现方式

最新推荐文章于 2016-06-21 23:32:14 发布
最新推荐文章于 2016-06-21 23:32:14 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： Android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhangzeyuaaa/article/details/32136479
版权

继承TabActivity类，但是布局文件不使用TabHost控件

布局文件mytabactivity.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" > 

    <LinearLayout
        android:id="@+id/tab1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button1" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/tab2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button2" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/tab3"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button3" />

    </LinearLayout>
   
</LinearLayout>
activity类： 
package com.zzj.ui;

import android.app.TabActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.widget.TabHost;

@SuppressWarnings("deprecation")
public class MyTabActivity extends TabActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		init();
	}

	private void init() {
		TabHost tabHost = getTabHost();
		LayoutInflater.from(this).inflate(R.layout.mytabactivity, 
				tabHost.getTabContentView(), true);//关键代码
		tabHost.addTab(tabHost.newTabSpec("tag1").setIndicator("tab1").setContent(R.id.tab1));
		tabHost.addTab(tabHost.newTabSpec("tag2").setIndicator("tab2").setContent(R.id.tab2));
		tabHost.addTab(tabHost.newTabSpec("tag3").setIndicator("tab3").setContent(R.id.tab3));
		
		
	}
}
效果：


不继承TabActivity类，但是布局文件使用TabHost控件

在布局文件中定义TabHost，但是TabWidget的id必须是
@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。TabHost的id可以自定义。

布局文件mytabhost.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:baselineAligned="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TabHost
        android:id="@+id/tabhost"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1" >

        <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" >

                <LinearLayout
                    android:id="@+id/mtab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton1"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button1" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton2"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button2" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton3"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button3" />
                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </TabHost>


</LinearLayout>
Activity类： 
package com.zzj.ui;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TabHost;

public class MyTab extends Activity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.mytabhost);
		init();
	}

	private void init() {
		TabHost tabHost = (TabHost) this.findViewById(R.id.tabhost);
		tabHost.setup();// 关键代码
		tabHost.addTab(tabHost
				.newTabSpec("tag1")
				.setIndicator("tab1",
						getResources().getDrawable(R.drawable.toolbar_cost))
				.setContent(R.id.mtab1));
		tabHost.addTab(tabHost
				.newTabSpec("tag2")
				.setIndicator("tab2",
						getResources().getDrawable(R.drawable.toolbar_count))
				.setContent(R.id.mtab2));
		tabHost.addTab(tabHost
				.newTabSpec("tag3")
				.setIndicator("tab3",
						getResources().getDrawable(R.drawable.toolbar_discount))
				.setContent(R.id.mtab3));
	}
}
效果：

将选项卡显示在底部

使用不继承TabActivity的方式，只需要修改xml布局文件。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:baselineAligned="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TabHost
        android:id="@+id/tabhost"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1" >

        <RelativeLayout
            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"
                android:layout_alignParentBottom="true">
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <LinearLayout
                    android:id="@+id/mtab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton1"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button1" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton2"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button2" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton3"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button3" />
                </LinearLayout>
            </FrameLayout>
        </RelativeLayout>
    </TabHost>


</LinearLayout>

将TabWidget标签的父标签改为RelativeLayout，将TabWidget标签的属性layout_alignParentBottom设置为true。

效果：

综合以上两种方式

XML布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:baselineAligned="false"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="0dip"
        android:layout_height="match_parent"
        android:layout_weight="1" >

        <RelativeLayout
            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"
                android:layout_alignParentBottom="true">
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent" >

                <LinearLayout
                    android:id="@+id/mtab1"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton1"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button1" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab2"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton2"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button2" />
                </LinearLayout>

                <LinearLayout
                    android:id="@+id/mtab3"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent" >
                     <Button
            				android:id="@+id/mbutton3"
           			 		android:layout_width="wrap_content"
            				android:layout_height="wrap_content"
            				android:text="Button3" />
                </LinearLayout>
            </FrameLayout>
        </RelativeLayout>
    </TabHost>

</LinearLayout>
注意TabHost的id。

Activity类：

package com.zzj.ui;

import android.app.TabActivity;
import android.os.Bundle;
import android.widget.TabHost;

@SuppressWarnings("deprecation")
public class TabActivityHost extends TabActivity {
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.mytabhost);
		init();
	}

	private void init() {
		TabHost tabHost = getTabHost();
		
		tabHost.addTab(tabHost
				.newTabSpec("tag1")
				.setIndicator("tab1",
						getResources().getDrawable(R.drawable.toolbar_cost))
				.setContent(R.id.mtab1));
		tabHost.addTab(tabHost
				.newTabSpec("tag2")
				.setIndicator("tab2",
						getResources().getDrawable(R.drawable.toolbar_count))
				.setContent(R.id.mtab2));
		tabHost.addTab(tabHost
				.newTabSpec("tag3")
				.setIndicator("tab3",
						getResources().getDrawable(R.drawable.toolbar_discount))
				.setContent(R.id.mtab3));
	}
}
效果：


zhangzeyuaaa
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TabHost两种实现方式
07-13
NULL 博文链接：https://zxl-ong.iteye.com/blog/744809
TabHost两种不同的实现方式
weixin_30849591的博客
04-04 66
第一种：继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。只要定义具体Tab内容布局就行了 第二种：不用继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是 @android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。Ta...
TabHost的两种实现方式
XYJ的博客
06-21 1145
TabHost的两种使用方式
TabHost两种实现方式及各个方法的作用
阳阳的专栏
04-18 1069
android开发tabhost的两种方式     找了好多资料，最后总结一下，以后用到的话可以查阅 第一种： 不用继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是 @android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。TabHost的id可以自定义. xml布局：
创建TabHost的两种方式的简单分析
大雀儿飞飞的专栏
07-12 5616
最近做了一个TabHost的界面，在做的过程中发现了一些问题，故和大家分享一下。 首先我的界面如下： 目前就我所知，创建TabHost有两种方式，第一种是继承TabActivity类，然后用getTabHost方法来得到一个TabHost的实例，然后就可以给这个TabHost添加Tab了。示例代码如下： public class PlotHost extends TabActivit
TabHost的各种实现方式
07-17
现今很流行的 TabHost的各种实现方式的代码
自定义TabHost实现
05-20
tabhost，tab控制按钮图片文字切换，自己可以任意定义变更。
TabHost的两种使用方式
06-21
TabHost的两种实现方式
TabHost+ViewPager实现滑动tabhost
11-22
TabHost+ViewPager实现滑动tabhost, viewPager;tabhost;滑动;源码
MyTabHost.zip
09-16
使用ActivityGroup实现TabHost的点击切换界面效果，比TabHost速度更快，更好控制。
android控件之tab,tabhost用法实例源码
09-03
学习tab，tabhost的朋友们，这是一个挺漂亮的tab，tabhost的源码实例，可以下载下来装在自己的eclipse上学习哦。
tabHost实现底部菜单
08-17
ragdioGroup和fragmnet实现底部菜单,以及用fragment和tabhost实现底部菜单的demo
TabHost学习总结
07-31
NULL 博文链接：https://xwangly.iteye.com/blog/1096915
实现TabHost有两种方式：
路在脚下
03-07 376
http://www.07net01.com/program/649653.html 一、 1.不继承TabActivity 2.在布局文件中定义TabHost 1.图文解意：在布局文件tabhostdemo1.xml里怎么定义tabhost，大家看下面的图片（部分代码）即可，文章最后都会贴出完整代码 【注意】这里需要强调的是TabWidget的id必须是@a
【Android】弹出菜单popupmenu
热门推荐
岁月静好
11-02 3万+
弹出菜单就是点击某个组件时弹出的菜单。 Activity类：
【Android】actionbar显示选项菜单
岁月静好
11-04 2万+
Actionbar是android3.0的重要更新之一。
Android数据过滤器：Filter
岁月静好
10-17 1万+
类图：
【Android】Service通过广播更新UI
岁月静好
11-15 1万+
定义一个activity，在activity中定义一个内部广播接收器
tabhost实现左侧选项卡
最新发布
06-08
TabHost 是 Android 中常用的一个布局控件，可以用于实现选项卡的效果。要实现左侧选项卡，可以通过以下步骤： 1. 在布局文件中，使用 TabHost 控件，并设置其高度和宽度为 match_parent。 2. 在 TabHost 中添加一...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值