android tabhost --android UI 学习

最新推荐文章于 2024-04-17 00:22:07 发布
最新推荐文章于 2024-04-17 00:22:07 发布
阅读量98 收藏
点赞数
文章标签： android UI Tabhost AcitvityGroup tabactivity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/choha1985/article/details/83980606
版权
最近由于项目原因，需要使用tabhost，写一下自己的使用方法

实现TabHost有三种方式：继承自TabActivity，ActivityGroup和自定义的Activity

1.使用TabAcitvity

TabActivity他自己包含一个Tabhost,我们通过getTabhost(),也不需要调用setContentView()设置layout。如果设置一定要按照android SDK的规定进行设置。SDK规定的是：TabHost，TabWidget，FrameLayout的id必须为@android:id/tabhost，@android:id/tabs
，@android:id/tabcontent；
<TabHost xmlns:android="http://schemas.android.com/apk/res/android" android:id="@android:id/tabhost" android:layout_height="match_parent"
android:layout_width="fill_parent" android:background="@drawable/inde_bg">
<LinearLayout android:orientation="vertical" android:id="@+id/layout1"
android:layout_width="fill_parent" android:layout_height="fill_parent">

<TabWidget android:id="@android:id/tabs"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
</TabWidget>
<FrameLayout android:id="@android:id/tabcontent"
android:layout_width="wrap_content" android:layout_height="wrap_content">
</FrameLayout>
</LinearLayout>

</TabHost>
否则会报什么需要设置相应的id。
实现代码如下（需要的图片包括在zip文件中）： 

         public class IndexActicity extends TabActivity  {
	private int index_tab = 0;
	private TabWidget tabWidget;

	@Override
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);
		DisplayMetrics dm = new DisplayMetrics();
		getWindowManager().getDefaultDisplay().getMetrics(dm);
		Constant.WIDTH = dm.widthPixels;
		Constant.HEIGHT= dm.heightPixels;
		TabHost t =getTabHost();
		t.setBackgroundDrawable(getResources().getDrawable(R.drawable.inde_bg));
		t.setPadding(0, 0, 0, 0);
		tabWidget = t.getTabWidget();

		LayoutInflater fi = LayoutInflater.from(IndexActicity.this);

		View view = fi.inflate(R.layout.tab_layout, null);
		LinearLayout ll = (LinearLayout) view.findViewById(R.id.tablayout);
		View tab1 = view.findViewById(R.id.tab1);
		View tab2 = view.findViewById(R.id.tab2);
		View tab3 = view.findViewById(R.id.tab3);
		View tab4 = view.findViewById(R.id.tab4);
		ll.removeAllViews();
		t.addTab(t.newTabSpec("1").setIndicator(tab1
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity1.class)));
		t.addTab(t.newTabSpec("2").setIndicator(tab2
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity2.class)));
		t.addTab(t.newTabSpec("3").setIndicator(tab3
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity3.class)));
		t.addTab(t.newTabSpec("4").setIndicator(tab4).setContent(
				new Intent(IndexActicity.this, TabActivity4.class)));
		tabWidget.setBackgroundColor(getResources().getColor(R.color.alpha_00));
		tabWidget.setBaselineAligned(true);
		tab1.setBackgroundDrawable(getResources().getDrawable(
				R.drawable.menu_bg));
		for (int i = 0; i < tabWidget.getChildCount(); i++) {
			tabWidget.getChildAt(i).getLayoutParams().width = Constant.WIDTH / 4;
			tabWidget.getChildAt(i).getLayoutParams().height=50;
		}
		t.setOnTabChangedListener(new OnTabChangeListener() {

			@Override
			public void onTabChanged(String tabId) {
				tabChanged(tabId);
			}
		});

	}
//捕获tab变化事件
	public void tabChanged(String tabId) {
		if (index_tab != (Integer.valueOf(tabId) - 1)) {
			tabWidget.getChildAt(Integer.valueOf(tabId) - 1)
					.setBackgroundDrawable(
							getResources().getDrawable(R.drawable.menu_bg));
			tabWidget.getChildAt(index_tab).setBackgroundDrawable(null);

			index_tab = Integer.valueOf(tabId) - 1;
		}
	}
}

运行结构如图1
[img]
[img]http://dl.iteye.com/upload/attachment/529842/7c3ccfd5-8620-3d5e-827b-06ca3799b907.png[/img]
[/img]

备注：我在继承TabActivity的时候，将TabWidget的android:layout_height设置为"fill_parent"时，结构出现的图为
[img]
[img]http://dl.iteye.com/upload/attachment/529849/38e1c0b6-ed0c-32af-8998-551d66727d93.png[/img]
[/img]

2.使用GroupActivity和自定义

使用GroupActivity和自己定义的Activity的区别不大，主要区别是：GroupActivity主要为了实现每个Tab可以包含不同的Activity，而自己定义的Activity却不能实现，只能显示一些View。所以如果你需要在不同的tab中显示Activity时，则需要继承GroupActivity，或者TabActivity。

