我想知道如何使用九个 olad androids 框架动画创建脉冲效果。
为了更好地理解,假设您有一个 ImageView 并希望具有“脉冲”效果,例如使图像变小然后恢复到原始大小,缩放将居中。
我使用九个 olad 机器人来实现向后兼容性。
欢迎任何其他选择。
谢谢你。
我想知道如何使用九个 olad androids 框架动画创建脉冲效果。
为了更好地理解,假设您有一个 ImageView 并希望具有“脉冲”效果,例如使图像变小然后恢复到原始大小,缩放将居中。
我使用九个 olad 机器人来实现向后兼容性。
欢迎任何其他选择。
谢谢你。
R.anim.pulse
:
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="1"
android:repeatMode="reverse"
android:toXScale="0.5"
android:toYScale="0.5" />
ImageView imageView = (ImageView) findViewById(R.id.image);
Animation pulse = AnimationUtils.loadAnimation(this, R.anim.pulse);
imageView.startAnimation(pulse);
heart_pulse.xml 将 heart_pulse.xml 放入 res/anim 文件夹 添加 android:interpolator
然后在您的活动中使用,如下所示
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="0.5"
android:toYScale="0.5"
android:duration="1000"
android:repeatCount="infinite"
android:repeatMode="reverse"/>
ImageView imageView =(ImageView)findViewById(R.id.imageView);
Animation pulse = AnimationUtils.loadAnimation(this, R.anim.heart_pulse);
imageView.startAnimation(pulse);
要直接从 XML 中使用@Matthias Robbers 解决方案,您可以执行以下操作:创建 2 个文件:
1-脉冲.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:fromXScale="1"
android:fromYScale="1"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="0.8"
android:toYScale="0.8"
android:duration="500"
android:repeatCount="infinite"
android:repeatMode="reverse"/>
</set>
2- pulse_layout_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
android:animation="@anim/pulse">
</layoutAnimation>
然后在您的布局 xml 文件中,只需将此动画添加到您需要的任何视图中,例如:
<ImageView
android:layout_width="55dp"
android:layout_height="55dp"
android:src="@drawable/heart"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:layoutAnimation="@anim/pulse_layout_animation" />