Фрагмент транзакции

Question

У меня есть ListFragment с плавающей кнопкой действия. Когда кнопка нажата, я хочу заменить ListFragment на CreateListFragment. Вместо этого CreateListFragment помещается поверх ListFragment, а кнопка и текстовое представление из ListFragment все еще видны. Я не уверен, что пошло не так. Как мне полностью заменить ListFragment на CreateListFragment?

Вот скриншот до нажатия кнопки

Вот скриншот после нажатия кнопки

list_fragment

    <?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
        android:id="@+id/listFrame">

    <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

    <android.support.design.widget.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab"
        android:layout_gravity="bottom|end"
        app:backgroundTint="@color/colorAccent"
        android:src="@drawable/create"/>
    <TextView
            android:id="@+id/tvEmpty"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:hint="No Shopping Lists Yet"
            android:layout_gravity="center"
            android:textSize="20sp"/>


</FrameLayout>``

createlist_fragment

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:tools="http://schemas.android.com/tools"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
         android:padding="10dp"
         tools:context="com.lavineoluoch.helloworld.swiftpay.app.CreateListFragment">
<LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
<EditText
        android:id="@+id/etListTitle"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/title"/>
<EditText
        android:id="@+id/etAddItem"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/items"/>
<RelativeLayout
        android:id="@+id/buttons"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <Button
            android:id="@+id/btnEditItem"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/btnEdit"
            android:background="@color/colorPrimary"
            android:textColor="@color/white"
            />
</RelativeLayout>


</LinearLayout>

ListFragment.java

  @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    final View view = inflater.inflate(R.layout.list_fragment, container, false);
    fab = (FloatingActionButton)view.findViewById(R.id.fab);

    fab.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

           CreateListFragment createListFragment = new CreateListFragment();
            android.support.v4.app.FragmentTransaction fragmentTransaction = getActivity().getSupportFragmentManager().beginTransaction();
            fragmentTransaction.replace(R.id.listFrame,createListFragment);
            fragmentTransaction.commit();
        }
    });
    return view;
}

Answer 1

В вашем корневом представлении для ваших фрагментов вставьте эту строку кода:

android:background="?android:windowBackground"

Поскольку у вас есть сквозной фон, ваше представление все еще может видеть воспоминание о замененном фрагменте, так как представление еще не обновлено.

Приведенный выше ответ должен решить вашу проблему, однако я бы порекомендовал реструктурировать ваш подход и вместо этого запустить новый Activity, который содержит CreateListFragment при нажатии FAB. Это приведет к тому, что будет легче поддерживать код, который также проще для чтения и будет лучшей практикой. Это также означало бы, что пользователь может нажать кнопку "Назад" и вернуться обратно к ListActivity/ListFragment без необходимости вручную обрабатывать стеки фрагментов.