如何实现这种弹出视图动画?

时间:2019-12-24 06:48:51

标签: ios swift animation alert

我当时正在使用这个乘车共享ios应用程序,并且发现此弹出窗口显示了选项视图的动画。我想实现类似的弹出窗口,但可以确定这是自定义过渡还是动画? Here is a link to the GIF of popover in application.

将我链接到具有类似动画的示例/教程/代码会很有帮助,这样我就可以开始在ios应用中实现了。

2 个答案:

答案 0 :(得分:0)

这很简单。只需将您的选项视图放在要显示它的屏幕上,然后将alpha设置为0,即可将其隐藏。然后,在制作动画之前,使用scaleX扩大视图的范围,然后使用translationY向下进行翻译。然后只需将其重新设置为.identity动画,然后将alpha重新设置为1.0动画,这样它就会淡入。下面是一个基本示例。当您关闭视图时,您只需要相反。让我知道您是否需要帮助。

    yourView.transform = CGAffineTransform(scaleX: 1.3, y: 0)
    yourView.transform = CGAffineTransform(translationX: 0.0, y: 200.0)
    yourView.alpha = 0
    UIView.animate(withDuration: 0.3, animations: {
        yourView.transform = .identity
        yourView.alpha = 1.0
                          })

答案 1 :(得分:0)

我使用前导,尾随和按钮约束实现了以下动画。请让我知道这种动画是否可以通过其他方式完成。

    yourview.alpha = 0
    UIView.animate(withDuration: 0.6, animations: {
        self.leadingConstraints.constant = 20
        self.trailConstraints.constant = -20
        self.buttonConstraints.constant = 20
        self.yourview.alpha = 1
        self.yourview.layoutIfNeeded()
    })