学步园

上面的是最终效果图。

代码结构如下。

main.xml代码：

<?xml version="1.0" encoding="utf-8"?><br /> <!-- 该布局文件定义了标签的内容部分，该布局文件一定要以FrameLayout为根元素 --><br /> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:layout_width="fill_parent" android:layout_height="fill_parent"><br /> <!-- 第一个标签内容 --><br /> <LinearLayout android:id="@+id/widget_layout_Blue"<br /> android:layout_width="fill_parent" android:layout_height="fill_parent"<br /> android:orientation="vertical" ><br /> <EditText android:id="@+id/widget34" android:layout_width="fill_parent"<br /> android:layout_height="wrap_content" android:text="EditText"<br /> android:textSize="18sp"><br /> </EditText><br /> <Button android:id="@+id/widget30" android:layout_width="wrap_content"<br /> android:layout_height="wrap_content" android:text="Button"><br /> </Button><br /> </LinearLayout><br /> <!-- 第二个标签内容 AnalogClock为钟表组件--><br /> <LinearLayout android:id="@+id/widget_layout_red"<br /> android:layout_width="fill_parent" android:layout_height="fill_parent"<br /> android:orientation="vertical" ><br /> <AnalogClock android:id="@+id/widget36"<br /> android:layout_width="wrap_content" android:layout_height="wrap_content"><br /> </AnalogClock><br /> </LinearLayout><br /> <!-- 第三个标签内容 RadioButton必须在RadioGroup中哦 --><br /> <LinearLayout android:id="@+id/widget_layout_green"<br /> android:layout_width="fill_parent" android:layout_height="fill_parent"<br /> android:orientation="vertical"><br /> <RadioGroup android:id="@+id/widget43"<br /> android:layout_width="166px" android:layout_height="98px"<br /> android:orientation="vertical"><br /> <RadioButton android:id="@+id/widget44"<br /> android:layout_width="wrap_content" android:layout_height="wrap_content"<br /> android:text="RadioButton"><br /> </RadioButton><br /> <RadioButton android:id="@+id/widget45"<br /> android:layout_width="wrap_content" android:layout_height="wrap_content"<br /> android:text="RadioButton"><br /> </RadioButton><br /> </RadioGroup><br /> </LinearLayout><br /> </FrameLayout><br />

TagHostTest.java的代码：

package cn.com.tagHost.test;</p> <p>import android.app.TabActivity;<br /> import android.graphics.Color;<br /> import android.os.Bundle;<br /> import android.view.LayoutInflater;<br /> import android.view.ViewGroup;<br /> import android.widget.TabHost;</p> <p>public class TagHostTest extends TabActivity {</p> <p> private TabHost myTabhost;</p> <p> @Override<br /> protected void onCreate(Bundle savedInstanceState) {<br /> super.onCreate(savedInstanceState);<br /> myTabhost = this.getTabHost();</p> <p> /**<br /> * inflate(int resource, ViewGroup root, boolean attachToRoot)<br /> * resource 很显然是一个资源索引id<br /> * 当attachToRoot为true时，root代表一个可放置于容器中的组件<br /> * 当attachToRoot为false时，root仅代表一个存储值的对象<br /> * 该方法的意思是，将根据R.layout.main生成的标签View，添加到由myTabhost.getTabContentView()获得的父容器中<br /> * LayoutInflater类的inflate方法中有如下片段<br /> * if (root != null && attachToRoot) {<br /> root.addView(temp, params);<br /> }<br /> 其中temp是根据resource指定的资源生成的一个和标签有关的view<br /> */<br /> LayoutInflater.from(this).inflate(R.layout.main,<br /> myTabhost.getTabContentView(), true);<br /> myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));</p> <p> myTabhost.addTab(myTabhost.newTabSpec("One")<br /> .setIndicator("A").setContent(R.id.widget_layout_Blue));</p> <p> myTabhost.addTab(myTabhost.newTabSpec("Two")<br /> .setIndicator("B", getResources().getDrawable(R.drawable.icon))<br /> .setContent(R.id.widget_layout_green));</p> <p> myTabhost.addTab(myTabhost.newTabSpec("Three")<br /> .setIndicator("C", getResources().getDrawable(R.drawable.icon))<br /> .setContent(R.id.widget_layout_red));<br /> }<br /> }

这种方法实现起来比较简单，看看我们都做了些什么。

第一步：定义标签内容部分的布局文件，该布局文件必须以FrameLayout为根节点。

第二步：让activity继承TabActivity,然后实现自己的代码。