免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
史上最全的Android的Tab與TabHost講解

Tab與TabHost


這就是Tab,而盛放Tab的容器就是TabHost
如何實(shí)現(xiàn)??
每一個(gè)Tab還對(duì)應(yīng)了一個(gè)布局,這個(gè)就有點(diǎn)好玩了。一個(gè)Activity,對(duì)應(yīng)了多個(gè)功能布局。
①新建一個(gè)Tab項(xiàng)目,注意,不要生成main Activity

這里不要選
②在包里面新建一個(gè)類MyTab,繼承于TabActivity
其實(shí),TabActivity是Activity的子類

  1. package zyf.tab.test;
  2. import android.app.TabActivity;
  3. public class MyTab extends TabActivity {
  4. }
復(fù)制代碼

③從父類繼承OnCreate()入口方法

  1. package zyf.tab.test;
  2. import android.app.TabActivity;
  3. import android.os.Bundle;
  4. public class MyTab extends TabActivity {
  5.     @Override
  6.     protected void onCreate(Bundle savedInstanceState) {
  7.         // TODO Auto-generated method stub
  8.         super.onCreate(savedInstanceState);
  9.     }
  10. }
復(fù)制代碼

④在Manifest.xml文件中注冊(cè)一下MyTab類(Activity)

  1. <activity android:name=".MyTab">
  2.     <intent-filter>
  3.         <action android:name="android.intent.action.MAIN"></action>
  4.         <category android:name="android.intent.category.LAUNCHER"></category>
  5.     </intent-filter>
  6. </activity>
復(fù)制代碼

⑤這時(shí)候,需要設(shè)計(jì)一下標(biāo)簽頁(yè)對(duì)應(yīng)的布局,一般采用FrameLayout作為根布局,每個(gè)標(biāo)簽頁(yè)面對(duì)應(yīng)一個(gè)子節(jié)點(diǎn)的Layout

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!--  這里是根節(jié)點(diǎn)布局  -- >
  3. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.     android:layout_width="fill_parent" android:layout_height="fill_parent">
  5. <!--  第一個(gè)Tab 對(duì)應(yīng)的布局  -- >
  6.     <LinearLayout android:id="@+id/widget_layout_Blue"
  7.         android:layout_width="fill_parent" android:layout_height="fill_parent"
  8.         androidrientation="vertical" >
  9.         <EditText android:id="@+id/widget34" android:layout_width="fill_parent"
  10.             android:layout_height="wrap_content" android:text="EditText"
  11.             android:textSize="18sp">
  12.         </EditText>
  13.         <Button android:id="@+id/widget30" android:layout_width="wrap_content"
  14.             android:layout_height="wrap_content" android:text="Button">
  15.         </Button>
  16.     </LinearLayout>
  17. <!--  第二個(gè)Tab 對(duì)應(yīng)的布局  -- >
  18.     <LinearLayout android:id="@+id/widget_layout_red"
  19.         android:layout_width="fill_parent" android:layout_height="fill_parent"
  20.         androidrientation="vertical"  >
  21.         <AnalogClock android:id="@+id/widget36"
  22.             android:layout_width="wrap_content" android:layout_height="wrap_content">
  23.         </AnalogClock>
  24.     </LinearLayout>
  25. <!--  第三個(gè)Tab 對(duì)應(yīng)的布局  -- >
  26.     <LinearLayout android:id="@+id/widget_layout_green"
  27.         android:layout_width="fill_parent" android:layout_height="fill_parent"
  28.         androidrientation="vertical">
  29.         <RadioGroup android:id="@+id/widget43"
  30.             android:layout_width="166px" android:layout_height="98px"
  31.             androidrientation="vertical">
  32.             <RadioButton android:id="@+id/widget44"
  33.                 android:layout_width="wrap_content" android:layout_height="wrap_content"
  34.                 android:text="RadioButton">
  35.             </RadioButton>
  36.             <RadioButton android:id="@+id/widget45"
  37.                 android:layout_width="wrap_content" android:layout_height="wrap_content"
  38.                 android:text="RadioButton">
  39.             </RadioButton>
  40.         </RadioGroup>
  41.     </LinearLayout>
  42. </FrameLayout>
復(fù)制代碼

⑥首先,應(yīng)該聲明TabHost,然后用LayoutInflater過(guò)濾出布局來(lái),給TabHost加上含有Tab頁(yè)面的FrameLayout

  1. private TabHost myTabhost;
  2. myTabhost=this.getTabHost();//從TabActivity上面獲取放置Tab的TabHost
  3. LayoutInflater.from(this).inflate(R.layout.main, myTabhost.getTabContentView(), true);
  4. //from(this)從這個(gè)TabActivity獲取LayoutInflater
  5. //R.layout.main 存放Tab布局
  6. //通過(guò)TabHost獲得存放Tab標(biāo)簽頁(yè)內(nèi)容的FrameLayout
  7. //是否將inflate 拴系到根布局元素上
  8. myTabhost.setBackgroundColor(Color.argb(150, 22, 70, 150));
  9. //設(shè)置一下TabHost的顏色
