给UI按钮添加旋转的效果

这给大家简单写个给按钮添加点击旋转效果,如下


这个功能要使用安卓的api,所以要先导入,不然会报错,这也是autojs的好处,可以导入包,功能强大


不导入包,报错截图如下

使用importClass导入

importClass(android.animation.ObjectAnimator)

然后一个简单的按钮,我是用的<img>里面的属性可以去看文档

使用安卓提供的自带图标,待会儿就可以在页面中导入

const cancle = "@drawable/ic_close_black_48dp"

一个简单的界面
ui.layout(

    <frame>

<img id="add" src="{{cancle}}" borderColor="#00BFFF"  borderWidth="5" tint="#00BFFF" radius="75px" w="150px" h="150px" layout_gravity="right|bottom" marginBottom="25" marginRight="25" />

    </frame>

)

这就是点击使按钮旋转的方法

先创建一个对象animatio,它的参数ObjectAnimator.ofFloat(ui.add, "rotation", 0, 180, 360),ui.add就是要操作的对象,"rotation"是效果,就是旋转,可以改为其他的,后面的就是从哪儿到哪儿,长度没限制,我设置的是旋转一圈 

  animation.setDuration(1000)这是设置动画的时间,参数是毫秒,这里设置的是一秒,可以自己设置

animation.start()参数设置完后就需要开始动画了

ui.add.on("click", function () {

    animation = ObjectAnimator.ofFloat(ui.add, "rotation", 0, 180, 360)

    animation.setDuration(1000)

    animation.start()

})

最后:这是UI界面再最开始一定不要忘了"UI";这个必须的



ps:如果有问题可以在评论区评论,会的我会解答,不定时更新,可以点点关注和点赞哦

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 【Android 动画】 动画分类补间动画(Tween动画)帧动画(Frame 动画)属性动画(Property ...
    Rtia阅读 6,269评论 1 38
  • 本笔记的原文本链接 Property Animation Overview 属性动画总览 The property...
    Jaesoon阅读 1,159评论 2 3
  • 在手机上去实现一些动画效果算是件比较炫酷的事情,因此Android系统在一开始的时候就给我们提供了两种实现动画效果...
    Ten_Minutes阅读 3,886评论 3 11
  • Animation Animation类是所有动画(scale、alpha、translate、rotate)的基...
    四月一号阅读 1,944评论 0 10
  • 你拖着沉重的行李箱头也不回的走着,我默默的跟在你后面一声不啃。轱辘与站台凹凸不平的地面“咯噔咯噔”的接触声戛然而止...
    远山笙箫默阅读 517评论 0 1