TabHost的两种实现方式

第一种：继承TabActivity，从TabActivity中用getTabHost()方法获取TabHost。只要定义具体Tab内容布局就行了.

xml布局：
Java代码 复制代码 收藏代码
  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent" android:layout_height="fill_parent">   
  3.     <LinearLayout android:id="@+id/widget_layout_Blue"  
  4.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  5.         android:orientation="vertical" >   
  6.         <EditText android:id="@+id/widget34" android:layout_width="fill_parent"  
  7.             android:layout_height="wrap_content" android:text="EditText"  
  8.             android:textSize="18sp">   
  9.         </EditText>   
  10.         <Button android:id="@+id/widget30" android:layout_width="wrap_content"  
  11.             android:layout_height="wrap_content" android:text="Button">   
  12.         </Button>   
  13.     </LinearLayout>   
  14.     <LinearLayout android:id="@+id/widget_layout_red"  
  15.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  16.         android:orientation="vertical"  >   
  17.         <AnalogClock android:id="@+id/widget36"  
  18.             android:layout_width="wrap_content" android:layout_height="wrap_content">   
  19.         </AnalogClock>   
  20.     </LinearLayout>   
  21.     <LinearLayout android:id="@+id/widget_layout_green"  
  22.         android:layout_width="fill_parent" android:layout_height="fill_parent"  
  23.         android:orientation="vertical">   
  24.         <RadioGroup android:id="@+id/widget43"  
  25.             android:layout_width="166px" android:layout_height="98px"  
  26.             android:orientation="vertical">   
  27.             <RadioButton android:id="@+id/widget44"  
  28.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  29.                 android:text="RadioButton">   
  30.             </RadioButton>   
  31.             <RadioButton android:id="@+id/widget45"  
  32.                 android:layout_width="wrap_content" android:layout_height="wrap_content"  
  33.                 android:text="RadioButton">   
  34.             </RadioButton>   
  35.         </RadioGroup>   
  36.     </LinearLayout>   
  37. </FrameLayout>   
  38.   
  39. java代码：   
  40. super.onCreate(savedInstanceState);   
  41.         myTabhost=this.getTabHost();   
  42.         //get Tabhost   
  43.         LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);   
  44.         myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));   
  45.            
  46.         myTabhost   
  47.                 .addTab(myTabhost.newTabSpec("One")// make a new Tab   
  48.                         .setIndicator("A")   
  49.                         // set the Title and Icon   
  50.                         .setContent(R.id.widget_layout_Blue));   
  51.         // set the layout   
  52.   
  53.         myTabhost   
  54.                 .addTab(myTabhost.newTabSpec("Two")// make a new Tab   
  55.                         .setIndicator("B",   
  56.                                 getResources().getDrawable(R.drawable.mumule))   
  57.                         // set the Title and Icon   
  58.                         .setContent(R.id.widget_layout_green));   
  59.         // set the layout   
  60.   
  61.         myTabhost   
  62.                 .addTab(myTabhost.newTabSpec("Three")// make a new Tab   
  63.                         .setIndicator("C",   
  64.                                 getResources().getDrawable(R.drawable.notepad))   
  65.                         // set the Title and Icon   
  66.                         .setContent(R.id.widget_layout_red)); 

第二种：不用继承TabActivity，在布局文件中定义TabHost即可，但是TabWidget的id必须是
@android:id/tabs，FrameLayout的id必须是@android:id/tabcontent。TabHost的id可以自定义.

xml布局：

Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="utf-8"?>   
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     
  3.     android:id="@+id/hometabs"  
  4.     android:orientation="vertical"  
  5.     android:layout_width="fill_parent"     
  6.     android:layout_height="fill_parent">    
  7.     <TabHost android:id="@+id/tabhost"  
  8.         android:layout_width="wrap_content"  
  9.         android:layout_height="wrap_content">   
  10.         <LinearLayout   
  11.             android:orientation="vertical"  
  12.             android:layout_width="fill_parent"  
  13.             android:layout_height="fill_parent">   
  14.                
  15.             <TabWidget android:id="@android:id/tabs"    
  16.               android:orientation="horizontal"  
  17.               android:layout_width="wrap_content"  
  18.               android:layout_height="wrap_content">   
  19.             </TabWidget>   
  20.             
  21.              <FrameLayout android:id="@android:id/tabcontent"  
  22.                   android:layout_width="wrap_content"  
  23.                   android:layout_height="wrap_content">   
  24.                     <TextView android:id="@+id/view1"  
  25.                         android:layout_width="fill_parent"  
  26.                         android:layout_height="fill_parent"/>   
  27.                     <TextView android:id="@+id/view2"  
  28.                         android:layout_width="fill_parent"  
  29.                         android:layout_height="fill_parent"/>   
  30.                     <TextView android:id="@+id/view3"  
  31.                         android:layout_width="fill_parent"  
  32.                         android:layout_height="fill_parent"/>   
  33.              </FrameLayout>   
  34.             
  35.          </LinearLayout>   
  36.     </TabHost>   
  37. </LinearLayout>   
  38.   
  39. java代码：   
  40. protected void onCreate(Bundle savedInstanceState) {   
  41.         super.onCreate(savedInstanceState);   
  42.         setContentView(R.layout.hometabs);   
  43.            
  44.         TabHost tabHost = (TabHost) findViewById(R.id.tabhost);   
  45.         tabHost.setup();   
  46.         TabWidget tabWidget = tabHost.getTabWidget();   
  47.            
  48.         tabHost.addTab(tabHost.newTabSpec("tab1")   
  49.                 .setIndicator("tab1", getResources().getDrawable(R.drawable.mumule))   
  50.                 .setContent(R.id.view1));   
  51.            
  52.         tabHost.addTab(tabHost.newTabSpec("tab3")   
  53.                 .setIndicator("tab3")   
  54.                 .setContent(R.id.view3));   
  55.            
  56.         tabHost.addTab(tabHost.newTabSpec("tab2")   
  57.                 .setIndicator("tab2")   
  58.                 .setContent(R.id.view2));   
  59.            
  60.         final int tabs = tabWidget.getChildCount();   
  61.         Log.i(TAG, "***tabWidget.getChildCount() : " + tabs);   
  62.            
  63.         final int tabWidth = 90;   
  64.         final int tabHeight = 45;   
  65.            
  66.         for (int i = 0; i < tabs; i++) {   
  67.         /*  final View view = tabWidget.getChildAt(i);  
  68.             view.getLayoutParams().width = tabWidth;  
  69.             view.getLayoutParams().height = tabHeight;  
  70.             final TextView tv = (TextView) view.findViewById(android.R.id.title);  
  71.             tv.setTextColor(this.getResources().getColorStateList(android.R.color.black));  
  72.             MarginLayoutParams tvMLP = (MarginLayoutParams)tv.getLayoutParams();  
  73.             tvMLP.bottomMargin = 8;*/  
  74.         }   
  75.     }  
  • Tab.rar (130.9 KB)
  • 下载次数: 504
posted on 2012-07-09 10:14  清沁  阅读(330)  评论(1)  编辑  收藏  举报