Совместимость Android Circular Reveal с библиотекой дизайна 28

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

val view= ... //Get your view
val cx = view.width / 2
val cy = view.height / 2
val finalRadius = Math.hypot(cx, cy)
val anim = ViewAnimationUtils.createCircularReveal(view, cx, cy, 0, finalRadius) //this is the important one here
anim.start()

Вот как это сделать с помощью библиотеки поддержки версии 28.0.0 или новой библиотеки AndroidX:

private <T extends View & CircularRevealWidget> void circularRevealFromMiddle(@NonNull final T circularRevealWidget) {
    circularRevealWidget.post(new Runnable() {
        @Override
        public void run() {
            int viewWidth = circularRevealWidget.getWidth();
            int viewHeight = circularRevealWidget.getHeight();

            int viewDiagonal = (int) Math.sqrt(viewWidth * viewWidth + viewHeight * viewHeight);

            final AnimatorSet animatorSet = new AnimatorSet();
            animatorSet.playTogether(
                    CircularRevealCompat.createCircularReveal(circularRevealWidget, viewWidth / 2, viewHeight / 2, 10, viewDiagonal / 2),
                    ObjectAnimator.ofArgb(circularRevealWidget, CircularRevealWidget.CircularRevealScrimColorProperty.CIRCULAR_REVEAL_SCRIM_COLOR, Color.RED, Color.TRANSPARENT));

            animatorSet.setDuration(5000);
            animatorSet.start();
        }
    });
}

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

• View необходимо прикрепить к окну в момент вызова CircularRevealCompat.createCircularReveal.
• В моем примере кода вычисляется середина представления, для чего требуются ширина и высота представления, а сообщение всегда запускается после onLayout представления, поэтому они всегда будут доступны таким образом.

Зная, что раскрытие начинается с середины обзора, мы также знаем, что вид будет полностью раскрыт, когда радиус раскрывающегося круга равен половине диагонали обзора.

CircularRevealCompat.createCircularReveal возвращает Animator, аналогично старому способу выполнения (ViewAnimationUtils.createCircularReveal).

По умолчанию на анимации раскрытия нет цвета сетки. Если вы хотите анимировать цвет сетки по мере того, как открывается вид, вам понадобится ObjectAnimator со специальным свойством CircularRevealWidget.CircularRevealScrimColorProperty.CIRCULAR_REVEAL_SCRIM_COLOR.

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