Управление и анимация программной клавиатуры

Попробуйте способ Compose
Jetpack Compose — рекомендуемый набор инструментов пользовательского интерфейса для Android. Узнайте, как работать с клавиатурой в Compose.
Программная клавиатура в Compose →

Используя WindowInsetsCompat , ваше приложение может запрашивать и управлять экранной клавиатурой (также называемой IME ) аналогично тому, как оно взаимодействует с системными панелями. Ваше приложение также может использовать WindowInsetsAnimationCompat для создания плавных переходов при открытии или закрытии программной клавиатуры.

Рисунок 1. Два примера перехода программной клавиатуры из открытого в закрытое состояние.

Предпосылки

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

Проверьте видимость программного обеспечения клавиатуры

Используйте WindowInsets для проверки видимости программной клавиатуры.

Котлин 

val insets = ViewCompat.getRootWindowInsets(view) ?: return
val imeVisible = insets.isVisible(WindowInsetsCompat.Type.ime())
val imeHeight = insets.getInsets(WindowInsetsCompat.Type.ime()).bottom

Ява 

WindowInsetsCompat insets = ViewCompat.getRootWindowInsets(view);
boolean imeVisible = insets.isVisible(WindowInsetsCompat.Type.ime());
int imeHeight = insets.getInsets(WindowInsetsCompat.Type.ime()).bottom;

В качестве альтернативы вы можете использовать ViewCompat.setOnApplyWindowInsetsListener для наблюдения за изменениями видимости программной клавиатуры.

Котлин 

ViewCompat.setOnApplyWindowInsetsListener(view) { _, insets ->
  val imeVisible = insets.isVisible(WindowInsetsCompat.Type.ime())
  val imeHeight = insets.getInsets(WindowInsetsCompat.Type.ime()).bottom
  insets
}

Ява 

ViewCompat.setOnApplyWindowInsetsListener(view, (v, insets) -> {
  boolean imeVisible = insets.isVisible(WindowInsetsCompat.Type.ime());
  int imeHeight = insets.getInsets(WindowInsetsCompat.Type.ime()).bottom;
  return insets;
});

Синхронизируйте анимацию с программной клавиатурой

При нажатии пользователем на поле ввода текста клавиатура выдвигается из нижней части экрана, как показано в следующем примере:

Рисунок 2. Синхронизированная анимация клавиатуры.

  • Пример, обозначенный как «Несинхронизировано» на рисунке 2, демонстрирует поведение по умолчанию в Android 10 (уровень API 29), при котором текстовое поле и содержимое приложения фиксируются на месте вместо синхронизации с анимацией клавиатуры — поведение, которое может визуально раздражать.

  • В Android 11 (API уровня 30) и выше вы можете использовать WindowInsetsAnimationCompat для синхронизации перехода приложения с клавиатурой, скользящей вверх и вниз от нижней части экрана. Это выглядит более плавно, как показано в примере с надписью «Synchronized» на рисунке 2.

Настройте WindowInsetsAnimationCompat.Callback так, чтобы вид синхронизировался с анимацией клавиатуры.

Котлин 

ViewCompat.setWindowInsetsAnimationCallback(
  view,
  object : WindowInsetsAnimationCompat.Callback(DISPATCH_MODE_STOP) {
    // Override methods.
  }
)

Ява 

ViewCompat.setWindowInsetsAnimationCallback(
    view,
    new WindowInsetsAnimationCompat.Callback(
        WindowInsetsAnimationCompat.Callback.DISPATCH_MODE_STOP
    ) {
      // Override methods.
    });

Есть несколько методов для переопределения в WindowInsetsAnimationCompat.Callback , а именно onPrepare() , onStart() , onProgress() и onEnd() . Начните с вызова onPrepare() до любых изменений макета.

onPrepare вызывается, когда начинается анимация вставок и перед тем, как представления будут перекомпонованы из-за анимации. Вы можете использовать его для сохранения начального состояния, которое в данном случае является нижней координатой представления.

Изображение, показывающее нижнюю координату начального состояния корневого вида.
Рисунок 3. Использование onPrepare() для записи начального состояния.

В следующем фрагменте показан пример вызова onPrepare :

Котлин 

var startBottom = 0f

override fun onPrepare(
  animation: WindowInsetsAnimationCompat
) {
  startBottom = view.bottom.toFloat()
}

Ява 

float startBottom;

@Override
public void onPrepare(
    @NonNull WindowInsetsAnimationCompat animation
) {
  startBottom = view.getBottom();
}

onStart вызывается, когда начинается анимация вставок. Вы можете использовать его для установки всех свойств представления в конечное состояние изменений макета. Если у вас есть обратный вызов OnApplyWindowInsetsListener установленный для любого из представлений, он уже вызывается в этот момент. Это хорошее время, чтобы сохранить конечное состояние свойств представления.

Изображение, показывающее нижнюю координату конечного состояния вида
Рисунок 4. Использование onStart() для записи конечного состояния.

В следующем фрагменте показан пример вызова onStart :

Котлин 

var endBottom = 0f

override fun onStart(
  animation: WindowInsetsAnimationCompat,
  bounds: WindowInsetsAnimationCompat.BoundsCompat
): WindowInsetsAnimationCompat.BoundsCompat {
  // Record the position of the view after the IME transition.
  endBottom = view.bottom.toFloat()

  return bounds
}

Ява 

float endBottom;

@NonNull
@Override
public WindowInsetsAnimationCompat.BoundsCompat onStart(
    @NonNull WindowInsetsAnimationCompat animation,
    @NonNull WindowInsetsAnimationCompat.BoundsCompat bounds
) {
  endBottom = view.getBottom();
  return bounds;
}

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

На этом все изменения макета завершены. Например, если вы используете View.translationY для смещения представления, значение постепенно уменьшается для каждого вызова этого метода и в конечном итоге достигает 0 в исходной позиции макета.

Рисунок 5. Использование onProgress() для синхронизации анимаций.

В следующем фрагменте показан пример вызова onProgress :

Котлин 

override fun onProgress(
  insets: WindowInsetsCompat,
  runningAnimations: MutableList<WindowInsetsAnimationCompat>
): WindowInsetsCompat {
  // Find an IME animation.
  val imeAnimation = runningAnimations.find {
    it.typeMask and WindowInsetsCompat.Type.ime() != 0
  } ?: return insets

  // Offset the view based on the interpolated fraction of the IME animation.
  view.translationY =
    (startBottom - endBottom) * (1 - imeAnimation.interpolatedFraction)

  return insets
}

Ява 

@NonNull
@Override
public WindowInsetsCompat onProgress(
    @NonNull WindowInsetsCompat insets,
    @NonNull List<WindowInsetsAnimationCompat> runningAnimations
) {
  // Find an IME animation.
  WindowInsetsAnimationCompat imeAnimation = null;
  for (WindowInsetsAnimationCompat animation : runningAnimations) {
    if ((animation.getTypeMask() & WindowInsetsCompat.Type.ime()) != 0) {
      imeAnimation = animation;
      break;
    }
  }
  if (imeAnimation != null) {
    // Offset the view based on the interpolated fraction of the IME animation.
    view.setTranslationY((startBottom - endBottom)

        *   (1 - imeAnimation.getInterpolatedFraction()));
  }
  return insets;
}

При желании можно переопределить onEnd . Этот метод вызывается после окончания анимации. Это хорошее время, чтобы очистить любые временные изменения.

Дополнительные ресурсы