ConstraintLayout: анимация translationX для одновременного нажатия кнопки RadioButton и ImageView

1

Я пытаюсь сдвинуть ImageView вправо, используя анимацию translationX на RadioButton. Вот макет, который я создал:

<android.support.constraint.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="wrap_content"
    >

    <RadioButton
        android:id="@+id/radio_button"
        android:layout_width="35dp"
        android:layout_height="35dp"
        android:layout_marginStart="10dp"
        app:layout_constraintEnd_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        />

    <ImageView
        android:id="@+id/image"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_margin="15dp"
        android:background="@drawable/my_image"
        app:layout_constraintStart_toEndOf="@id/radio_button"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintDimensionRatio="8:5"
    />

Который начинается так:

Изображение 174551

Затем я запускаю эту анимацию программно:

radioButton.animate().translationX(50).setDuration(500).start();

Ожидается что-то вроде: (Обратите внимание, что ширина и высота уменьшены в этом предварительном просмотре, соблюдая layout_constraintDimensionRatio = "8: 5")

Изображение 174551

Но, к сожалению, только RadioButton переводит (и заканчивается позади изображения), в то время как ImageView остается того же размера и в том же положении. Можете ли вы помочь мне понять, почему это происходит?

Я думал, что ключевая инструкция была app:layout_constraintStart_toEndOf="@id/radio_button" в ImageView, но я думаю, что я что-то упустил.

Любая помощь приветствуется, спасибо всем

Теги:
android-constraintlayout
android-animation

1 ответ

0

Вы видите, как translatioX работает для представлений Android:

setTranslationX

public void setTranslationX (перевод с плавающей запятойX)

Устанавливает горизонтальное положение этого вида относительно его левой позиции. Это эффективно позиционирует объект пост-макет, в дополнение к тому, где макет объекта разместил его.

Курсив мой. Ключевая фраза здесь - пост-макет. Настройка translationX влияет только на положение вида и не меняет позиции других видов. Другими словами, все другие представления ведут себя так, как будто translationX == 0.

Вы все еще можете достичь желаемого эффекта, но вам придется подходить к нему по-разному, используя поля или, возможно, TransitionManager. Ищите "ConstraintLayout animation" для некоторых идей.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню