Estou fazendo um exemplo simples com fragments e o que preciso é que quando clicar no primeiro botão o app faça o replace para Fragmen1 e quando clicar no segundo botão apareça o Fragment2.
Quando inicio a aplicação o fragment que deixei setado no XML aparece normalmente, mas o problema acontece quando eu clico em qualquer um dos botões para substituir um fragment, aí acontece isso:
O que acontece é que o fragment que estava no início não desaparece, simplesmente fica na parte de cima do espaço reservado para os fragments.
Seguem os XMLs e Classes:
public class MainActivity extends Activity {
Button btn1, btn2;
FragmentManager fm;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btn1 = (Button) findViewById(R.id.btnFrag1);
btn2 = (Button) findViewById(R.id.btnFrag2);
fm = getFragmentManager();
btn1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Fragmento1 f1 = new Fragmento1();
FragmentTransaction transaction = fm.beginTransaction();
transaction.addToBackStack(null);
transaction.replace(R.id.fragmentPlace,f1);
transaction.commit();
}
});
btn2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Fragmento2 f2 = new Fragmento2();
FragmentTransaction transaction = fm.beginTransaction();
transaction.replace(R.id.fragmentPlace,f2);
transaction.addToBackStack(null);
transaction.commit();
}
});
}
public class Fragmento1 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_1,container,false);
}
}
public class Fragmento2 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_2,container,false);
}
}
<LinearLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:orientation="vertical"
android:gravity="center">
<Button
android:id="@+id/btnFrag1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fragment 1"/>
<Button
android:id="@+id/btnFrag2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fragment 2"/>
</LinearLayout>
<LinearLayout
android:id="@+id/fragmentContainer"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<fragment
android:id="@+id/fragmentPlace"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:name="com.example.dideconto.exemplofragmentsimples.Fragmento2"></fragment>
</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Fragmento 2"/>
Gostaria de saber onde estou errando.
replace
noFragment
, mas você tem que fazerreplace
em umFrameLayout
, como demonstrado aqui nesse exemplo.