復(fù)制代碼

⑦接著,在TabHost創(chuàng)建一個(gè)標(biāo)簽,然后設(shè)置一下標(biāo)題/圖標(biāo)/標(biāo)簽頁(yè)布局

  1. myTabhost
  2.                 .addTab(myTabhost.newTabSpec("TT")// 制造一個(gè)新的標(biāo)簽TT
  3.                         .setIndicator("KK",
  4.                                 getResources().getDrawable(R.drawable.ajjc))
  5.                         // 設(shè)置一下顯示的標(biāo)題為KK,設(shè)置一下標(biāo)簽圖標(biāo)為ajjc
  6.                         .setContent(R.id.widget_layout_red));
  7.         //設(shè)置一下該標(biāo)簽頁(yè)的布局內(nèi)容為R.id.widget_layout_red,這是FrameLayout中的一個(gè)子Layout
復(fù)制代碼

⑧標(biāo)簽切換事件處理,setOnTabChangedListener

  1. myTabhost.setOnTabChangedListener(new OnTabChangeListener(){
  2.             @Override
  3.             public void onTabChanged(String tabId) {
  4.                 // TODO Auto-generated method stub
  5.             }            
  6.         });
復(fù)制代碼

⑨各個(gè)標(biāo)簽頁(yè)的動(dòng)態(tài)MENU
先把在XML中設(shè)計(jì)好的MENU放到一個(gè)int數(shù)組里

  1. private static final int myMenuResources[] = { R.menu.phonebook_menu,
  2.             R.menu.addphone_menu, R.menu.chatting_menu, R.menu.userapp_menu };
復(fù)制代碼

在setOnTabChangedListener()方法中根據(jù)標(biāo)簽的切換情況來(lái)設(shè)置myMenuSettingTag

  1. @Override
  2.     public void onTabChanged(String tagString) {
  3.         // TODO Auto-generated method stub
  4.         if (tagString.equals("One")) {
  5.             myMenuSettingTag = 1;
  6.         }
  7.         if (tagString.equals("Two")) {
  8.             myMenuSettingTag = 2;
  9.         }
  10.         if (tagString.equals("Three")) {
  11.             myMenuSettingTag = 3;
  12.         }
  13.         if (tagString.equals("Four")) {
  14.             myMenuSettingTag = 4;
  15.         }
  16.         if (myMenu != null) {
  17.             onCreateOptionsMenu(myMenu);
  18.         }
  19.     }
復(fù)制代碼

然后onCreateOptionsMenu(Menu menu) 方法中通過(guò)MenuInflater過(guò)濾器動(dòng)態(tài)加入MENU

  1.    @Override
  2.     public boolean onCreateOptionsMenu(Menu menu) {
  3.         // TODO Auto-generated method stub
  4.         // Hold on to this
  5.         myMenu = menu;
  6.         myMenu.clear();//清空MENU菜單
  7.         // Inflate the currently selected menu XML resource.
  8.         MenuInflater inflater = getMenuInflater();        
  9. //從TabActivity這里獲取一個(gè)MENU過(guò)濾器
  10.         switch (myMenuSettingTag) {
  11.         case 1:
  12.             inflater.inflate(myMenuResources[0], menu);
  13.             //動(dòng)態(tài)加入數(shù)組中對(duì)應(yīng)的XML MENU菜單
  14.             break;
  15.         case 2:
  16.             inflater.inflate(myMenuResources[1], menu);
  17.             break;
  18.         case 3:
  19.             inflater.inflate(myMenuResources[2], menu);
  20.             break;
  21.         case 4:
  22.             inflater.inflate(myMenuResources[3], menu);
  23.             break;
  24.         default:
  25.             break;
  26.         }
  27.         return super.onCreateOptionsMenu(menu);
  28.     }
復(fù)制代碼

⑩運(yùn)行效果







本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
【Android UI設(shè)計(jì)與開發(fā)】第06期:底部菜單欄(一)使用TabActivity實(shí)現(xiàn)底部菜單欄
Android應(yīng)用程序----UI界面控件(ListView,TabHost,Tab標(biāo)簽頁(yè)的使用 ) )
使用TabWidget實(shí)現(xiàn)Tab的切換
Android應(yīng)用開發(fā)筆記
TabHost通過(guò)手勢(shì)切換Activity,滑動(dòng)效果
讓兩個(gè)HorizontalScrollView聯(lián)動(dòng)
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服