如何为按钮设置动画以向右显示视图并在点击时弹回答案

【问题标题】：How to animate a button to show a view to right and bounce to back when it is tapped如何为按钮设置动画以向右显示视图并在点击时弹回
【发布时间】：2018-06-11 07:23:20
【问题描述】：

我想要一个按钮在点击按钮时向右展开视图并在点击视图时弹回？有人可以建议我吗？ Here is the screen shot for reference

【问题讨论】：

您需要使用 UIView 或 UIControl 制作自定义控件。请研究它们并自己制作一些东西。如果您遇到困难，请使用一些代码和分析发布您的问题。你可能会得到帮助。
添加 1 个带有 SOS 标题的 UIButton，并在 SOS 按钮下添加 1 个带有 UILabel 的 UIView（或带有标题的按钮）。点击 SOS 按钮时更改 UIView（或按钮）的宽度。您可以将 UIView.animate() 用于动画、反弹等。

标签： ios swift uibutton uiviewanimation

【解决方案1】：

创建一个与按钮后面的按钮大小相同的视图，根据右约束设置视图的宽度，并在按钮的点击响应中使用动画，应该可以达到你想要的效果；

【讨论】：

【解决方案2】：

我认为你应该使用 CoreGraphics，你可以在 youtube 上找到很多简单的教程示例

button.transform = CGAffineTransform(scaleX: 0, y: 0)

此方法是您正在寻找的以扩展您的自定义视图/按钮

【讨论】：

【解决方案3】：

这样的例子：希望对您有所帮助。

let contraint:CGFloat = 0.0
if backViewWidthContraint.constant == 0 {
            contraint = 300.0
        }else{
            contraint = 0.0
        }


    UIView.animate(withDuration: 3) {
                    self.backViewWidthContraint.constant = contraint
                    self.view.layoutIfNeeded()
    }

【讨论】：