Fragment間の画面遷移で、遷移前のviewが残ってしまう

Fragment間での画面遷移

Fragment間での画面遷移を学んでいるのですが、replaceメソッドを用いているにも関わらず、遷移前のviewが残ってしまいます。
ボタンを押すとFragment2に遷移するつもりが、ボタンの下にFragment2の画面が挿入されてしまいます。

該当のソースコード

・Fragment1のxml

<androidx.appcompat.widget.LinearLayoutCompat
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:id="@+id/container2"
    >

    <Button
        android:id="@+id/Button"
        android:layout_width="90dp"
        android:layout_height="90dp"
        android:text="Fragment2へ"/>

</androidx.appcompat.widget.LinearLayoutCompat>

・遷移先Fragment2のxml

<androidx.appcompat.widget.LinearLayoutCompat
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="遷移しました"/>

</androidx.appcompat.widget.LinearLayoutCompat>

ボタンを押して画面遷移する処理のみ

            public void onClick(View v) {
                FragmentManager fragmentManager = getFragmentManager();
                if(fragmentManager != null){
                    FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
                    fragmentTransaction.replace(R.id.container,Fragment2.newInstance());
                    fragmentTransaction.commit();
                }
            }

様々なサイト様を参考にしましたが、期待通りの結果になりませんでした。
かなり初歩的な問題かと思いますが、よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

Fragment1をどのように描画しているのかわかりませんが、以下のサイトが参考にならないでしょうか。

fragment遷移時、画面が重なり前のページが機能してしまう場合の対処法 | Qiita

このサイトの例の場合、空のFrameLayoutを配置しています。この例に倣えば、コードでここにまずFragment1を描画し、ボタンの押下でFragment2に遷移させれば、重なって表示されることはないのではないかと思います。

FrameLayoutにして見たところ

というのは、Fragment1のLinearLayoutCompatをFrameLayoutに変えてみたということでしょうか。そうではなく、「FrameLayoutのみ」の言わばFragment0を作成して、これをまず描画してみてはどうでしょうかということです。

fragment_0.xml

xml
1<?xml version="1.0" encoding="utf-8"?>
2<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
3    android:id="@+id/container"
4    android:layout_width="match_parent"
5    android:layout_height="match_parent" />

Fragment0.java

java
1    @Override
2    public View onCreateView(LayoutInflater inflater, final ViewGroup container,
3                             Bundle savedInstanceState) {
4        // Inflate the layout for this fragment
5        View v = inflater.inflate(R.layout.fragment_0, container, false);
6
7        FragmentManager fragmentManager = getFragmentManager();
8        if(fragmentManager != null){
9            FragmentTransaction fragmentTransaction = fragmentManager.beginTransaction();
10            fragmentTransaction.replace(R.id.container, Fragment1.newInstance());
11            fragmentTransaction.commit();
12        }
13
14        return v;
15    }

のような感じで、fragment_0.xmlの空のFrameLayoutにcontainerとIDを付けて、Fragment0のonCreateView()で即座にFragment1にreplaceしてみてはどうでしょうか。

一応、PageViewer2を用いて手元でテストしてみましたが、遷移前のFragment1の描画が残ることなくFragment2に切り替わります。

投稿2020/09/04 07:03

編集2020/09/06 15:27

keicha_hrs

総合スコア6768

UTF-8

2020/09/05 07:10 編集

FrameLayoutにして見たところ、ボタンは残りその後ろのレイヤーに「遷移しました」の文字が出現しました。やはりFragment１のレイアウトが残ってしまう様です。 Fragment1のレイアウトは、メイン画面として別にTabLayoutを使っており、Adapterを用いてViewPagerに描画しています。