用这两种方法实现需要调用setContentView()设置layout，layout中包括这个tabhost，tabwidget及Fremelayout。而且一定要对tabhost调用setup方法，否则会出现空指针异常，原因是setup方法初始化tabwidget和framelayout对象。
这个时候的layout如下： 

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

	</TabHost>

类如下 
public class IndexActicity extends ActivityGroup  {
	private int index_tab = 0;
	private TabWidget tabWidget;

	@Override
	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);
		setContentView(R.layout.index_layout);
		DisplayMetrics dm = new DisplayMetrics();
		getWindowManager().getDefaultDisplay().getMetrics(dm);
		Constant.WIDTH = dm.widthPixels;
		Constant.HEIGHT= dm.heightPixels;
		//TabHost t =getTabHost();
		TabHost t = (TabHost)findViewById(R.id.testhost);
		t.setBackgroundDrawable(getResources().getDrawable(R.drawable.inde_bg));
		t.setup(this.getLocalActivityManager());
		t.setPadding(0, 0, 0, 0);
		tabWidget = t.getTabWidget();

		LayoutInflater fi = LayoutInflater.from(IndexActicity.this);

		View view = fi.inflate(R.layout.tab_layout, null);
		LinearLayout ll = (LinearLayout) view.findViewById(R.id.tablayout);
		View tab1 = view.findViewById(R.id.tab1);
		View tab2 = view.findViewById(R.id.tab2);
		View tab3 = view.findViewById(R.id.tab3);
		View tab4 = view.findViewById(R.id.tab4);
		ll.removeAllViews();
		t.addTab(t.newTabSpec("1").setIndicator(tab1
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity1.class)));
		t.addTab(t.newTabSpec("2").setIndicator(tab2
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity2.class)));
		t.addTab(t.newTabSpec("3").setIndicator(tab3
						).setContent(
								new Intent(IndexActicity.this,
										TabActivity3.class)));
		t.addTab(t.newTabSpec("4").setIndicator(tab4).setContent(
				new Intent(IndexActicity.this, TabActivity4.class)));
		tabWidget.setBackgroundColor(getResources().getColor(R.color.alpha_00));
		tabWidget.setBaselineAligned(true);
		tab1.setBackgroundDrawable(getResources().getDrawable(
				R.drawable.menu_bg));
		for (int i = 0; i < tabWidget.getChildCount(); i++) {
			tabWidget.getChildAt(i).getLayoutParams().width = Constant.WIDTH / 4;
			tabWidget.getChildAt(i).getLayoutParams().height=50;
		}
		t.setOnTabChangedListener(new OnTabChangeListener() {

			@Override
			public void onTabChanged(String tabId) {
				tabChanged(tabId);
			}
		});

	}
//捕获tab变化事件
	public void tabChanged(String tabId) {
		if (index_tab != (Integer.valueOf(tabId) - 1)) {
			tabWidget.getChildAt(Integer.valueOf(tabId) - 1)
					.setBackgroundDrawable(
							getResources().getDrawable(R.drawable.menu_bg));
			tabWidget.getChildAt(index_tab).setBackgroundDrawable(null);

			index_tab = Integer.valueOf(tabId) - 1;
		}
	}

细心的人可能看到，这个layout中的tabhost 的属性id不是android默认的tabhost了，这个时候，就需要在activity中使用findViewById（R.id.XXXX）；当然你也可以使用android的默认id，在类中直接使用：TabHost t = (TabHost)findViewById(android.R.id.tabhost);但是如果你修改了tabhost的属性id，而在调用的时候又使用默认的id，则会报找不到android.R.id.tabhost标签。

如果修改了tabwidget和framelayout的id，系统会报需要相应的标签，这个是在setup方法调用的默认id。因为他只会在当前的layout中找android.R.id.tabs和android.R.id.tabcontent。

如果想让tab显示在下边，只需要将tabwidget和framelayout调换位置即可。

