亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

Android - TabHost 選項卡功能用法詳解

系統 2498 0

TabHost效果圖 :


Android - TabHost 選項卡功能用法詳解 Android - TabHost 選項卡功能用法詳解



一. TabHost介紹


TabHost組件可以在界面中存放多個選項卡, 很多軟件都使用了改組件進行設計;


1. TabHost常用組件


TabWidget : 該組件就是TabHost標簽頁中上部 或者 下部的按鈕, 可以點擊按鈕切換選項卡;

TabSpec : 代表了選項卡界面, 添加一個TabSpec即可添加到TabHost中;

-- 創建選項卡 : newTabSpec(String tag), 創建一個選項卡;

-- 添加選項卡 : addTab(tabSpec);


2. TabHost使用步驟


a. 定義布局 : 在XML文件中 使用TabHost組件 , 并在其中 定義一個FrameLayout選項卡 內容;

b. 繼承TabActivity : 顯示選項卡組件的Activity 繼承TabActivity ;

c. 獲取組件 : 通過調用 getTabHost()方法 , 獲取TabHost對象;

d. 創建添加選項卡 : 通過TabHost創建添加選項卡;


3. 將按鈕放到下面


布局文件中TabWidget代表的就是選項卡按鈕, Fragement組件代表內容;

設置失敗情況 : 如果Fragement組件沒有設置 android:layout_weight屬性, 那么將TabWidget放到下面, 可能不會顯示按鈕;

設置權重 : 設置了Fragment組件的權重之后, 就可以成功顯示該選項卡按鈕;


二. TabHost布局文件


1. 根標簽及id


設置Android自帶id : XML布局文件中, 可以使用<TabHost> 標簽設置, 其中的id 需要引用 android的自帶id :android:id="@android:id/tabhost" ;

getHost()獲取前提 : 設置了該id之后, 在Activity界面可以使用 getHost(), 獲取這個TabHost 視圖對象;

示例 :

  1. < TabHost
  2. android:id = "@android:id/tabhost"
  3. android:layout_width = "match_parent"
  4. android:layout_height = "match_parent" >


2. TabWidget組件


選項卡切換 : 該組件是選項卡切換按鈕, 通過點擊該組件可以切換選項卡;

設置android自帶id : 這個組件的id要設置成android的自帶id :android:id="@android:id/tabs" ;

TabHost必備組件 : 該組件與FrameLayout組件是TabHost組件中必備的兩個組件;

切換按鈕下方顯示 : 如果想要將按鈕放到下面, 可以將該組件定義在下面, 但是注意, FrameLayout要設置android:layout_widget = "1" ;

設置TabWidget大小 : 如果想要設置該按鈕組件的大小, 可以設置該組件與FrameLayout組件的權重;

示例 :

  1. < TabWidget
  2. android:id = "@android:id/tabs"
  3. android:layout_width = "fill_parent"
  4. android:layout_height = "wrap_content"
  5. android:orientation = "horizontal" />


3. FrameLayout組件


組件作用 : 該組件中定義的子組件是TabHost中每個頁面顯示的選項卡, 可以將TabHost選項卡顯示的視圖定義在其中;

設置android自帶id : 這個組件的id要設置成android的自帶的id :android:id="@android:id/tabcontent" ;

示例 :

  1. < FrameLayout
  2. android:id = "@android:id/tabcontent"
  3. android:layout_width = "fill_parent"
  4. android:layout_height = "fill_parent"
  5. android:layout_weight = "1" >

二. Activity方法


1. 獲取TabHost


獲取方法 : getHost();

前提 : 調用getHost()方法獲取TabHost組件的方法的前提是在布局文件中, 設置了android自帶的idandroid:id="@android:id/tabhost" 才可以;


2. 創建選項卡


創建選項卡 : 調用TabHost組件的newTabHost(tag), 其中的tag是字符串, 即在 選項卡的唯一標識 ;

設置選項卡 :

-- 設置按鈕名稱 :setIndicator("叫獸");

-- 設置選項卡內容 : setContent(), 可以設置視圖組件, 可以設置Activity, 也可以設置Fragement;

添加選項卡 : tabHost.add(spec), 傳入的參數是創建選項卡的TabSpec對象;


三 代碼


