android tabhost学习

最新推荐文章于 2024-04-27 14:09:46 发布

原创最新推荐文章于 2024-04-27 14:09:46 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #XML

android -->界面效果专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用 Android 的 TabActivity 创建带选项卡的应用界面。通过编写配置文件 tabhost.xml 和在 Activity 中设置选项卡，可以实现两个不同内容的选项卡切换。文章提供了具体的 XML 布局代码和 Java 代码示例。

1.写好配置文件

tabhost.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"
    >
    <!-- 第一个Tab对应的布局 -->
    <LinearLayout
    	android:id="@+id/widget_layout_call"
    	android:layout_width="fill_parent"
    	android:layout_height="fill_parent"
    	android:orientation="vertical"
    >
    	<TextView
    		android:id="@+id/txt1"
    		android:layout_width="fill_parent"
    		android:layout_height="fill_parent"
    		android:text="aaaaaaaa"
    	/>
    </LinearLayout>
    <!-- 第二个Tab对应的布局 -->
    <LinearLayout
    	android:id="@+id/widget_layout_log"
    	android:layout_width="fill_parent"
    	android:layout_height="fill_parent"
    	android:orientation="vertical"
    >
    	<TextView
    		android:id="@+id/txt2"
    		android:layout_width="fill_parent"
    		android:layout_height="fill_parent"
    		android:text="bbbbbbbbbbbbb"
    	/>
    
    </LinearLayout></FrameLayout>

第二步，一个Acitivyt继承自 TabActivity

onCreate 方法中：

TabHost tabHost = getTabHost();
		LayoutInflater.from(this).inflate(R.layout.custom_tabhost,
				tabHost.getTabContentView(), true);

		// call // log // linkman // sms //sign
		/* 电话 */
		tabHost.addTab(tabHost.newTabSpec("call")  //tab的标识
				.setIndicator("", getResources().getDrawable(R.drawable.icon)) // 选项卡显示的文字和图片
				.setContent(R.id.widget_layout_call));
		/* 通话记录 */
		tabHost.addTab(tabHost.newTabSpec("log")
				.setIndicator("", getResources().getDrawable(R.drawable.icon)) // 选项卡显示的文字和图片
				.setContent(R.id.widget_layout_call));

显示效果：