如何使用运动布局在父视图内缩放 textView?

How can I scale textView inside parent view with motion layout?

我正在尝试缩放容器视图内的 textView。 Activity 使用动态布局。如果我不将它放在容器内,我可以缩放 textView。这是我的 activity 布局和运动布局描述文件。我怎样才能使 scaleX 和 scaleY 工作?

Activity布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.motion.MotionLayout xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/motionLayout"
    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="match_parent"
    app:layoutDescription="@xml/motion_scene_text_size">

    <View
        android:id="@+id/button"
        android:layout_width="64dp"
        android:layout_height="64dp"
        android:background="@color/colorAccent"
        android:text="Button" />

    <android.support.constraint.ConstraintLayout
        android:id="@+id/container"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_marginTop="100dp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:textSize="20sp"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

    </android.support.constraint.ConstraintLayout>

</android.support.constraint.motion.MotionLayout>

运动场景

<?xml version="1.0" encoding="utf-8"?>
<MotionScene xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:motion="http://schemas.android.com/apk/res-auto">

    <Transition
        motion:constraintSetStart="@+id/start"
        motion:constraintSetEnd="@+id/end"
        motion:duration="1000">
        <OnSwipe
            motion:touchAnchorId="@+id/button"
            motion:touchAnchorSide="right"
            motion:dragDirection="dragRight" />
    </Transition>

    <ConstraintSet android:id="@+id/start">
        <Constraint
            android:id="@id/button"
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:layout_marginStart="8dp"
            motion:layout_constraintBottom_toBottomOf="parent"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

        <Constraint
            android:id="@id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:textSize="20sp"
            android:scaleX="1.0"
            android:scaleY="1.0"
            motion:layout_constraintBottom_toBottomOf="parent"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

    </ConstraintSet>

    <ConstraintSet android:id="@+id/end">
        <Constraint
            android:id="@id/button"
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:layout_marginEnd="8dp"
            motion:layout_constraintBottom_toBottomOf="parent"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

        <Constraint
            android:id="@id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="TextView"
            android:textSize="20sp"
            android:scaleX="2.0"
            android:scaleY="2.0"
            motion:layout_constraintBottom_toBottomOf="parent"
            motion:layout_constraintEnd_toEndOf="parent"
            motion:layout_constraintStart_toStartOf="parent"
            motion:layout_constraintTop_toTopOf="parent" />

    </ConstraintSet>

</MotionScene>

值得注意的是,您只能为 MotionLayout 的直接子级设置动画。

如果您必须使用此容器,您可以将 matchParent 用于 TextView 的 heightwidth,然后使用 AutoSizeText.

<MotionLayout
   ...>

   <ConstraintLayout
    android:id="@+id/container"
    ...>

      <TextView
       android:layout_width="matchParent"
       android:layout_height="matchParent"
       app:autoSizeTextType="uniform"
       app:autoSizeMinTextSize="20sp"
       app:autoSizeMaxTextSize="40sp"
       .../>

   </ConstraintLayout>

</MotionLayout>

在您的 MotionScene 中,更改 ConstraintLayout 的大小:

<ConstraintSet android:id="@+id/endConstraintSet">

   <Constraint
    android:id="@id/container"
    android:layout_width="200dp"
    android:layout_height="200dp"
    ... />

</ConstraintSet />

对我有用的是设置 TextView 的 HEIGHTTextSize,一起调整大小,例如:

<Transition
    motion:constraintSetEnd="@+id/end"
    motion:constraintSetStart="@+id/start" />

<ConstraintSet android:id="@+id/start">
    <Constraint android:id="@id/titleTextView">
        <Layout
            ........
            android:layout_width="match_parent"
            android:layout_height="32dp"
            .......
            />
        <CustomAttribute
            motion:attributeName="textSize"
            motion:customFloatValue="28" />
    </Constraint>
    ......
</ConstraintSet>

<ConstraintSet android:id="@+id/end">
    <Constraint android:id="@id/titleTextView">
        <Layout
            android:layout_width="match_parent"
            android:layout_height="20dp"
            ..........
        />
        <CustomAttribute
            motion:attributeName="textSize"
            motion:customFloatValue="16" />
    </Constraint>
</ConstraintSet>