ConstraintLayout2.0一篇写不完之MotionLabel

点击上方蓝字关注我，知识会给你力量

MotionLabel是CL2.1新加入的一个为单行文字制作动画的View，它支持下面几种典型的动画效果：

使用PanX和PanY取代Gravity，它是一个float值，-1是左，0是中心， 1是右，它可以对位置进行动画
可以设置文本轮廓的厚度和颜色，并设置它的动画效果
给文本的背景设置颜色或纹理
确保textSize的动画效果顺滑

❝那么问题来了，只支持单行？？没错，MotionLabel并不是继承TextView，所以文字测量相关的方法是没有的，只能支持单行，那么多行咋办，其实很简单，你可以借助一个假的TextView来进行文字的测量，再通过它的API获取每行的文本，根据每行的文本，创建MotionLabel，或者更直接一点，通过TextMeasure来对文字进行测量。 ❞

纹理背景

下面的示例，展示了MotionLabel设置图片纹理作为它的background，主要涉及三个属性：

textBackground：不同于background，textBackground是文字的填充纹理
textureHeight：文字填充纹理的高度
textureWidth：文字填充纹理的宽度
textBackgroundRotate：文字填充纹理的旋转角度
textBackgroundZoom：文字填充纹理的缩放

❝当不设置textureWidth和textureHeight时，纹理默认撑满文字。 ❞

代码语言：javascript复制

<androidx.constraintlayout.utils.widget.MotionLabel
    android:id="@ id/label1"
    android:layout_width="wrap_content"
    android:layout_height="200dp"
    android:background="@drawable/monterey"
    android:padding="10dp"
    android:text="XuYiSheng"
    android:textSize="60sp"
    android:textStyle="bold"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent"
    app:textBackground="@drawable/avatar"
    app:textureHeight="10dp"
    app:textureWidth="10dp" />