未勾选用户协议、隐私政策实现抖动效果

这是我参与新手入门的第2篇文章

产品看到别家的app,未勾选协议的时候,会给用户一个抖动效果的提示,感觉不错,然后看了看自家的app,不行,没有抖动,不能很明显表示,于是需求出来了,用户未勾选的时候,给个抖动效果。( 呵,都不能有点创新,当然不能说出来了,只能内心暗说,哈哈,给自己加了点戏,)正事来了,开始。。。干,就完了。

如果需要实现用户协议、隐私政策的代码,请看这篇文章:juejin.cn/post/698126…

实现功能大概需要三个步骤:

一、 用什么实现;二、实现的步骤;三、运行效果

一、用什么实现

其实实现起来很简单,用补间动画就行了。

二、实现的步骤

这里说下实现补间动画的步骤:总共需要以下几个步骤

1.如果res目录下没有anim文件,就新建一个文件夹;
image.png
2.在anim文件夹下创建一个名字叫translate_checkbox_shake.xml的文件,抖动动画

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
 android:duration="300"
 android:fromXDelta="0"
 android:interpolator="@anim/cyc"
 android:toXDelta="30">
</translate>
复制代码

再在anim下创建一个插值器,名字叫cyc,这样会有抖动效果

<?xml version="1.0" encoding="utf-8"?>
<cycleInterpolator xmlns:android="http://schemas.android.com/apk/res/android"
    android:cycles="2">
</cycleInterpolator>
复制代码

3.在translate_checkbox_shake.xml里写上需要的动画属性;

android:duration=”300″与android:cycles=”2″联合表示在300毫秒内将动画执行2次,根据需求来设置就行了;

属性toXDelta和fromXDelta是横向效果,toYDela和fromYDelta是竖向,感兴趣的可以尝试下。、

4.在代码中使用 AnimationUtils.loadAnimation加载新创建的动画文件;
image.png

 val animation = AnimationUtils.loadAnimation(this, R.anim.translate_checkbox_shake)
复制代码

5.在代码中使用View的startAnimation启动动画,完事

 binding.llShake.startAnimation(animation)
复制代码

三、效果如下:

20210704160630743.gif

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享