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

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

1 голос
/ 26 апреля 2019

Я пытаюсь сдвинуть 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"
    />

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

Image with no visible RadioButton

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

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

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

Expected result

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

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

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

1 Ответ

0 голосов
/ 26 апреля 2019

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

setTranslationX

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

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

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

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

...