Один фрагмент рисуется поверх другого

Question

У меня есть 2 фрагмента, один для игры и один для оценки. Когда я перехожу от фрагмента игры к фрагменту счета, он отлично работает, но когда я пытаюсь вернуться к игре, он рисует оба фрагмента в одном контейнере (даже при использовании функции удаления).

 public void nextLvl(Fragment current, Fragment next, String score, String nextTag, int LvlTime){ 
     Bundle args = new Bundle(); 
     args.putString("scoreKey", score); 
     args.putInt("levelTime", LvlTime); 
     next.setArguments(args); 

     FragmentManager fm = getFragmentManager(); 
     if (fm != null){ 
      FragmentTransaction ft = fm.beginTransaction(); 
      ft.remove(current); 
      ft.add(R.id.fragment_place, next, nextTag); 
      ft.commit(); 
      Log.d("FM","MOVED TO "+next.toString()); 
     }else{ 
      Log.d("FM","fm is null"); 
     } 
    } 

Этот код используется для перемещения между фрагментами.

Вот изображение, чтобы показать, что я имею в виду «втягивания друг на друга»:

http://i.imgur.com/Ylw8iPV.png

1 = фрагмент игры.

2 = фрагмент оценки.

3 = Результат перехода от фрагмента фрагмента к фрагменту игры.

Answer 1

Попробуйте использовать ft.replace вместо remove() и add()

Например:

ft.beginTransaction() 
        .replace(R.id.container, fragment) 
        .commit(); 

Answer 2

Используйте заменить фрагмент вместо добавления

пример:

FragmentTransaction ft = fm.beginTransaction(); 
     ft.replace(R.id.fragment_place, next, nextTag); 
     ft.commit();