溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Android Tab 控件詳解及實例

發(fā)布時間:2020-10-25 16:58:32 來源:腳本之家 閱讀:146 作者:feng1456 欄目:移動開發(fā)

Android Tab 控件詳解及實例

在桌面應(yīng)用中Tab控件使用得非常普遍,那么我們經(jīng)常在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 
         //創(chuàng)建新標簽one 
        .newTabSpec("one") 
        //設(shè)置標簽標題 
        .setIndicator("紅色") 
        //設(shè)置該標簽的布局內(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("藍色") 
        .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 控件詳解及實例

Android Tab 控件詳解及實例

Android Tab 控件詳解及實例

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI