Фрагменты в альбомном и портретном режиме

В прошлой теме было разработано приложение, которое выводит оба фрагмента на экран. Продолжим работу с этим проектом. Всего было создано два фрагмента: ListFragment для отображения списка и DetailFragment для отображения выбранного элемента в списке. И MainActivity выводила оба фрагмента на экран:

Но отображение двух и более фрагментов при портретной ориентации не очень оптимально. Например, в прошлой теме приложение выглядело так:

Но если список большой, то второй фрагмент, который отображает выбранный элемент, соответственно уходит вниз. При альбомной ориентации получится расположение еще более неоптимально. Поэтому сначала изменим файл activity_main.xml, чтобы более удобно располагать фрагменты в альбомной ориентации:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/listFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:name="com.example.fragmentapp.ListFragment"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintRight_toLeftOf="@id/detailFragment"
        app:layout_constraintBottom_toBottomOf="parent" />

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/detailFragment"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:name="com.example.fragmentapp.DetailFragment"
        app:layout_constraintLeft_toRightOf="@id/listFragment"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintRight_toRightOf="parent"/>

</androidx.constraintlayout.widget.ConstraintLayout>

Для более удобного расположения при альбомной ориентации, как правило, решение довольно простое - два фрагмента располагаются горизонтально в ряд.

Теперь рассмотрим как более удачно расположить фрагменты при портретной ориентации. Нередко в этом случае решение следующее - одномоментно экран отображает только один фрагмент.

Итак, создадим в проекте в папке res, где хранятся все ресурсы, подкаталог layout-port, который будет хранить файлы интерфейса для портретной ориентации. Для этого переключимся к полному виду проекта. Нажмем на папку res правой кнопкой мыши и в контекстном меню выберем New -> Android Resource Directory:

Назовем новую папку layout-port:

Далее добавим в res/layout-port новый файл activity_main.xml и определим в нем следующий код:

<?xml version="1.0" encoding="utf-8"?>
<androidx.fragment.app.FragmentContainerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/listFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:name="com.example.fragmentapp.ListFragment" />

Этот файл будет использоваться для портретной ориентации MainActivity. Таким образом, MainActivity в портретном режиме будет отображать только один список.

Теперь добавим новую activity, которую назовем DetailActivity:

В итоге проект будет выглядеть так:

В папке res/layout в файле activity_detail.xml определим для DetailActivity следующий интерфейс:

<?xml version="1.0" encoding="utf-8"?>
<androidx.fragment.app.FragmentContainerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/detailFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:name="com.example.fragmentapp.DetailFragment" />

Таким образом, интерфейс DetailActivity будет определяться загружаемым фрагментом DetailFragment.

Далее в коде DetailActivity определим следующий код:

package com.example.fragmentapp;

import androidx.appcompat.app.AppCompatActivity;
import android.content.res.Configuration;
import android.os.Bundle;

public class DetailActivity extends AppCompatActivity {

    public static final String SELECTED_ITEM = "SELECTED_ITEM";
    String selectedItem = "Не выбрано";
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
            finish();
            return;
        }
        setContentView(R.layout.activity_detail);
        Bundle extras = getIntent().getExtras();
        if (extras != null)
            selectedItem = extras.getString(SELECTED_ITEM);
    }

    @Override
    protected void onResume() {
        super.onResume();
        DetailFragment fragment = (DetailFragment) getSupportFragmentManager()
                .findFragmentById(R.id.detailFragment);
        if (fragment != null)
            fragment.setSelectedItem(selectedItem);
    }
}

Здесь в первую очередь проверяем конфигурацию. Так как эта activity предназначена только для портретного режима, то при альбомной ориентации осуществляем выход:

if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
    finish();
    return;
}

Если устройство находится в портретном режиме, то получаем переданные данные по ключу "SELECTED_ITEM":

Bundle extras = getIntent().getExtras();
if (extras != null)
	selectedItem = extras.getString(SELECTED_ITEM);

Предполагается, что по ключу "SELECTED_ITEM" будет передаваться выбранные элемент списка из MainActivity, когда она будет находиться в портретной ориентации.

И очень важный момент - нам надо передать это значение в текстовое поле, определенное во фрагменте. Однако надо учитывать особенности жизненного цикла представления фрагмента. В данном случае переопределяется метод onResume(), потому что при вызове этого метода DetailActivity уже будет видима на экране, и пользователь сможет с ней взаимодействовать. А это также значит, что в этой точке уже будет активен и фрагмент и его представление. К примеру, в методе onCreate() представление фрагмента еще полностью не создано, поэтому мы не можем в нем получить виджеты, которые определены во фрагменте. Зато можем все это сделать в методе onResume().

protected void onResume() {
        super.onResume();
        DetailFragment fragment = (DetailFragment) getSupportFragmentManager()
                .findFragmentById(R.id.detailFragment);
        if (fragment != null)
            fragment.setSelectedItem(selectedItem);
    }

И в данном случае мы получаем через метод getSupportFragmentManager() фрагмент DetailFragment и вызываем его метод setSelectedItem(). В качестве аргумента в этот метод передается строковое значение, переданное через Intent.

И также изменим главную activity - MainActivity:

package com.example.fragmentapp;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity  implements ListFragment.OnFragmentSendDataListener {

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

    @Override
    public void onSendData(String selectedItem) {
        DetailFragment fragment = (DetailFragment) getSupportFragmentManager()
                .findFragmentById(R.id.detailFragment);
        if (fragment != null && fragment.isVisible())
            fragment.setSelectedItem(selectedItem);
        else {
            Intent intent = new Intent(getApplicationContext(),
                    DetailActivity.class);
            intent.putExtra(DetailActivity.SELECTED_ITEM, selectedItem);
            startActivity(intent);
        }
    }
}

С помощью метода fragment.isVisible() мы можем узнать, активен ли определенный фрагмент в разметке интерфейса. Если фрагмента DetailFragment в данный момент не видим, то используется портретный режим, и поэтому запускается DetailActivity. Иначе идет работа с фрагментом внутри MainActivity, котора в альбомном режиме отображает сразу два фрагмента - ListFragment и DetailFragment.

Запустим приложение и перейдем в альбомный режим:

А при портретной ориентации экран будет выглядеть иначе: