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

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 視圖對象;

示例 :

[html] view plain copy 在CODE上查看代碼片
  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組件的權重;

示例 :

[html] view plain copy 在CODE上查看代碼片
  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" ;

示例 :

[html] view plain copy 在CODE上查看代碼片
  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布局文件 :


[html] view plain copy 在CODE上查看代碼片
  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" >
  7. < LinearLayout
  8. android:layout_width = "fill_parent"
  9. android:layout_height = "fill_parent"
  10. android:orientation = "vertical" >
  12. < TabWidget
  13. android:id = "@android:id/tabs"
  14. android:layout_width = "fill_parent"
  15. android:layout_height = "wrap_content"
  16. android:orientation = "horizontal" />
  18. < FrameLayout
  19. android:id = "@android:id/tabcontent"
  20. android:layout_width = "fill_parent"
  21. android:layout_height = "fill_parent"
  22. android:layout_weight = "1" >
  24. < LinearLayout
  25. android:id = "@+id/alwayswet"
  26. android:layout_width = "fill_parent"
  27. android:layout_height = "fill_parent"
  28. android:orientation = "vertical" >
  29. < ImageView
  30. android:scaleType = "fitXY"
  31. android:layout_height = "fill_parent"
  32. android:layout_width = "fill_parent"
  33. android:src = "@drawable/alwayswet" />
  34. </ LinearLayout >
  36. < LinearLayout
  37. android:id = "@+id/isanimal"
  38. android:layout_width = "fill_parent"
  39. android:layout_height = "fill_parent"
  40. android:orientation = "vertical" >
  41. < ImageView
  42. android:scaleType = "fitXY"
  43. android:layout_height = "fill_parent"
  44. android:layout_width = "fill_parent"
  45. android:src = "@drawable/isanimal" />
  46. </ LinearLayout >
  48. < LinearLayout
  49. android:id = "@+id/nezha"
  50. android:layout_width = "fill_parent"
  51. android:layout_height = "fill_parent"
  52. android:orientation = "vertical" >
  53. < ImageView
  54. android:scaleType = "fitXY"
  55. android:layout_height = "fill_parent"
  56. android:layout_width = "fill_parent"
  57. android:src = "@drawable/nazha" />
  58. </ LinearLayout >
  60. </ FrameLayout >
  62. </ LinearLayout >
  64. </ TabHost >


Activity主界面代碼 :


[java] view plain copy 在CODE上查看代碼片
  1. package shuliang.han.tabhost_test;
  3. import android.app.TabActivity;
  4. import android.os.Bundle;
  5. import android.widget.TabHost;
  6. import android.widget.TabHost.TabSpec;
  8. public class MainActivity extends TabActivity{
  10. @Override
  11. protected void onCreate(BundlesavedInstanceState){
  12. super .onCreate(savedInstanceState);
  13. setContentView(R.layout.tabhost);
  15. TabHosttabHost=getTabHost();
  17. TabSpecpage1=tabHost.newTabSpec( "tab1" )
  18. .setIndicator( "叫獸" )
  19. .setContent(R.id.isanimal);
  20. tabHost.addTab(page1);
  22. TabSpecpage2=tabHost.newTabSpec( "tab2" )
  23. .setIndicator( "老濕" )
  24. .setContent(R.id.alwayswet);
  25. tabHost.addTab(page2);
  27. TabSpecpage3=tabHost.newTabSpec( "tab3" )
  28. .setIndicator( "哪吒" )
  29. .setContent(R.id.nezha);
  30. tabHost.addTab(page3);
  31. }
  33. }
轉自：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精品成人片三人毛片 | 激情综合色综合久久综合 |