Swift动画 —— 登陆页面动画(一)

最新推荐文章于 2024-08-23 10:17:09 发布

原创

最新推荐文章于 2024-08-23 10:17:09 发布 · 469 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#swift #动画 #ios

本文介绍了如何使用Swift创建登录页面的LOGO动画。首先，将LOGO图片添加到Assets，然后通过设置imageView的frame和添加点击手势来实现点击后的抖动效果。接着，利用UIView.animate实现LOGO上移的平滑动画。最后，通过UIBezierPath绘制中间线并浮现按钮，完成整个动画效果。目前，已实现了预期的动画效果。

下面是想要实现的动画效果：
在这里插入图片描述
这里拆分成三个部分来完成，这里先来完成LOGO动画。
先把LOGO图片添加到Assets里面，声明logoImageView属性以及之后所期望的logo大小让VC持有。

private let logoSize = CGSize(width: 250, height: 40)
private var logoImageView: UIImageView!

声明一个setupUI方法并在viewDidAppear里面调用，在setupUI里面设置好logoImageView的frame等属性，并让其变成可以互动，添加点击手势。

   private func setupUI() {

        // Initialize the logo at the center of screen
        logoImageView = UIImageView(frame: CGRect(x: view.frame.width/2 - logoSize.width/2,
                                                  y: view.frame.height/2 - logoSize.height/2,
                                                  width: logoSize.width,
                                                  height: logoSize.height))
        logoImageView.contentMode = .scaleToFill
        logoImageView.image = UIImage(named: "logo_icon")
        logoImageView.isU