喜糖

移动开发工程师 。涉及 android、ios、jni

导航

实现TabWidget选项卡按钮在屏幕下方

Posted on 2011-09-14 17:56  喜糖  阅读(480)  评论(0编辑  收藏  举报

 main.xml

  <?xml version="1.0" encoding="utf-8"?>
  <TabHost android:id="@+id/tabhost" xmlns:android="http://schemas.android.com/apk/res/android"
       android:orientation="vertical" android:layout_width="fill_parent"
       android:layout_height="fill_parent">
       <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/tab1"
                   android:layout_width="fill_parent" android:layout_height="fill_parent"
                   androidrientation="vertical">
                   <TextView android:id="@+id/view1" android:layout_width="wrap_content"
                       android:layout_height="wrap_content" android:text="@string/textView_1" />
               </LinearLayout>
               <LinearLayout android:id="@+id/tab2"
                   android:layout_width="fill_parent" android:layout_height="fill_parent"
                   androidrientation="vertical">
                   <TextView android:id="@+id/view2" android:layout_width="wrap_content"
                       android:layout_height="wrap_content" android:text="@string/textView_2" />
               </LinearLayout>
               <LinearLayout android:id="@+id/tab3"
                   android:layout_width="fill_parent" android:layout_height="fill_parent"
                   androidrientation="vertical">
                   <TextView android:id="@+id/view3" android:layout_width="wrap_content"
                       android:layout_height="wrap_content" android:text="@string/textView_3" />
               </LinearLayout>
               <LinearLayout android:id="@+id/tab4"
                   android:layout_width="fill_parent" android:layout_height="fill_parent"
                   androidrientation="vertical">
                   <TextView android:id="@+id/view4" android:layout_width="wrap_content"
                       android:layout_height="wrap_content" android:text="@string/textView_4" />
               </LinearLayout>
           </FrameLayout>
       </RelativeLayout>
  </TabHost>

  TabDemo1

  package com.focusmobi.TabDemo1;

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

  public class TabDemo1 extends Activity {
       /** Called when the activity is first created. */
       @Override
       public void onCreate(Bundle icicle) {
           super.onCreate(icicle);
         
           setContentView(R.layout.main);
           setTitle("TabWidget Demo");
         
           TabHost tabs = (TabHost) findViewById(R.id.tabhost);
           tabs.setup();
         
           TabHost.TabSpec spec = tabs.newTabSpec("tab1");
           spec.setContent(R.id.tab1);
           spec.setIndicator("主页");
           tabs.addTab(spec);
         
           spec = tabs.newTabSpec("tab2");
           spec.setContent(R.id.tab2);
           spec.setIndicator("经济");
           tabs.addTab(spec);
         
           spec = tabs.newTabSpec("tab3");
           spec.setContent(R.id.tab3);
           spec.setIndicator("汽车");
           tabs.addTab(spec);
         
           spec = tabs.newTabSpec("tab4");
           spec.setContent(R.id.tab4);
           spec.setIndicator("科技");
           tabs.addTab(spec); 
          
           tabs.setCurrentTab(0);
       }
   }

补充: 在设计tab时,有很多内容是写死的。注意看上面红色标记的内容。by 喜糖