Android Tab 控件詳解及實(shí)例

2019-10-23 18:33:40

字體：大中小

供稿：網(wǎng)友

Android Tab 控件詳解及實(shí)例

在桌面應(yīng)用中Tab控件使用得非常普遍，那么我們經(jīng)常在Android中也見(jiàn)到以Tab進(jìn)行布局的客戶端。那么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          //創(chuàng)建新標(biāo)簽one         .newTabSpec("one")         //設(shè)置標(biāo)簽標(biāo)題         .setIndicator("紅色")         //設(shè)置該標(biāo)簽的布局內(nèi)容         .setContent(R.id.widget_layout_red));     tabhost.addTab(tabhost         .newTabSpec("two")         .setIndicator("黃色")         .setContent(R.id.widget_layout_yellow));     tabhost.addTab(tabhost         .newTabSpec("three")         .setIndicator("藍(lán)色")         .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.效果

Android,Tab,控件,Tab詳解及實(shí)例