无法在操作栏选项卡上正确交换片段

Wen*_*enz 5 tabs android android-fragments

已阅读有关此主题的每个问题/答案,但我不能让他们中的任何一个为我工作.aggghh

我有3个操作栏标签

tab1调用/使用动态显示"添加"按钮的片段

当单击按钮时,我希望它自己删除"按钮片段"并将其替换为具有一堆EditTexts的片段

这按预期工作.但是,当我单击另一个选项卡时,例如tab2调用自己的片段,tab1中的EditTexts片段仍然保留并覆盖tab2片段

我认为明白我试图做的是从根本上错误的一个片段不能调用另一个片段来取代它自己?或者说我不正确地删除了以前的碎片和与backstack有关的东西.. ???? 或显示和隐藏xml ?????

我对此很新,完全糊涂了!请帮忙...提前谢谢:)

这是我的代码最多来自Android网站http://developer.android.com/training/backward-compatible-ui/index.html使用TabCompat.zip示例

MainActivity.java

package com.example.android.tabcompat;
public class MainActivity extends TabCompatActivity {

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

TabHelper tabHelper = getTabHelper();

CompatTab tab1Tab = tabHelper.newTab("tab1")
.setText(R.string.tab_tab1)
.setTabListener(new InstantiatingTabListener(this,"A", Tab1Fragment.class));
tabHelper.addTab(tab1Tab);

        CompatTab tab2Tab = tabHelper.newTab("tab2")
            .setText(R.string.tab_tab2)
            .setTabListener(new InstantiatingTabListener(this, "B", Tab2Fragment.class));
        tabHelper.addTab(tab2Tab);

        CompatTab tab3Tab = tabHelper.newTab("tab3")
                .setText(R.string.tab_tab3)
                .setTabListener(new InstantiatingTabListener(this,"C", Tab3Fragment.class));
        tabHelper.addTab(tab3Tab);
    }

    /**
     * Implementation of {@link CompatTabListener} to handle tab change events. This implementation
     * instantiates the specified fragment class with no arguments when its tab is selected.
     */
    public static class InstantiatingTabListener implements CompatTabListener {

        private final TabCompatActivity mActivity;
        private final Class mClass;


        /**
         * Constructor used each time a new tab is created.
         * @param activity The host Activity, used to instantiate the fragment
         * @param cls      The class representing the fragment to instantiate
         */
        public InstantiatingTabListener(TabCompatActivity activity, String tag, Class<? extends Fragment> cls) {
            mActivity = activity;
            mClass = cls;

        }

        /* The following are each of the ActionBar.TabListener Callback */
        @Override
        public void onTabSelected(CompatTab tab, FragmentTransaction ft) {
            // Check if the fragment is already initialised
            Fragment fragment = tab.getFragment();
            if (fragment == null) {
                // If not, instantiate and add it to the activity
                fragment = Fragment.instantiate(mActivity, mClass.getName());
                tab.setFragment(fragment);
                ft.add(android.R.id.tabcontent, fragment, tab.getTag());
            } 
            else {
                // If it exists, simply attach it in order to show it
                ft.attach(fragment);
            }
        }


        public void onTabUnselected(CompatTab tab, FragmentTransaction ft) {
            Fragment fragment = tab.getFragment();
            if (fragment != null) {  
            ft.detach(fragment);
            }
        }

        @Override
        public void onTabReselected(CompatTab tab, FragmentTransaction ft) {
            // User selected the already selected tab. Do nothing.

    } }
      }
Run Code Online (Sandbox Code Playgroud)

Tab1Fragment.java这是加载"添加按钮"的地方

package com.example.android.tabcompat;

        public class Tab1Fragment extends Fragment{

        protected int position;
        //display the add tab1 button
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
            final Button btn = new Button (getActivity());
            btn.setGravity(Gravity.TOP);
            btn.setText(R.string.btn_tab1);
            btn.setId(1);
            btn.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
    //when button is clicked replace the button and display the tab1 form fragment


    FragmentManager fragmentManager = getFragmentManager();
    Tab1FormFragment formFragment = new Tab1FormFragment();
    FragmentTransaction transaction = fragmentManager.beginTransaction();
    transaction.replace(android.R.id.tabcontent, formFragment);
    transaction.addToBackStack(null);
    transaction.commit();
                }

            });
            return btn;

        }
    }
Run Code Online (Sandbox Code Playgroud)

Tab1FormFragment.java这个片段显示了一个edittext视图的形式,它从布局文件form.xml中获取

package com.example.android.tabcompat;



   public class Tab1FormFragment extends Fragment {
    protected static final String ARG_POSITION = null;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
       Bundle savedInstanceState) {
      // TODO Auto-generated method stub
      View myFragmentView = inflater.inflate(R.layout.form, container, false);

      return myFragmentView;
     }

     }
Run Code Online (Sandbox Code Playgroud)

form.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/petForm"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >
<ImageButton
            android:id="@+id/imageButton1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_tab_photos" />

        <EditText
            android:id="@+id/editTextName"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="@string/field_name"
            android:inputType="text" />


        <EditText
            android:id="@+id/editTextAge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="@string/field_age"
            android:inputType="text" />
        <EditText
            android:id="@+id/editTextBreed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:ems="10"
            android:hint="@string/field_breed"
            android:inputType="text" />

        <Spinner
            android:id="@+id/spinnerSex"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" 
            android:entries="@array/sex_arrays"
            android:hint="@string/field_sex" />

        <Button
            android:id="@+id/savePet"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/save_record" />
    </LinearLayout>`
Run Code Online (Sandbox Code Playgroud)

nst*_*sic 0

您可以尝试调用非操作栏选项卡(您所说的选项卡有一堆 EditText),同时为片段的该实例提供一个标签,即在动态按钮的 onClick 方法中在启动 Tab1formFragment 后添加此行:

getFragmentManager().beginTransaction().replace(android.R.id.tabcontent, formFragment, "FORM_FRAG").addToBackStack(null).commit();

并通过添加对 formFragment 实例的检查来更改操作栏选项卡事务: if(getFragmentManager().findFragmentByTag("FORM_FRAG")!=null) getFragmentManager().beginTransaction().remove(getFragmentManager().findFragmentByTag("FORM_FRAG")).commit()

此外,您可以在 onTabSelected() 方法中使用 Replace() 片段事务,而不是 Attach() 和 add()。