?
?
?
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时，纹理默认撑满文字。
?
<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"?/>
?借助文字纹理，可以很方便的实现文字的Blur效果，实际上就是一张正常图片垫底，另一个MotionLabel使用背景图的Blur图做文字背景来实现的。
?
TextOutline
MotionLabel还支持对文字添加描边处理，涉及到下面这些属性。
-
textOutlineColor：描边颜色
-
textOutlineThickness：描边宽度
borderRound
MotionLabel自带了背景圆角的处理。
-
borderRound：按dp处理圆角
-
borderRoundPercent：按百分比处理圆角
textBackgroundPan
文字纹理背景的偏移，是通过textBackgroundPanX和textBackgroundPanY属性来实现的。
通过CustomAttribute给textBackgroundPanX和textBackgroundPanY设置-1到1的变换，就可以实现纹理背景移动的动画效果。
textPan
文字在MotionLabel中的偏移，使用的是textPanX和textPanY，同样是通过-1到1来实现定位。
通过CustomAttribute给textPanX和textPanY设置-2到2的变换，就可以实现文字的偏移动画。
动画就不贴了，太麻烦了，最后会有一个惊喜大Demo，满足你的一切幻想。
向大家推荐下我的网站?https://xuyisheng.top/??点击原文一键直达
专注 Android-Kotlin-Flutter 欢迎大家访问
往期推荐
-
群英传2.0
-
ConstraintLayout2.0一篇写不完之MotionEffect
-
Material Components之旅——MaterialButton
-
Google挖坑后人埋-ViewBinding(上)
?