{"id":976,"date":"2015-08-18T16:39:17","date_gmt":"2015-08-18T08:39:17","guid":{"rendered":"https:\/\/ai.zhousir.top\/?p=976"},"modified":"2015-08-18T16:45:33","modified_gmt":"2015-08-18T08:45:33","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":"

\u4e3a\u4e86\u5728Android\u4e0a\u4e3a\u7528\u6237\u63d0\u4f9b\u52a8\u6001\u7684\u3001\u591a\u7a97\u53e3\u7684\u4ea4\u4e92\u4f53\u9a8c\uff0c\u6211\u4eec\u9700\u8981\u5c06UI\u7ec4\u4ef6\u548cActivity\u64cd\u4f5c\u5c01\u88c5\u6210\u6a21\u5757\u8fdb\u884c\u4f7f\u7528\uff0c\u4f7f\u5f97\u6211\u4eec\u53ef\u4ee5\u5728activity\u4e2d\u5bf9\u8fd9\u4e9b\u6a21\u5757\u8fdb\u884c\u5207\u5165\u5207\u51fa\u64cd\u4f5c\u3002\u53ef\u4ee5\u7528Fragment\u6765\u521b\u5efa\u8fd9\u4e9b\u6a21\u5757\uff0cFragment\u5c31\u50cf\u4e00\u4e2a\u5d4c\u5957\u7684activity\uff0c\u62e5\u6709\u81ea\u5df1\u7684\u5e03\u5c40\uff08layout\uff09\u5e76\u7ba1\u7406\u81ea\u5df1\u7684\u751f\u547d\u5468\u671f\u3002
\n
\n\u6211\u4eec\u53ef\u4ee5\u628afragment\u60f3\u8c61\u6210activity\u4e2d\u4e00\u4e2a\u6a21\u5757\u5316\u7684\u90e8\u5206\uff0c\u5b83\u62e5\u6709\u81ea\u5df1\u7684\u751f\u547d\u5468\u671f\uff0c\u63a5\u6536\u81ea\u5df1\u7684\u8f93\u5165\u4e8b\u4ef6\uff0c\u53ef\u4ee5\u5728acvitity\u8fd0\u884c\u8fc7\u7a0b\u4e2d\u6dfb\u52a0\u6216\u8005\u79fb\u9664\uff08\u6709\u70b9\u50cf”\u5b50activity”\uff0c\u53ef\u4ee5\u5728\u4e0d\u540c\u7684activity\u91cc\u9762\u91cd\u590d\u4f7f\u7528\uff09<\/p>\n

\u5bf9Fragment\u8fd8\u4e0d\u4e86\u89e3\u7684\u540c\u5b66\u53ef\u4ee5\u53c2\u8003\u535a\u5ba2Android Fragment\u5b8c\u5168\u89e3\u6790<\/a>\u4ecb\u7ecd\u4e86Fragment\u7684\u521b\u5efa\u3001\u9759\u6001\u6dfb\u52a0\u3001\u52a8\u6001\u6dfb\u52a0\u3001\u751f\u547d\u5468\u671f\u548c\u76f8\u4e92\u901a\u4fe1\u3002<\/p>\n

\u8fd9\u91cc\u6211\u4eec\u4ecb\u7ecd\u5982\u4f55\u7528Fragment\u5b9e\u73b0Tab\u5207\u6362\u7684\u65b9\u6cd5\uff0c\u5047\u8bbe\u5927\u5bb6\u5df2\u7ecf\u6491\u63e1RadioGroup,RadioButton\u5b9e\u73b0Tab\u9009\u9879\u5361.\u5728\u5b66\u4e60FragmentTabHost\u4e4b\u524d\u53ef\u4ee5\u53c2\u770bTabHost\u4e3b\u754c\u9762\u5b9e\u73b0<\/a><\/p>\n

FragmentTabHost\u5b9e\u73b0<\/strong><\/p>\n

\u9996\u5148\u5b9a\u4e49\u5e03\u5c40activity_raido_tab_fragment_layout.xml<\/p>\n

[java]
\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" ><\/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="@color\/gray_bg"
\n android:divider="@null"
\n android:visibility="gone" >
\n <\/TabWidget><\/p>\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" ><\/p>\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" \/><\/p>\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" \/><\/p>\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><\/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="@id\/raidoGroupTab" >
\n <\/FrameLayout>
\n <\/RelativeLayout><\/p>\n

<\/android.support.v4.app.FragmentTabHost>
\n[\/java]<\/p>\n

\u6837\u5f0fmain_tab_bottom.xml<\/p>\n

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

\u4ee3\u7801<\/p>\n

[java]@Override
\nprotected void onCreate(Bundle savedInstanceState) {
\n\tsuper.onCreate(savedInstanceState);
\n\tsetContentView(R.layout.activity_raido_tab_fragment_layout);
\n\tmRadioGroup = (RadioGroup) findViewById(R.id.raidoGroupTab);<\/p>\n

\tmTabHost = (FragmentTabHost) findViewById(android.R.id.tabhost);
\n\tmTabHost.setup(this, getSupportFragmentManager(),android.R.id.tabcontent);<\/p>\n

\tmTabHost.addTab(mTabHost.newTabSpec("tab1").setIndicator("\u9996\u9875"),FragmentMain.class, null);
\n\tmTabHost.addTab(mTabHost.newTabSpec("tab2").setIndicator("\u641c\u7d22"),FragmentSearch.class, null);
\n\tmTabHost.addTab(mTabHost.newTabSpec("tab3").setIndicator("\u8bbe\u7f6e"),FragmentSetting.class, null);<\/p>\n

\tmRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {<\/p>\n

\t\t@Override
\n\t\tpublic void onCheckedChanged(RadioGroup group, int checkedId) {
\n\t\t\tswitch (checkedId) {
\n\t\t\tcase R.id.raidoTab1:
\n\t\t\t\tmTabHost.setCurrentTabByTag("tab1");
\n\t\t\t\tbreak;
\n\t\t\tcase R.id.raidoTab2:
\n\t\t\t\tmTabHost.setCurrentTabByTag("tab2");
\n\t\t\t\tbreak;
\n\t\t\tcase R.id.raidoTab3:
\n\t\t\t\tmTabHost.setCurrentTabByTag("tab3");
\n\t\t\t\tbreak;
\n\t\t\t}<\/p>\n

\t\t}
\n\t});
\n\t((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/\u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879
\n}[\/java]<\/p>\n

Fragment\u66ff\u6362\u65b9\u6cd5Replace\u5b9e\u73b0<\/strong><\/p>\n

\u5e03\u5c40\u5b9e\u73b0 fragment_tabs_replace_act.xml<\/p>\n

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

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

\u5b9e\u73b0\u4ee3\u7801:<\/p>\n

[java]@Override
\nprotected void onCreate(Bundle savedInstanceState) {
\n\tsuper.onCreate(savedInstanceState);
\n\trequestWindowFeature(Window.FEATURE_NO_TITLE);
\n\tsetContentView(R.layout.fragment_tabs_replace_act);
\n\tmRadioGroup = (RadioGroup) findViewById(R.id.bottomRg);<\/p>\n

\tmainFragment = (FragmentMain) FragmentMain.newInstance();
\n\tsearchFragment = (FragmentSearch) FragmentSearch.newInstance();
\n\tsettingFragment = (FragmentSetting) FragmentSetting.newInstance();<\/p>\n

\tmRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {<\/p>\n

\t\t@Override
\n\t\tpublic void onCheckedChanged(RadioGroup group, int checkedId) {
\n\t\t\tFragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
\n\t\t\tswitch (checkedId) {
\n\t\t\tcase R.id.rbOne:
\n\t\t\t\tif(mainFragment == null){
\n\t\t\t\t\tmainFragment = (FragmentMain) FragmentMain.newInstance();
\n\t\t\t\t}
\n\t\t\t\tfragmentTransaction.replace(R.id.fragments_content, mainFragment);
\n\t\t\t\tbreak;
\n\t\t\tcase R.id.rbTwo:
\n\t\t\t\tif(searchFragment == null){
\n\t\t\t\t\tsearchFragment = (FragmentSearch) FragmentSearch.newInstance();
\n\t\t\t\t}
\n\t\t\t\tfragmentTransaction.replace(R.id.fragments_content, searchFragment);
\n\t\t\t\tbreak;
\n\t\t\tcase R.id.rbThree:
\n\t\t\t\tif(settingFragment == null){
\n\t\t\t\t\tsettingFragment = (FragmentSetting) FragmentSetting.newInstance();
\n\t\t\t\t}
\n\t\t\t\tfragmentTransaction.replace(R.id.fragments_content, settingFragment);
\n\t\t\t\tbreak;
\n\t\t\t}
\n\t\t\tfragmentTransaction.commit();
\n\t\t}
\n\t});
\n\t((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/ \u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879
\n}[\/java]<\/p>\n

Fragment\u66ff\u6362\u65b9\u6cd5\u6bcf\u6b21\u5207\u6362Tab\u7684\u65f6\u5019\u5b9e\u9645\u662f\u5148\u79fb\u9664(remove)\u518d\u6dfb\u52a0(add)Fragment,Fragment\u751f\u547d\u5468\u671f\u4f1a\u4eceonAttach\u5230onDetach
\n\"life\"<\/a><\/p>\n

\u7531\u4e0a\u53ef\u77e5\u5207\u6362\u65f6\uff0cFragment\u72b6\u6001\u662f\u4e0d\u80fd\u4fdd\u5b58\u7684\u3002FragmentSearch\u4e2dEditText\u8f93\u5165\u7684\u503c\u5207\u6362\u540e\u4fbf\u6d88\u5931.
\n\"fragment_tab1\"<\/a><\/p>\n

 <\/p>\n

Fragment\u663e\u793a\u9690\u85cfshow\u548chide\u65b9\u6cd5\u5b9e\u73b0(\u89e3\u51b3\u72b6\u6001\u5b58\u95ee\u9898)<\/strong>
\n\u5e03\u5c40\u6587\u4ef6\u548c\u4e0a\u9762\u4e00\u6837<\/p>\n

[java]@Override
\nprotected void onCreate(Bundle savedInstanceState) {
\n\tsuper.onCreate(savedInstanceState);
\n\trequestWindowFeature(Window.FEATURE_NO_TITLE);
\n\tsetContentView(R.layout.fragment_tabs_replace_act);
\n\tmRadioGroup = (RadioGroup) findViewById(R.id.bottomRg);<\/p>\n

\tmRadioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {<\/p>\n

\t\t@Override
\n\t\tpublic void onCheckedChanged(RadioGroup group, int checkedId) {
\n\t\t\tFragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();<\/p>\n

\t\t\thideFragments(fragmentTransaction);<\/p>\n

\t\t\tswitch (checkedId) {
\n\t\t\tcase R.id.rbOne:
\n\t\t\t\tif(mainFragment == null){
\n\t\t\t\t\tmainFragment = new FragmentMain();
\n\t\t\t\t\tfragmentTransaction.add(R.id.fragments_content, mainFragment);
\n\t\t\t\t}else{
\n\t\t\t\t\tfragmentTransaction.show(mainFragment);
\n\t\t\t\t}<\/p>\n

\t\t\t\tbreak;
\n\t\t\tcase R.id.rbTwo:
\n\t\t\t\tif(searchFragment == null){
\n\t\t\t\t\tsearchFragment = new FragmentSearch();
\n\t\t\t\t\tfragmentTransaction.add(R.id.fragments_content, searchFragment);
\n\t\t\t\t}else{
\n\t\t\t\t\tfragmentTransaction.show(searchFragment);
\n\t\t\t\t}<\/p>\n

\t\t\t\tbreak;
\n\t\t\tcase R.id.rbThree:
\n\t\t\t\tif(settingFragment == null){
\n\t\t\t\t\tsettingFragment = new FragmentSetting();
\n\t\t\t\t\tfragmentTransaction.add(R.id.fragments_content, settingFragment);
\n\t\t\t\t}else{
\n\t\t\t\t\tfragmentTransaction.show(settingFragment);
\n\t\t\t\t}<\/p>\n

\t\t\t\tbreak;
\n\t\t\t}
\n\t\t\tfragmentTransaction.commit();
\n\t\t}
\n\t});
\n\t((RadioButton) mRadioGroup.getChildAt(0)).toggle(); \/\/ \u9ed8\u8ba4\u9009\u4e2d\u7b2c\u4e00\u9879
\n\t}<\/p>\n

\/**
\n * \u5c06\u6240\u6709\u7684Fragment\u90fd\u7f6e\u4e3a\u9690\u85cf\u72b6\u6001\u3002
\n *
\n * @param transaction
\n * \u7528\u4e8e\u5bf9Fragment\u6267\u884c\u64cd\u4f5c\u7684\u4e8b\u52a1
\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} [\/java]<\/p>\n

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

\u4e3a\u4e86\u5728Android\u4e0a\u4e3a\u7528\u6237\u63d0\u4f9b\u52a8\u6001\u7684\u3001\u591a\u7a97\u53e3\u7684\u4ea4\u4e92\u4f53\u9a8c\uff0c\u6211\u4eec\u9700\u8981\u5c06UI\u7ec4\u4ef6\u548cActivity\u64cd\u4f5c\u5c01\u88c5\u6210\u6a21\u5757\u8fdb […]<\/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":4,"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}]}}