TabHost 两种使用方法直接让一个Activity 继承TabActivity 和利用findViwById()方法取得TagHost组件

2022-11-27 20:12:16

第一种，TabActivity 解决方案

下面建立的布局文件，它包含多个标签的显示组件

TabHost 两种使用方法直接让一个Activity 继承TabActivity 和利用findViwById()方法取得TagHost组件

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:id = "@+id/MyLayout"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <LinearLayout

    android:id ="@+id/tab_edit"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <EditText

        android:id ="@+id/edit"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:textSize= "18px"

        android:text = "请输入检索关键字"

        />

    <Button

        android:id = "@+id/but"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text = "搜索"

        />

    </LinearLayout>

    <LinearLayout

    android:id ="@+id/tab_clock"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    androidrientation="vertical" >

    <AnalogClock

        android:id ="@+id/myAnalogClock"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        />

    </LinearLayout>

    <LinearLayout

    android:id ="@+id/tab_sex"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

    <RadioGroup

        android:id ="@+id/sex"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

         android:orientation="vertical"

        >

    <RadioButton

         android:id ="@+id/male"

         android:checked = "true"

         android:text = "性别 ： 男"

        />

    <RadioButton

         android:id ="@+id/female"

         android:text = "性别 ： 女"

        />

      </RadioGroup>

    </LinearLayout>

</LinearLayout>

import android.app.TabActivity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.widget.TabHost;

import android.widget.TabHost.TabSpec;

public class TabHostDemo extends TabActivity {

private TabHost myTabHost;

private int[] layRes = new int[]{R.id.tab_edit,R.id.tab_clock,

R.id.tab_sex};

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

//setContentView(R.layout.tab);

this.myTabHost = super.getTabHost(); //取得TabHost对象

LayoutInflater.from(this).inflate(R.layout.tab,

this.myTabHost.getTabContentView(), true);

for(int x=0; x < this.layRes.length; x++){

TabSpec myTab = myTabHost.newTabSpec("tab" + x);

myTab.setIndicator("标签 -"+x);

myTab.setContent(this.layRes[x]);

this.myTabHost.addTab(myTab);

}

第二种表格标签（继承Activity）利用Tab.xml布局

 <?xml version="1.0" encoding="utf-8"?>

 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"

     android:id ="@+id/tabhost"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:orientation="vertical" >

     <LinearLayout

     android:orientation="vertical"

     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"

         android:layout_alignParentTop="true"

         />

     <FrameLayout

     android:id="@android:id/tabcontent"

     android:layout_width="fill_parent"

     android:layout_height="fill_parent"

      >

           <LinearLayout

         android:id ="@+id/tab_edit"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         android:orientation="vertical" >

         <EditText

             android:id ="@+id/edit"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:textSize= "18px"

             android:text = "请输入检索关键字"

             />

         <Button

             android:id = "@+id/but"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:text = "搜索"

             />

         </LinearLayout>

         <LinearLayout

         android:id ="@+id/tab_clock"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         androidrientation="vertical" >

         <AnalogClock

             android:id ="@+id/myAnalogClock"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             />

         </LinearLayout>

         <LinearLayout

         android:id ="@+id/tab_sex"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         android:orientation="vertical" >

         <RadioGroup

             android:id ="@+id/sex"

             android:layout_width="fill_parent"

             android:layout_height="wrap_content"

              android:orientation="vertical"

             >

         <RadioButton

              android:id ="@+id/male"

              android:checked = "true"

              android:text = "性别 ： 男"

             />

         <RadioButton

              android:id ="@+id/female"

              android:text = "性别 ： 女"

             />

           </RadioGroup>

         </LinearLayout>

     </FrameLayout>

     </LinearLayout>

 </TabHost>

 package cn.TabHost;

 import android.app.Activity;

 import android.os.Bundle;

 import android.widget.TabHost;

 import android.widget.TabHost.TabSpec;

 public class TabHostDemo extends Activity {

      private TabHost myTabHost;

      private int[] layRes = new int[]{R.id.tab_edit,R.id.tab_clock,

                 R.id.tab_sex};

     @Override

     public void onCreate(Bundle savedInstanceState) {

         super.onCreate(savedInstanceState);

         setContentView(R.layout.tab);

         myTabHost = (TabHost)findViewById(R.id.tabhost);

         myTabHost.setup();        //建立TabHost对象

         for(int x=0; x < this.layRes.length; x++ ) {

             TabSpec myTab =    myTabHost.newTabSpec("tag" + x);

             myTab.setIndicator("标签 - " + x);

             myTab.setContent(this.layRes[x]);

             myTabHost.addTab(myTab);

         }

         this.myTabHost.setCurrentTab(2);    //默认显示的标签索引为2

     }

 }

第三种表格标签在下方显示

就是在Tab.xml中把 LinearLayout改成RelativeLayout。 TabWidget 标签加入 android:layout_alignParentBottom="true"

 <?xml version="1.0" encoding="utf-8"?>

 <TabHost xmlns:android="http://schemas.android.com/apk/res/android"

     android:id ="@+id/tabhost"

     android:layout_width="match_parent"

     android:layout_height="match_parent"

     android:orientation="vertical" >

     <RelativeLayout

     android:orientation="vertical"

     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"

         android:layout_alignParentBottom="true"

         />

     <FrameLayout

     android:id="@android:id/tabcontent"

     android:layout_width="fill_parent"

     android:layout_height="fill_parent"

      >

           <LinearLayout

         android:id ="@+id/tab_edit"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         android:orientation="vertical" >

         <EditText

             android:id ="@+id/edit"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:textSize= "18px"

             android:text = "请输入检索关键字"

             />

         <Button

             android:id = "@+id/but"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             android:text = "搜索"

             />

         </LinearLayout>

         <LinearLayout

         android:id ="@+id/tab_clock"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         androidrientation="vertical" >

         <AnalogClock

             android:id ="@+id/myAnalogClock"

             android:layout_width="wrap_content"

             android:layout_height="wrap_content"

             />

         </LinearLayout>

         <LinearLayout

         android:id ="@+id/tab_sex"

         android:layout_width="fill_parent"

         android:layout_height="fill_parent"

         android:orientation="vertical" >

         <RadioGroup

             android:id ="@+id/sex"

             android:layout_width="fill_parent"

             android:layout_height="wrap_content"

              android:orientation="vertical"

             >

         <RadioButton

              android:id ="@+id/male"

              android:checked = "true"

              android:text = "性别 ： 男"

             />

         <RadioButton

              android:id ="@+id/female"

              android:text = "性别 ： 女"

             />

           </RadioGroup>

         </LinearLayout>

     </FrameLayout>

     </RelativeLayout>

 </TabHost>

码农公寓

相关文章