{"id":976,"date":"2015-08-18T16:39:17","date_gmt":"2015-08-18T08:39:17","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=976"},"modified":"2026-08-18T12:58:44","modified_gmt":"2026-08-18T04:58:44","slug":"fragment%e4%bb%8b%e7%bb%8d%e5%92%8c%e8%bf%90%e7%94%a8","status":"publish","type":"post","link":"https:\/\/ai.zhousir.top\/?p=976","title":{"rendered":"Fragment\u4ecb\u7ecd\u548c\u8fd0\u7528"},"content":{"rendered":"
\n
\n

\u5728 Android \u4e0a\u505a\u52a8\u6001\u3001\u591a\u7a97\u53e3\u4ea4\u4e92\u65f6\uff0c\u9700\u8981\u628a UI \u548c Activity \u64cd\u4f5c\u5c01\u88c5\u6210\u53ef\u5207\u5165\u5207\u51fa\u7684\u6a21\u5757\u3002Fragment<\/code> \u5c31\u50cf\u5d4c\u5957\u7684 Activity\uff1a\u6709\u81ea\u5df1\u7684 layout\uff0c\u4e5f\u7ba1\u7406\u81ea\u5df1\u7684\u751f\u547d\u5468\u671f\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c Activity \u91cc\u590d\u7528\u3002<\/p>\n<\/blockquote>\n

<\/p>\n

\u53ef\u4ee5\u628a Fragment \u60f3\u6210 Activity \u91cc\u4e00\u5757\u6a21\u5757\u5316\u7684\u90e8\u5206\uff1a\u81ea\u5df1\u7684\u751f\u547d\u5468\u671f\u3001\u81ea\u5df1\u63a5\u6536\u8f93\u5165\u4e8b\u4ef6\uff0cActivity \u8fd0\u884c\u4e2d\u4e5f\u80fd\u6dfb\u52a0\u6216\u79fb\u9664\uff08\u7c7b\u4f3c\u201c\u5b50 Activity\u201d\uff09\u3002\u8fd8\u4e0d\u719f\u7684\u8bdd\u53ef\u4ee5\u5148\u770b Android Fragment\u5b8c\u5168\u89e3\u6790<\/a>\uff08\u521b\u5efa\u3001\u9759\u6001\/\u52a8\u6001\u6dfb\u52a0\u3001\u751f\u547d\u5468\u671f\u3001\u76f8\u4e92\u901a\u4fe1\uff09\u3002\u5b66 FragmentTabHost \u4e4b\u524d\uff0c\u4e5f\u53ef\u5bf9\u7167\u7ad9\u5185 TabHost\u4e3b\u754c\u9762\u5b9e\u73b0<\/a>\u3002\u4e0b\u9762\u5047\u8bbe\u5df2\u638c\u63e1 RadioGroup \/ RadioButton \u505a\u5e95\u90e8 Tab\u3002<\/p>\n

\n

\u4e00\u3001FragmentTabHost \u5b9e\u73b0<\/span><\/h2>\n

\u5e03\u5c40 activity_raido_tab_fragment_layout.xml<\/code>\uff1a\u5e95\u90e8 RadioGroup \u5f53 Tab\uff0c\u5185\u5bb9\u533a\u4ea4\u7ed9 FragmentTabHost\u3002<\/p>\n

<?xml version="1.0" encoding="utf-8"?>\n<android.support.v4.app.FragmentTabHost 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="@color\/gray_bg"\n            android:divider="@null"\n            android:visibility="gone" >\n        <\/TabWidget>\n\n        <RadioGroup\n            android:id="@+id\/raidoGroupTab"\n            android:layout_width="match_parent"\n            android:layout_height="wrap_content"\n            android:layout_alignParentBottom="true"\n            android:background="@drawable\/button_color_confirm_selector"\n            android:orientation="horizontal" >\n\n            <RadioButton\n                android:id="@+id\/raidoTab1"\n                style="@style\/main_tab_bottom"\n                android:layout_width="wrap_content"\n                android:layout_height="wrap_content"\n                android:drawableTop="@drawable\/btn_tab_main"\n                android:text="\u9996\u9875" \/>\n\n            <RadioButton\n                android:id="@+id\/raidoTab2"\n                style="@style\/main_tab_bottom"\n                android:layout_width="wrap_content"\n                android:layout_height="wrap_content"\n                android:drawableTop="@drawable\/btn_tab_meishi"\n                android:text="\u7f8e\u98df" \/>\n\n            <RadioButton\n                android:id="@+id\/raidoTab3"\n                style="@style\/main_tab_bottom"\n                android:layout_width="wrap_content"\n                android:layout_height="wrap_content"\n                android:drawableTop="@drawable\/btn_tab_yule"\n                android:text="\u5a31\u4e50" \/>\n        <\/RadioGroup>\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="@id\/raidoGroupTab" >\n        <\/FrameLayout>\n    <\/RelativeLayout>\n\n<\/android.support.v4.app.FragmentTabHost><\/code><\/pre>\n
\u6837\u5f0f main_tab_bottom<\/code>\uff1a<\/p>\n
<style name="main_tab_bottom">\n    <item name="android:textSize">@dimen\/bottom_tab_font_size<\/item>\n    <item name="android:gravity">center_horizontal|bottom<\/item>\n    <item name="android:paddingTop">@dimen\/bottom_tab_padding_up<\/item>\n    <item name="android:background">@drawable\/home_btn_bg<\/item>\n    <item name="android:paddingBottom">2.0dip<\/item>\n    <item name="android:layout_width">fill_parent<\/item>\n    <item name="android:layout_height">wrap_content<\/item>\n    <item name="android:button">@null<\/item>\n    <item name="android:drawablePadding">@dimen\/bottom_tab_padding_drawable<\/item>\n    <item name="android:layout_weight">1.0<\/item>\n<\/style><\/code><\/pre>\n
Activity \u91cc setup FragmentTabHost\uff0c\u7528 RadioGroup \u5207\u6362 setCurrentTabByTag<\/code>\uff1a<\/p>\n
@Override\nprotected void onCreate(Bundle savedInstanceState) {\n    super.onCreate(savedInstanceState);\n    setContentView(R.layout.activity_raido_tab_fragment_layout);\n    mRadioGroup = (RadioGroup) findViewById(R.id.raidoGroupTab);\n\n    mTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);\n    mTabHost.setup(this, getSupportFragmentManager(), android.R.id.tabcontent);\n\n    mTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator("\u9996\u9875"), FragmentMain.class, null);\n    mTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator("\u641c\u7d22"), FragmentSearch.class, null);\n    mTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator("\u8bbe\u7f6e"), FragmentSetting.class, null);\n\n    mRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {\n        @Override\n        public void onCheckedChanged(RadioGroup group, int checkedId) {\n            switch (checkedId) {\n            case R.id.raidoTab1:\n                mTabHost.setCurrentTabByTag("tab1");\n                break;\n            case R.id.raidoTab2:\n                mTabHost.setCurrentTabByTag("tab2");\n                break;\n            case R.id.raidoTab3:\n                mTabHost.setCurrentTabByTag("tab3");\n                break;\n            }\n        }\n    });\n    ((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/ \u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879\n}<\/code><\/pre>\n
\n
\u4e8c\u3001replace \u5207\u6362<\/span><\/h2>\n
\u5e03\u5c40 fragment_tabs_replace_act.xml<\/code>\uff1a\u4e0a\u9762 FrameLayout \u653e\u5185\u5bb9\uff0c\u5e95\u90e8 RadioGroup \u505a\u83dc\u5355\u3002<\/p>\n
<LinearLayout xmlns:android="http:\/\/schemas.android.com\/apk\/res\/android"\n    xmlns:tools="http:\/\/schemas.android.com\/tools"\n    android:layout_width="match_parent"\n    android:layout_height="match_parent"\n    android:background="@drawable\/bottom_bg"\n    android:orientation="vertical" >\n\n    <!-- \u4e0a\u8fb9\u4e3b\u9875\u9762 -->\n    <FrameLayout\n        android:id="@+id\/fragments_content"\n        android:layout_width="match_parent"\n        android:layout_height="0dp"\n        android:layout_weight="1" \/>\n\n    <!-- \u5e95\u90e8\u83dc\u5355\u9875\u9762 -->\n    <RadioGroup\n        android:id="@+id\/bottomRg"\n        android:layout_width="fill_parent"\n        android:layout_height="wrap_content"\n        android:layout_gravity="bottom"\n        android:background="@drawable\/maintab_toolbar_bg"\n        android:orientation="horizontal" >\n\n        <RadioButton\n            android:id="@+id\/rbOne"\n            style="@style\/main_tab_bottom"\n            android:layout_marginTop="2.0dip"\n            android:drawableTop="@drawable\/icon_pinglun"\n            android:text="\u9996\u9875" \/>\n\n        <RadioButton\n            android:id="@+id\/rbTwo"\n            style="@style\/main_tab_bottom"\n            android:layout_marginTop="2.0dip"\n            android:drawableTop="@drawable\/icon_xianshi"\n            android:text="\u641c\u7d22" \/>\n\n        <RadioButton\n            android:id="@+id\/rbThree"\n            style="@style\/main_tab_bottom"\n            android:layout_marginTop="2.0dip"\n            android:drawableTop="@drawable\/icon_nongjiale"\n            android:text="\u8bbe\u7f6e" \/>\n    <\/RadioGroup>\n\n<\/LinearLayout><\/code><\/pre>\n
\u6bcf\u6b21 checked \u53d8\u5316\u90fd replace<\/code>\uff1a<\/p>\n
@Override\nprotected void onCreate(Bundle savedInstanceState) {\n    super.onCreate(savedInstanceState);\n    requestWindowFeature(Window.FEATURE_NO_TITLE);\n    setContentView(R.layout.fragment_tabs_replace_act);\n    mRadioGroup = (RadioGroup) findViewById(R.id.bottomRg);\n\n    mainFragment = (FragmentMain) FragmentMain.newInstance();\n    searchFragment = (FragmentSearch) FragmentSearch.newInstance();\n    settingFragment = (FragmentSetting) FragmentSetting.newInstance();\n\n    mRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {\n        @Override\n        public void onCheckedChanged(RadioGroup group, int checkedId) {\n            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();\n            switch (checkedId) {\n            case R.id.rbOne:\n                if (mainFragment == null) {\n                    mainFragment = (FragmentMain) FragmentMain.newInstance();\n                }\n                fragmentTransaction.replace(R.id.fragments_content, mainFragment);\n                break;\n            case R.id.rbTwo:\n                if (searchFragment == null) {\n                    searchFragment = (FragmentSearch) FragmentSearch.newInstance();\n                }\n                fragmentTransaction.replace(R.id.fragments_content, searchFragment);\n                break;\n            case R.id.rbThree:\n                if (settingFragment == null) {\n                    settingFragment = (FragmentSetting) FragmentSetting.newInstance();\n                }\n                fragmentTransaction.replace(R.id.fragments_content, settingFragment);\n                break;\n            }\n            fragmentTransaction.commit();\n        }\n    });\n    ((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/ \u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879\n}<\/code><\/pre>\n
replace \u672c\u8d28\u662f\u5148 remove \u518d add\uff0c\u751f\u547d\u5468\u671f\u4f1a\u4ece onAttach<\/code> \u8d70\u5230 onDetach<\/code>\uff0c\u89c6\u56fe\u72b6\u6001\u4fdd\u4e0d\u4f4f\u3002FragmentSearch \u91cc EditText \u8f93\u5165\u7684\u5185\u5bb9\u4e00\u5207\u6362\u5c31\u6ca1\u4e86\u3002<\/p>\n
\"life\"<\/a><\/p>\n
\"fragment_tab1\"<\/a><\/p>\n
\n
\u4e09\u3001show \/ hide \u4fdd\u5b58\u72b6\u6001<\/span><\/h2>\n
\u5e03\u5c40\u4e0e\u4e0a\u4e00\u8282\u76f8\u540c\u3002\u5148 hide \u5168\u90e8\uff0c\u518d show \u5f53\u524d\uff1b\u5c1a\u672a\u521b\u5efa\u5219 add\uff1a<\/p>\n
@Override\nprotected void onCreate(Bundle savedInstanceState) {\n    super.onCreate(savedInstanceState);\n    requestWindowFeature(Window.FEATURE_NO_TITLE);\n    setContentView(R.layout.fragment_tabs_replace_act);\n    mRadioGroup = (RadioGroup) findViewById(R.id.bottomRg);\n\n    mRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {\n        @Override\n        public void onCheckedChanged(RadioGroup group, int checkedId) {\n            FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();\n            hideFragments(fragmentTransaction);\n            switch (checkedId) {\n            case R.id.rbOne:\n                if (mainFragment == null) {\n                    mainFragment = new FragmentMain();\n                    fragmentTransaction.add(R.id.fragments_content, mainFragment);\n                } else {\n                    fragmentTransaction.show(mainFragment);\n                }\n                break;\n            case R.id.rbTwo:\n                if (searchFragment == null) {\n                    searchFragment = new FragmentSearch();\n                    fragmentTransaction.add(R.id.fragments_content, searchFragment);\n                } else {\n                    fragmentTransaction.show(searchFragment);\n                }\n                break;\n            case R.id.rbThree:\n                if (settingFragment == null) {\n                    settingFragment = new FragmentSetting();\n                    fragmentTransaction.add(R.id.fragments_content, settingFragment);\n                } else {\n                    fragmentTransaction.show(settingFragment);\n                }\n                break;\n            }\n            fragmentTransaction.commit();\n        }\n    });\n    ((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/ \u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879\n}\n\n\/**\n * \u5c06\u6240\u6709\u7684 Fragment \u90fd\u7f6e\u4e3a\u9690\u85cf\u72b6\u6001\u3002\n *\/\nprivate void hideFragments(FragmentTransaction transaction) {\n    if (mainFragment != null) {\n        transaction.hide(mainFragment);\n    }\n    if (searchFragment != null) {\n        transaction.hide(searchFragment);\n    }\n    if (settingFragment != null) {\n        transaction.hide(settingFragment);\n    }\n}<\/code><\/pre>\n
\"fragment_tab2\"<\/a><\/p>\n
\n
\u56db\u3001\u4e09\u79cd\u5207 Tab \u5bf9\u7167<\/span><\/h2>\n\n\n\n\n\n\n\n
\u505a\u6cd5<\/th>\n\u5207\u6362\u65b9\u5f0f<\/th>\n\u751f\u547d\u5468\u671f<\/th>\n\u89c6\u56fe\u72b6\u6001<\/th>\n<\/tr>\n<\/thead>\n
FragmentTabHost<\/td>\nsetCurrentTabByTag<\/td>\n\u7531 TabHost \u6258\u7ba1<\/td>\n\u4e00\u822c\u53ef\u4fdd\u7559<\/td>\n<\/tr>\n
replace<\/td>\nremove + add<\/td>\nonAttach \u2192 onDetach<\/td>\n\u4e0d\u80fd\u4fdd\u5b58\uff0cEditText \u4f1a\u4e22<\/td>\n<\/tr>\n
show \/ hide<\/td>\nadd \u4e00\u6b21\u540e hide\/show<\/td>\n\u4e0d\u4f1a\u8d70\u5b8c\u9500\u6bc1\u6d41\u7a0b<\/td>\n\u53ef\u4ee5\u4fdd\u5b58\u8f93\u5165<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n
\u4e00\u53e5\u8bdd\u603b\u7ed3\uff1a\u5e95\u90e8 Tab \u7528 Fragment \u6a21\u5757\u5316\u5373\u53ef\uff1b\u8981\u4fdd\u4f4f\u8f93\u5165\u72b6\u6001\uff0c\u4f18\u5148 show\/hide\uff0c\u4e0d\u8981\u6bcf\u6b21 replace\u3002<\/strong><\/p>\n<\/blockquote>\n<\/section>\n","protected":false},"excerpt":{"rendered":"
\u5728 Android \u4e0a\u505a\u52a8\u6001\u3001\u591a\u7a97\u53e3\u4ea4\u4e92\u65f6\uff0c\u9700\u8981\u628a UI \u548c Activity \u64cd\u4f5c\u5c01\u88c5\u6210\u53ef\u5207\u5165\u5207\u51fa\u7684\u6a21\u5757\u3002F […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[67],"tags":[68],"_links":{"self":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/976"}],"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=976"}],"version-history":[{"count":3,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/976\/revisions"}],"predecessor-version":[{"id":983,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=\/wp\/v2\/posts\/976\/revisions\/983"}],"wp:attachment":[{"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=976"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=976"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ai.zhousir.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}