给UI按钮添加旋转的效果

Posted 2023-05-09

参考技术A 这给大家简单写个给按钮添加点击旋转效果，如下

这个功能要使用安卓的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:如果有问题可以在评论区评论，会的我会解答，不定时更新，可以点点关注和点赞哦

为啥旋转 UIImageView 会影响其他 UI 元素？

【中文标题】为啥旋转 UIImageView 会影响其他 UI 元素？

【英文标题】：Why does rotating UIImageView affect other UI elements?为什么旋转 UIImageView 会影响其他 UI 元素？

【发布时间】：2013-06-27 17:00:39

【问题描述】：

我正在通过旋转 UIImageView 为我的应用添加背景效果：

- (void) viewDidLoad 
  rotateAngle = 0;
  [NSTimer scheduledTimerWithTimeInterval:.05 target:self selector:@selector(bgEffect) userInfo:nil repeats:YES];


- (void) bgEffect
  rotateAngle += .01;
  CGAffineTransform rotate = CGAffineTransformMakeRotation( rotateAngle );
  [_bgImage setTransform:rotate];

奇怪的问题是它会通过移动一些 UI 元素来影响它们。它不会影响所有 UI 元素，只会影响一些。我试图改变层次结构，但没有运气。我不明白问题是什么。有人能帮我吗？

【问题讨论】：

你在使用约束吗？

你的 bgImage 中有子视图吗？

如何完全获得约束？

您可以在 Storyboard 中关闭自动布局

谢谢！这解决了我的问题！能否请您将其重写为答案，我将其标记为正确。

【参考方案1】：

尝试在 Storyboard 中关闭自动布局。