Android Tab 控件詳解及實例

2019-12-12 03:17:05

字體：大中小

來源：轉載

供稿：網友

Android Tab 控件詳解及實例

在桌面應用中Tab控件使用得非常普遍，那么我們經常在Android中也見到以Tab進行布局的客戶端。那么Android中的Tab是如何使用的呢？

1.Activity

package com.wicresoft.activity;  import com.wicresoft.myandroid.R;  import android.app.TabActivity; import android.os.Bundle; import android.util.Log; import android.widget.TabHost; import android.widget.TabHost.OnTabChangeListener;  @SuppressWarnings("deprecation") public class mainActivity extends TabActivity {   private TabHost tabhost;   @Override   protected void onCreate(Bundle savedInstanceState){     super.onCreate(savedInstanceState);     setContentView(R.layout.main_activity);     //從TabActivity上面獲取放置Tab的TabHost     tabhost = getTabHost();     tabhost.addTab(tabhost          //創建新標簽one         .newTabSpec("one")         //設置標簽標題         .setIndicator("紅色")         //設置該標簽的布局內容         .setContent(R.id.widget_layout_red));     tabhost.addTab(tabhost         .newTabSpec("two")         .setIndicator("黃色")         .setContent(R.id.widget_layout_yellow));     tabhost.addTab(tabhost         .newTabSpec("three")         .setIndicator("藍色")         .setContent(R.id.widget_layout_blue));     tabhost.setOnTabChangedListener(listener);   }      private OnTabChangeListener listener = new OnTabChangeListener(){     @Override     public void onTabChanged(String arg0) {       // TODO Auto-generated method stub       Log.i("TabChange", arg0);     }   }; }

2.布局文件

<?xml version="1.0" encoding="utf-8"?><TabHost xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  android:id="@android:id/tabhost">  <LinearLayout   android:layout_width="match_parent"  android:layout_height="match_parent"  android:orientation="vertical">    <TabWidget     android:layout_width="match_parent"    android:layout_height="wrap_content"    android:id="@android:id/tabs">  </TabWidget>    <FrameLayout     android:layout_width="match_parent"    android:layout_height="0dp"    android:layout_weight="1"    android:id="@android:id/tabcontent">    <LinearLayout       android:layout_width="match_parent"      android:layout_height="match_parent"      android:id="@+id/widget_layout_red"      android:background="#ff0000"      android:orientation="vertical">    </LinearLayout>         <LinearLayout       android:layout_width="match_parent"      android:layout_height="match_parent"      android:id="@+id/widget_layout_yellow"      android:background="#FCD209"      android:orientation="vertical">     </LinearLayout>     <LinearLayout       android:layout_width="match_parent"      android:layout_height="match_parent"      android:id="@+id/widget_layout_blue"      android:background="#0000E3"      android:orientation="vertical">     </LinearLayout>  </FrameLayout> </LinearLayout></TabHost>

3.Manifest文件

<manifest xmlns:android="http://schemas.android.com/apk/res/android"  package="com.wicresoft.myandroid"  android:versionCode="1"  android:versionName="1.0" >  <uses-sdk    android:minSdkVersion="8"    android:targetSdkVersion="19" />  <application    android:allowBackup="true"    android:icon="@drawable/ic_launcher"    android:label="@string/app_name"    android:theme="@style/AppTheme" >    <activity      android:name="com.wicresoft.activity.mainActivity"      android:label="@string/app_name">      <intent-filter>        <action android:name="android.intent.action.MAIN"/>        <category android:name="android.intent.category.LAUNCHER"/>      </intent-filter>    </activity>  </application></manifest>

4.效果