单击按钮时动画视图

Question

我连续有四个按钮。 这些按钮的宽度为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中提供外观

Answer 1

你可以试试

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