{"id":846,"date":"2015-07-03T16:54:42","date_gmt":"2015-07-03T08:54:42","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=846"},"modified":"2026-08-18T12:58:42","modified_gmt":"2026-08-18T04:58:42","slug":"android%e4%b8%adtabhost%e4%b8%bb%e7%95%8c%e9%9d%a2%e5%ae%9e%e7%8e%b0","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=846","title":{"rendered":"Android\u4e2dTabHost\u4e3b\u754c\u9762\u5b9e\u73b0"},"content":{"rendered":"
\n
\n

App \u4e3b\u754c\u9762\u5e38\u7528\u5e95\u90e8\u9009\u9879\u5361\uff08Tab\uff09<\/strong>\u505a\u5165\u53e3\u3002\u672c\u7bc7\u8bb2\u8f83\u53e4\u8001\u7684\u4e00\u5957\uff1aTabActivity<\/code> + TabHost<\/code>\uff1a\u5e03\u5c40\u4e09\u533a\u3001\u7cfb\u7edf\u9875\u5361\u3001\u518d\u7528\u81ea\u5b9a\u4e49 View \u6362\u56fe\u6807\u548c\u6587\u5b57\u9009\u4e2d\u6001\u3002FragmentActivity \u65b9\u6848\u53e6\u6587\u518d\u5199\u3002<\/p>\n<\/blockquote>\n

<\/p>\n

\n

\u4e00\u3001Tab \u4e3b\u754c\u9762\u957f\u4ec0\u4e48\u6837<\/span><\/h2>\n

\u5148\u770b\u4e00\u4e2a\u5e95\u90e8\u9875\u5361\u7684 App \u4e3b\u754c\u9762\uff1a\u70b9\u4e0d\u540c Tab \u5207\u5230\u4e0d\u540c\u5185\u5bb9\u9875\u3002<\/p>\n

\"anzhi1\"<\/a><\/p>\n

\u5c4f\u5e55\u901a\u5e38\u5206\u6210\u4e09\u5757\uff1a\u6807\u9898\u533a<\/strong>\u3001\u9875\u5361\u5185\u5bb9\u533a<\/strong>\u3001\u9875\u5361\u533a<\/strong>\u3002<\/p>\n

\"QQ\u255c\u256a\u2550\u255d20150703163230\"<\/a><\/p>\n

\n

\u4e8c\u3001\u5e03\u5c40\uff1aTabHost + TabWidget + FrameLayout<\/span><\/h2>\n

TabWidget<\/code> \u662f\u9875\u5361\u6761\uff0cFrameLayout<\/code>\uff08@android:id\/tabcontent<\/code>\uff09\u662f\u5185\u5bb9\u533a\u3002\u5e95\u90e8 Tab \u7528 layout_alignParentBottom<\/code>\uff0c\u5185\u5bb9\u533a layout_above<\/code> \u9876\u5728 Tab \u4e0a\u9762\u3002<\/p>\n

<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<TabHost xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:id=\"@android:id\/tabhost\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\" >\n\n    <RelativeLayout\n        android:layout_width=\"match_parent\"\n        android:layout_height=\"match_parent\" >\n\n        <TabWidget\n            android:id=\"@android:id\/tabs\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"wrap_content\"\n            android:layout_alignParentBottom=\"true\"\n            android:background=\"@android:color\/white\" >\n        <\/TabWidget>\n\n        <FrameLayout\n            android:id=\"@android:id\/tabcontent\"\n            android:layout_width=\"match_parent\"\n            android:layout_height=\"match_parent\"\n            android:layout_above=\"@android:id\/tabs\" >\n        <\/FrameLayout>\n    <\/RelativeLayout>\n\n<\/TabHost><\/code><\/pre>\n
\n
\u4e09\u3001\u4ee3\u7801\uff1anewTabSpec + Intent \u5185\u5bb9\u9875<\/span><\/h2>\n
getTabHost()<\/code> \u62ff\u5230 Host\uff0c\u6bcf\u4e2a\u9875\u5361\u4e00\u4e2a TabSpec<\/code>\uff1asetIndicator<\/code> \u8bbe\u6807\u9898\uff0csetContent(Intent)<\/code> \u6307\u5411\u5bf9\u5e94 Activity\u3002<\/p>\n
@Override\nprotected void onCreate(Bundle savedInstanceState) {\n    super.onCreate(savedInstanceState);\n\n    setContentView(R.layout.activity_tab1_layout);\n\n    TabHost tabHost = getTabHost();\n\n    TabSpec tabSpec1 = tabHost.newTabSpec(\"tab1\");\n    tabSpec1.setIndicator(\"\u9875\u53611\");\n    tabSpec1.setContent(new Intent(context, RadioButtonActivity.class));\n\n    TabSpec tabSpec2 = tabHost.newTabSpec(\"tab2\");\n    tabSpec2.setIndicator(\"\u9875\u53612\");\n    tabSpec2.setContent(new Intent(context, LinerLayoutAcitiy.class));\n\n    TabSpec tabSpec3 = tabHost.newTabSpec(\"tab3\");\n    tabSpec3.setIndicator(\"\u9875\u53613\");\n    tabSpec3.setContent(new Intent(context, SimpleListActivity.class));\n\n    tabHost.addTab(tabSpec1);\n    tabHost.addTab(tabSpec2);\n    tabHost.addTab(tabSpec3);\n}<\/code><\/pre>\n
\u8fd9\u6837\u51fa\u6765\u7684\u662f\u7cfb\u7edf\u9ed8\u8ba4\u9875\u5361\u3002\u8981\u56fe\u6807+\u9009\u4e2d\u8272\uff0c\u6539\u7528 setIndicator(View)<\/code> \u585e\u81ea\u5b9a\u4e49 View\u3002<\/p>\n
\n
\u56db\u3001\u81ea\u5b9a\u4e49\u9875\u5361 View \u4e0e selector<\/span><\/h2>\n
inflate \u9875\u5361\u5e03\u5c40\uff0c\u6309 Tab \u5e38\u91cf\u586b\u6807\u9898\u548c\u56fe\u6807 selector\uff1a<\/p>\n
private View createIndicatorView(int tab) {\n    View view = mLayoutInflater.inflate(R.layout.view_tab_item_layout, null);\n\n    TextView titleTxt = (TextView) view.findViewById(R.id.tab_title);\n    ImageView iconImg = (ImageView) view.findViewById(R.id.tab_icon);\n\n    switch(tab){\n    case HOME_TAB:\n        titleTxt.setText(\"\u9996\u9875\");\n        iconImg.setImageResource(R.drawable.selector_drawable_home_tab);\n        break;\n    case CONTENT_TAB:\n        titleTxt.setText(\"\u5546\u5bb6\");\n        iconImg.setImageResource(R.drawable.selector_drawable_content_tab);\n        break;\n    case MORE_TAB:\n        titleTxt.setText(\"\u66f4\u591a\");\n        iconImg.setImageResource(R.drawable.selector_drawable_set_tab);\n        break;\n    }\n\n    return view;\n}<\/code><\/pre>\n
\u9875\u5361\u56fe\u6807 selector\uff08pressed \/ selected \u7528\u4eae\u56fe\uff0c\u9ed8\u8ba4\u6697\u56fe\uff09\uff1a<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<selector xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\n\n    <item android:drawable=\"@drawable\/ic_menu_more_on\" android:state_pressed=\"true\"><\/item>\n    <item android:drawable=\"@drawable\/ic_menu_more_on\" android:state_selected=\"true\"><\/item>\n    <item android:drawable=\"@drawable\/ic_menu_more_off\"><\/item>\n\n<\/selector><\/code><\/pre>\n
\u9875\u5361\u6587\u5b57\u989c\u8272 selector\uff1a<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<selector xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\">\n\n    <item android:state_pressed=\"true\" android:color=\"@color\/green_tab\"><\/item>\n    <item android:state_selected=\"true\" android:color=\"@color\/green_tab\"><\/item>\n    <item android:color=\"@color\/darker_gray_tab\"><\/item>\n\n<\/selector><\/code><\/pre>\n
\u9875\u5361 item \u5e03\u5c40\uff08\u6587\u5b57\u989c\u8272\u3001\u56fe\u6807\u90fd\u6307\u5411 selector\uff09\uff1a<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n    android:layout_width=\"match_parent\"\n    android:layout_height=\"match_parent\"\n    android:orientation=\"vertical\"\n    android:gravity=\"center\"\n    android:paddingTop=\"3dp\"\n    android:paddingBottom=\"3dp\">\n\n    <TextView\n        android:id=\"@+id\/tab_title\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:textColor=\"@drawable\/selector_color_home_tab\"\n        android:text=\"\u9996\u9875\" \/>\n\n    <ImageView\n        android:id=\"@+id\/tab_icon\"\n        android:layout_width=\"wrap_content\"\n        android:layout_height=\"wrap_content\"\n        android:src=\"@drawable\/selector_drawable_home_tab\"\/>\n\n<\/LinearLayout><\/code><\/pre>\n\n\n\n\n\n\n\n\n\n
\u89d2\u8272<\/th>\n\u63a7\u4ef6 \/ \u65b9\u6cd5<\/th>\n\u505a\u4ec0\u4e48<\/th>\n<\/tr>\n<\/thead>\n
\u5bb9\u5668<\/td>\nTabHost<\/code><\/td>\nid \u5fc5\u987b\u662f @android:id\/tabhost<\/code><\/td>\n<\/tr>\n
\u9875\u5361\u6761<\/td>\nTabWidget<\/code><\/td>\n@android:id\/tabs<\/code>\uff0c\u53ef\u8d34\u5e95<\/td>\n<\/tr>\n
\u5185\u5bb9\u533a<\/td>\nFrameLayout<\/code><\/td>\n@android:id\/tabcontent<\/code><\/td>\n<\/tr>\n
\u7cfb\u7edf\u6837\u5f0f<\/td>\nsetIndicator(String)<\/code><\/td>\n\u7eaf\u6587\u5b57\u9875\u5361<\/td>\n<\/tr>\n
\u81ea\u5b9a\u4e49<\/td>\nsetIndicator(View)<\/code><\/td>\n\u56fe\u6807 + \u6587\u5b57 selector<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\u5b9e\u73b0\u6548\u679c\uff1a<\/p>\n
\"tabhost1\"<\/a><\/p>\n
\n
\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1aTabHost \u4e3b\u754c\u9762 = \u5e95\u90e8 TabWidget + \u4e0a\u9762 tabcontent\uff1b\u7cfb\u7edf\u9875\u5361\u7528 setIndicator(\u6587\u5b57)\uff0c\u597d\u770b\u7684\u9875\u5361\u7528\u81ea\u5b9a\u4e49 View + selector \u6362\u56fe\u6807\u548c\u9009\u4e2d\u8272\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"
App \u4e3b\u754c\u9762\u5e38\u7528\u5e95\u90e8\u9009\u9879\u5361\uff08Tab\uff09\u505a\u5165\u53e3\u3002\u672c\u7bc7\u8bb2\u8f83\u53e4\u8001\u7684\u4e00\u5957\uff1aTabActivity + TabHost\uff1a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[195],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/846"}],"collection":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=846"}],"version-history":[{"count":3,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/846\/revisions"}],"predecessor-version":[{"id":855,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/846\/revisions\/855"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=846"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=846"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}