{"id":846,"date":"2015-07-03T16:54:42","date_gmt":"2015-07-03T08:54:42","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=846"},"modified":"2015-07-03T17:15:24","modified_gmt":"2015-07-03T09:15:24","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":"

\u5728App\u8bbe\u8ba1\u4e2d\u901a\u5e38\u4f1a\u8bbe\u8ba1\u4e00\u4e2a\u4e3b\u754c\u9762\u4f5c\u4e3a\u8fdb\u5165\u5176\u5b83\u754c\u9762\u7684\u5165\u53e3,\u4e00\u822c\u4f1a\u9009\u62e9\u9009\u9879\u5361\u4e5f\u53eb\u9875\u5361Tab\u6765\u5b9e\u73b0.
\n\u4eca\u5929\u6211\u4eec\u6765\u63a2\u8ba8\u4e0bAndroid\u5e94\u7528\u7a0b\u5e8f\u4e2d\u4e00\u4e2a\u53e4\u8001\u7684\u5b9e\u73b0\u65b9\u5f0f:TabActivity+TabHost, \u540e\u9762\u5728\u5206\u6790FramgentActivity\u5b9e\u73b0\u65b9\u5f0f.
\n<\/p>\n

\u9996\u5148\u6211\u4eec\u6765\u770b\u4e0bTab\u9009\u9879\u5361\u7684\u771f\u9762\u76ee.<\/strong>
\n\"anzhi1\"<\/a><\/p>\n

\u6211\u4eec\u770b\u5230\u662f\u4e00\u4e2aAPP\u7684\u4e3b\u754c\u9762\uff0cTAB\u9875\u5361\u4f4d\u4e8e\u5c4f\u5e55\u5e95\u90e8\uff0c\u6211\u4eec\u70b9\u51fb\u9875\u5361\u540e\u5207\u6362\u5230\u4e0d\u540c\u754c\u9762.<\/p>\n

\u4e3b\u5c4f\u5e55\u88ab\u5206\u6210\u4e86\u4e09\u4e2a\u533a\u57df:\u6807\u9898\u533a\u57df\uff0c\u9875\u5361\u5185\u5bb9\u533a\u57df\uff0c\u9875\u5361\u533a\u57df.<\/p>\n

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

\u5206\u6790\u5b8c\u754c\u9762\u6784\u9020\u540e\u63a5\u7740\u6211\u4eec\u770b\u4e0b\u5177\u4f53\u5982\u4f55\u5b9e\u73b0<\/strong>
\n1.\u5e03\u5c40\u6587\u4ef6<\/p>\n

[java] <?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" ><\/p>\n

<RelativeLayout
\n android:layout_width="match_parent"
\n android:layout_height="match_parent" ><\/p>\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><\/p>\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><\/p>\n

<\/TabHost>[\/java]<\/p>\n

\u5176\u4e2dTabWidget\u8868\u793a\u9875\u5361\u533a\u57df,FrameLayout\u5e03\u5c40\u4e3a\u9875\u5361\u5185\u5bb9\u533a\u57df.<\/p>\n

2.\u4ee3\u7801<\/p>\n

[java]@Override
\n\tprotected void onCreate(Bundle savedInstanceState) {
\n\t\tsuper.onCreate(savedInstanceState);<\/p>\n

\t\tsetContentView(R.layout.activity_tab1_layout);<\/p>\n

\t\tTabHost tabHost = getTabHost();<\/p>\n

\t\tTabSpec tabSpec1 = tabHost.newTabSpec("tab1");
\n\t\ttabSpec1.setIndicator("\u9875\u53611");
\n\t\ttabSpec1.setContent(new Intent(context, RadioButtonActivity.class));<\/p>\n

\t\tTabSpec tabSpec2 = tabHost.newTabSpec("tab2");
\n\t\ttabSpec2.setIndicator("\u9875\u53612");
\n\t\ttabSpec2.setContent(new Intent(context, LinerLayoutAcitiy.class));<\/p>\n

\t\tTabSpec tabSpec3 = tabHost.newTabSpec("tab3");
\n\t\ttabSpec3.setIndicator("\u9875\u53613");
\n\t\ttabSpec3.setContent(new Intent(context, SimpleListActivity.class));<\/p>\n

\t\ttabHost.addTab(tabSpec1);
\n\t\ttabHost.addTab(tabSpec2);
\n\t\ttabHost.addTab(tabSpec3);<\/p>\n

\t}
\n[\/java]<\/p>\n

