【Android】fragmentを使って複数の画面遷移を実現する

## 実現したいこと  
 - MainActivityのボタンを押下すると、  
 Fragmentで複数の画面表示をすることができる。 

<img width="578" alt=" 2019-09-24 11.29.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/275576/acfa7327-a1ba-c834-6655-70bea379b969.png">



## 必要なもの  
1. MainActivity.java
2. activity_main.xml
3. MainFragment.java
4. fragment_main.xml  

※4種類の画面を表示したい場合は、
fragmentHoge.xmlを4個、HogeFragment.xmlを4個作る必要がある。

## 1.MainActivity.java
```MainActivity.java
public class MainActivity extends AppCompatActivity {

    public static Intent getStartIntent(LoginActivity loginActivity) {
        return new Intent(loginActivity, MainActivity.class);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

    Button button = findViewById(R.id.main_button);
        //ボタンが押下されたら、Frgmentを表示する
        main_button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //fragmentを呼びだす
                // Fragmentを作成します
                MainFragment fragment = new MainFragment();
                // Fragmentの追加や削除といった変更を行う際は、Transactionを利用します
                FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
                // 新しく追加を行うのでaddを使用します
                transaction.add(R.id.fragment_layout, fragment);
                // 最後にcommitを使用することで変更を反映します
                transaction.commit();
            }
        });
    }
}
```

## 2.activity_main.xml
 - activity_main.xmlの中にFragmentの領域をとっておく。

```activity_main.xml
<FrameLayout
                android:id="@+id/fragment_layout"
                android:layout_width="match_parent"
                android:layout_height="match_parent"></FrameLayout>
```
## 3.MainFragment.java
```MainFragment.java
public class MainFragment extends Fragment {

    private TextView mTextView;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        // 画面初期化処理
        final View inflate = inflater.inflate(R.layout.fragment_main, container, false);
        TextView titleText = inflate.findViewById(R.id.textView);
        Button button = inflate.findViewById(R.id.button);
        return inflate;
    }

}
```
## 4.fragment_main.xml 
```fragment_main.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@+id/textView"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:text="button" />

        <Button
            android:id="@+id/button"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_gravity="center"
            android:background="@color/gauge_init_color"
            android:text="button" />

    </LinearLayout>
</android.support.constraint.ConstraintLayout>
```

 - 参考サイト：