使用textswitcher进行切换动画

最新推荐文章于 2024-03-13 16:49:05 发布

原创最新推荐文章于 2024-03-13 16:49:05 发布 · 592 阅读

0 ·

CC 4.0 BY-SA版权

小事杂谈专栏收录该内容

15 篇文章

订阅专栏

本文介绍了如何使用TextSwitcher在Android中创建切换动画。通过设置两个不同的TextView，并结合translate和alpha动画，实现内容的平滑交替显示。动画时长为150毫秒，线性插值器确保过渡平滑。

使用textswitcher进行切换动画，里面只能有两个textview，大家可以尝试设置里面的两个textview的属性不同，比如颜色之类的，然后切换的时候会发现他们两个是轮流替换的

<TextSwitcher

android:id="@+id/tsLikesCounter"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_marginRight="8dp"
android:inAnimation="@anim/slide_in_likes_counter"
android:outAnimation="@anim/slide_out_likes_counter">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="123 likes"
android:textColor="@color/text_like_counter" />

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@color/text_like_counter" />

</TextSwitcher>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="150"
android:interpolator="@android:anim/linear_interpolator">
<translate
android:fromYDelta="80%p"
android:toYDelta="0" />
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0" />
</set>

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="150"
android:interpolator="@android:anim/linear_interpolator">
<translate
android:fromYDelta="0"
android:toYDelta="-80%p" />
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0" />
</set>