\u7ecf\u8fc7\u4e0a\u8ff0\u64cd\u4f5c\u5b9e\u73b0\u6548\u679c\u4e3a\u7cfb\u7edf\u6548\u679c,\u4e3a\u4e86\u5f97\u5230\u66f4\u597d\u770b\u7684\u9875\u5361\uff0c\u9700\u8981\u81ea\u5df1\u5b9a\u4e49\u4e00\u4e2a\u9875\u5361View,\u901a\u8fc7setIndicator(View view)\u65b9\u6cd5\u8bbe\u7f6e.<\/p>\n

\u81ea\u5b9a\u4e49View\u65b9\u6cd5<\/strong><\/p>\n

[java]private View createIndicatorView(int tab) {
\n\t\tView view = mLayoutInflater.inflate(R.layout.view_tab_item_layout, null);<\/p>\n

\t\tTextView titleTxt = (TextView) view.findViewById(R.id.tab_title);
\n\t\tImageView iconImg = (ImageView) view.findViewById(R.id.tab_icon);<\/p>\n

\t\tswitch(tab){
\n\t\tcase HOME_TAB:
\n\t\t\ttitleTxt.setText("\u9996\u9875");
\n\t\t\ticonImg.setImageResource(R.drawable.selector_drawable_home_tab);
\n\t\t\tbreak;
\n\t\tcase CONTENT_TAB:
\n\t\t\ttitleTxt.setText("\u5546\u5bb6");
\n\t\t\ticonImg.setImageResource(R.drawable.selector_drawable_content_tab);
\n\t\t\tbreak;
\n\t\tcase MORE_TAB:
\n\t\t\ttitleTxt.setText("\u66f4\u591a");
\n\t\t\ticonImg.setImageResource(R.drawable.selector_drawable_set_tab);
\n\t\t\tbreak;
\n\t\t}<\/p>\n

\t\treturn view;
\n\t}[\/java]<\/p>\n

\u51c6\u5907\u76f8\u5173\u56fe\u7247\u8d44\u6e90,\u9875\u5361\u56fe\u6807selector\u6587\u4ef6\u5b9a\u4e49:<\/p>\n

[java]
\n<?xml version="1.0" encoding="utf-8"?>
\n<selector xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"><\/p>\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><\/p>\n

<\/selector>
\n[\/java]<\/p>\n

\u9875\u5361\u6587\u5b57selector\u6587\u4ef6\u5b9a\u4e49:<\/p>\n

[java]<?xml version="1.0" encoding="utf-8"?>
\n<selector xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"><\/p>\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><\/p>\n

<\/selector>[\/java]<\/p>\n

\u9875\u5361View\u5e03\u5c40\u6587\u4ef6\u5b9a\u4e49<\/p>\n

[java]<?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"><\/p>\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" \/><\/p>\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"\/><\/p>\n

<\/LinearLayout>[\/java]<\/p>\n

\u5b9e\u73b0\u6548\u679c<\/strong><\/p>\n

\"tabhost1\"<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

\u5728App\u8bbe\u8ba1\u4e2d\u901a\u5e38\u4f1a\u8bbe\u8ba1\u4e00\u4e2a\u4e3b\u754c\u9762\u4f5c\u4e3a\u8fdb\u5165\u5176\u5b83\u754c\u9762\u7684\u5165\u53e3,\u4e00\u822c\u4f1a\u9009\u62e9\u9009\u9879\u5361\u4e5f\u53eb\u9875\u5361Tab\u6765\u5b9e\u73b0. \u4eca\u5929\u6211\u4eec\u6765\u63a2 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_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":6,"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}]}}