XML布局文件 :


  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < TabHost xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:id = "@android:id/tabhost"
  4. android:layout_width = "match_parent"
  5. android:layout_height = "match_parent" >
  6. < LinearLayout
  7. android:layout_width = "fill_parent"
  8. android:layout_height = "fill_parent"
  9. android:orientation = "vertical" >
  10. < TabWidget
  11. android:id = "@android:id/tabs"
  12. android:layout_width = "fill_parent"
  13. android:layout_height = "wrap_content"
  14. android:orientation = "horizontal" />
  15. < FrameLayout
  16. android:id = "@android:id/tabcontent"
  17. android:layout_width = "fill_parent"
  18. android:layout_height = "fill_parent"
  19. android:layout_weight = "1" >
  20. < LinearLayout
  21. android:id = "@+id/alwayswet"
  22. android:layout_width = "fill_parent"
  23. android:layout_height = "fill_parent"
  24. android:orientation = "vertical" >
  25. < ImageView
  26. android:scaleType = "fitXY"
  27. android:layout_height = "fill_parent"
  28. android:layout_width = "fill_parent"
  29. android:src = "@drawable/alwayswet" />
  30. </ LinearLayout >
  31. < LinearLayout
  32. android:id = "@+id/isanimal"
  33. android:layout_width = "fill_parent"
  34. android:layout_height = "fill_parent"
  35. android:orientation = "vertical" >
  36. < ImageView
  37. android:scaleType = "fitXY"
  38. android:layout_height = "fill_parent"
  39. android:layout_width = "fill_parent"
  40. android:src = "@drawable/isanimal" />
  41. </ LinearLayout >
  42. < LinearLayout
  43. android:id = "@+id/nezha"
  44. android:layout_width = "fill_parent"
  45. android:layout_height = "fill_parent"
  46. android:orientation = "vertical" >
  47. < ImageView
  48. android:scaleType = "fitXY"
  49. android:layout_height = "fill_parent"
  50. android:layout_width = "fill_parent"
  51. android:src = "@drawable/nazha" />
  52. </ LinearLayout >
  53. </ FrameLayout >
  54. </ LinearLayout >
  55. </ TabHost >


Activity主界面代碼 :


  1. package shuliang.han.tabhost_test;
  2. import android.app.TabActivity;
  3. import android.os.Bundle;
  4. import android.widget.TabHost;
  5. import android.widget.TabHost.TabSpec;
  6. public class MainActivity extends TabActivity{
  7. @Override
  8. protected void onCreate(BundlesavedInstanceState){
  9. super .onCreate(savedInstanceState);
  10. setContentView(R.layout.tabhost);
  11. TabHosttabHost=getTabHost();
  12. TabSpecpage1=tabHost.newTabSpec( "tab1" )
  13. .setIndicator( "叫獸" )
  14. .setContent(R.id.isanimal);
  15. tabHost.addTab(page1);
  16. TabSpecpage2=tabHost.newTabSpec( "tab2" )
  17. .setIndicator( "老濕" )
  18. .setContent(R.id.alwayswet);
  19. tabHost.addTab(page2);
  20. TabSpecpage3=tabHost.newTabSpec( "tab3" )
  21. .setIndicator( "哪吒" )
  22. .setContent(R.id.nezha);
  23. tabHost.addTab(page3);
  24. }
  25. }
轉自:http://blog.csdn.net/shulianghan/article/details/18233209
感謝分享!

Android - TabHost 選項卡功能用法詳解


更多文章、技術交流、商務合作、聯系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 欧美va亚洲va国产综合 | 美女被a到爽视频在线观看 美女被cao的视频免费看 | 2020国产成人精品免费视频 | 91亚洲国产成人久久精品网站 | 成人a免费视频播放 | jiucao在线观看精品 | 日本一级毛片一级裸片 | 亚洲国产国产综合一区首页 | 久久国产精品免费专区 | 手机看片国产 | 亚洲综合资源 | 婷婷天天| 高清在线不卡 | 久青草国产视频 | 精品91精品91精品国产片 | 免费观看日本污污ww网站一区 | 欧美麻豆久久久久久中文 | 日本一区二区三区久久 | 国产精品免费看久久久 | 国产日韩欧美一区二区 | 国产精品国产三级国产a | 久久综合久久精品 | 在线播放不卡 | 漂亮女大学一级毛片 | 国产男女在线观看 | 久久久久香蕉 | 精品国产一区二区三区2021 | 国产色在线 | 亚洲 国产色在线视频 | 亚洲视屏在线 | 7799国产精品久久久久99 | 真实国产精品视频国产网 | 鲁啊鲁啊鲁在线视频播放 | 亚洲区精品久久一区二区三区 | 91尤物国产尤物福利 | 一本一道波多野结衣一区二区 | 在线视频日韩精品 | 国产99视频精品免视看9 | 久久欧美 | www夜夜操| 久久久久99精品成人片三人毛片 | 激情综合色综合久久综合 |