Задачу можно решить с помощью ViewPropertyAnimator. Возьмем для примера LinearLayout
с тремя элементами:
<LinearLayout
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="ru.jollydroid.propertyanimationdisappearance.MainActivity">
<TextView
android:id="@+id/one"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ff0000"
android:padding="16dp"
android:text="One"
android:textColor="#00ffff"/>
<TextView
android:id="@+id/two"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#00ff00"
android:padding="16dp"
android:text="Two"
android:textColor="#ff00ff"/>
<TextView
android:id="@+id/three"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#0000ff"
android:padding="16dp"
android:text="Three"
android:textColor="#ffff00"/>
</LinearLayout>
Как бы мы сделали без анимации?
two.setVisibility(View.GONE);
Что это дает? Элемент two
исчезает, элемент three
смещается наверх на место two
.
Какая нам нужна анимация? Сначала у элемента two
плавно уменьшить прозрачность, затем элемент three
плавно сместить наверх на высоту элемента two
. Так и запишем:
void stepOne() {
two.animate()
.setDuration(500)
.alpha(0)
.setListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
stepTwo();
}
});
}
void stepTwo() {
three.animate()
.setDuration(500)
.translationY(-binding.two.getHeight())
.setInterpolator(new AccelerateInterpolator())
.setListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
stepThree();
}
});
}
/*
нужно в конце анимаци вернуть свойства в исходное состояние, но так,
чтобы взаимное расположение осталось неизменным
*/
void stepThree() {
// отключаем лиснеры, на всякий случай, чтобы при следующей анимации неожиданно не сработал
three.animate().setListener(null);
two.animate().setListener(null);
// сводим задачу к предыдущей
two.setVisibility(View.GONE);
// возвращаем свойства в исходное состояние
three.setTranslationY(0);
binding.two.setAlpha(1);
}
При наступлении события надо запустить stepOne()
.
Надо ли чистить последствия анимации на третьем шаге - решать вам. Если это разовый эффект, то надо, чтобы дальнейшая работа с интерфейсом не была неожиданной, потому что, например, элемент three
так и останется смещенным относительно своего исходного положения. Если же все поведение интерфейса будет построено на анимации, то не надо, чтобы появление элемента two
обратно можно было сделать аналогично исчезновению.
Про эту анимацию была статья в блоге:
https://android-developers.googleblog.com/2011/05/introducing-viewpropertyanimator.html
Еще один пример использования этй же анимации есть в моей статье: http://jollydroid.ru/notebook/2016-04-05-Property-Animation-Rotation.html
android:animateLayoutChanges="true"
вLinearLayout
тоже работает. Я и не знал. Сейчас внизу ответ дополню.