单击按钮时的动画视图

Posted 2023-03-13

【中文标题】单击按钮时的动画视图

【英文标题】：Animate view when button is clicked

【发布时间】：2018-08-28 14:04:51

【问题描述】：

我连续有 4 个按钮。这些按钮的宽度为 1:4，并且在水平位置上彼此相邻。

按钮的排列方式与设计相同

|Btn1|Btn2|Btn3|Btn4|

现在我有一个视图，它位于视图控制器开始处 Btn4 的正下方。现在我想当用户点击 Btn1 时，查看 Btn1 下方的动画，如果用户点击 Btn3，它应该移动到那里。

我知道下面的代码可以做一些事情

let animator = UIViewPropertyAnimator(duration: 1, curve: .easeOut, animations: 
        self.viewIndicators.transform = CGAffineTransform(translationX: xValue , y: 0)

    )
    animator.startAnimation(afterDelay: 0.400)

在上面的代码中我真的不知道会有什么价值。我尝试传递按下的按钮 frame.x 值。但这对我不起作用。视图确实动画但位置错误。

谁能帮帮我。

注意：动画视图的宽度与行上的每个按钮的宽度相同。我只想在 android TabLayout 中给出外观和感觉

【参考方案1】：

你可以试试

@IBAction func btnClicked(_ sender:UIButton) 
   UIView.animate(withDuration: 0.25, animations: 
       self.viewIndicators.frame = sender.frame.offsetBy(dx:0,dy:20)
   )

【讨论】：

animate 是 UIView 类中的一种类型方法，您可以从这里查看 developer.apple.com/documentation/uikit/uiview/1622418-animate

实例化视图