试着修改了一下tabwidget和framelayout的属性id值，但是没有找到解决办法，哪位大牛如果知道，可以告诉一下，
choha1985
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android TabHost
kangkang_style的博客
08-01 341
虽然tabhost已经被官方废弃了，但是用还是能用，其搭配activity或者fragment都能很好的实现页面的切换 使用条件：MainAcitivy必须继承自TabActivity,通过调用getTabHost();方法获取TabHost对象 TabHost常用组件： TabWidget:该组件就是TabHost标签页中上部 或者 下部的按钮, 可以点击按钮切换选项卡
android之tabhost讲解
weixin_30764883的博客
02-26 112
Tab标签页是界面设计时经常使用的界面控件，可以实现多个分页之间的快速切换，每个分页可以显示不同的内容Tab标签页的使用 1.首先要设计所有的分页的界面布局2.在分页设计完成后，使用代码建立Tab标签页，并给每个分页添加标识和标题 3.最后确定每个分页所显示的界面布局 每个分页建立一个XML文件，用以编辑和保存分页的界面布局，使用的方法与设计普通用户界面没...
android选项卡TabHost功能和用法详解(1)
最新发布
2401_84149855的博客
04-17 1006
如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。欢迎大家一起交流讨论啊~《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！如果你看到了这里，觉得文章写得不错就给个赞呗？如果你觉得那里值得改进的，请给我留言。一定会认真查询，修正不足。[外链图片转存中…(img-PzI6M2Yp-1713284506082)]欢迎大家一起交流讨论啊~
Android中的TabHost
xinem的专栏
12-19 1万+
介绍  有时，我们想在一个window中显示多个视图，这时就需要用到Tab容器。在Android里它叫TabHost。 使用TabHost有两种方式： 在相同的activity中使用TabHost导航多个视图使用TabHost导航多个Activity(通过intents) Tab应用的结构 TabHost的Activity的结构如下: 先看个示例： layou
Android TabHost
aigui1439的博客
05-19 63
Open Declarationvoid android.widget.TabHost.setup() Call setup() before adding tabs if loading TabHost using findViewById(). However: You do not need to call setup() after getTabHost()...
android tabhost --android UI源码.rar
07-05
android tabhost --android UI源码.rar
android tabhost --android UI源码.zip
10-08
android tabhost --android UI源码.zip
安卓 TabHost
有勇气的牛排博客
06-17 414
MainActivity.java import android.app.Activity; import android.app.ActivityGroup; import android.content.Intent; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import android.widget.TabHost; public class MainActivity ...
android 的TabHost
04-27
android 最新的TabHost,不是传统的TabHost,继承了FrameActivity.
Android Tabhost使用方法详解
01-04
Android 实现tab视图有2种方法，一种是在布局页面中定义<tabhost>标签,另一种就是继承tabactivity.但是我比较喜欢第二种方式，应为如果页面比较复杂的话你的XML文件会写得比较庞大，用第二种方式XML页面相对要简洁得多。 下面是我的XML源码： <FrameLayout xmlns:android=http://schemas.android.com/apk/res/android android:orientation=vertical android:layout_width=fill_parent android:layout_height
Android使用(TabLayout)与(FragmentTabHost)实现底部状态栏切换
09-26
Android使用(TabLayout+ViewPager+fragment)与(FragmentTabHost+ViewPager+Fragment)实现底部状态栏切换
Android tabhost
Java学习的专栏
02-16 1088
http://wayfarer.javaeye.com/blog/4735171. 最简单的TabHost，Tab来自于layout下的元素 （只从1个Layout中取数据）1）tab_demo.xmlXml代码  xml version="1.0" encoding="utf-8"?>   FrameLayout xmlns:andro
Android:TabHost
欧阳天涵的专栏
09-08 721
转自移动开发者社区 前言 　　本章内容是 android.widget.TabHost，译为"选项卡容器"，版本为Android 2.3 r1，翻译来自"madgoat"，欢迎大家访问他的博客：http://madgoat.cn/，再次感谢"madgoat" ！期待你
【Android从零单排系列二十八】《Android视图控件——TabHost》
再见孙悟空的专栏
06-30 1293
小伙伴们，在上文中我们介绍了Android视图组件HorizontalScrollView，本文我们继续盘点，介绍一下视图控件的TableHost。通常用于描述Android应用程序中实现Tab布局的一种方法。Tab布局是一种常见的用户界面布局方式，允许用户在不同的选项卡之间切换内容。在Android中，可以使用多种方式来实现Tab布局，其中一种常见的方法就是使用TabHost和TabWidget组件。
[Android] 选项卡组件TabHost
sam___1的博客
04-24 5150
Tab选项卡实现多个分页之间的快速切换，每个分页可以显示不同的内容，在Android平台提供了TabHost组件实现Tab选项卡的功能，选项卡组件的主要功能是可以进行应用程序分类管理。 每个选项卡称为一个Tab，而包含这多个选项卡的容器称为TabHost。 1.TabHost的常用方法 public TabHost (Context context)： 创建TabHost类对象 public void addTab(TabHost.TabSpec tabSpec)：增加一个tab public Tab.
Android选项卡TabHost功能和用法
热门推荐
钻石
06-29 4万+
1、选项卡TabHost介绍 TabHost可以方便地在窗口上放置多个标签页，每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域 TabHost是一个简单的容器，提供如下两种方法来创建选项卡 newTabSpec(String tag):创建选项卡 addTab(TabHost.TabSpec tabSpec):添加选项卡 使用TabHost有三种方法 2、方法1，继承TabActivi...
android studio tabhost用法
06-06
TabHost 是 Android 应用程序中常用的选项卡控件，用于在多个选项卡之间切换。以下是 Android Studio 中使用 TabHost 控件的步骤： 1. 在布局文件中添加 TabHost 控件 ``` <TabHost android:id="@+id/tab_host" ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值