Swift 按钮加activity菊花转动

说明

---

对于初学者来说，做一个登录得页面来说是十分有成就感的，有时候我们想要在登录按钮中加一个转动的菊花（请允许我称呼菊花）。

介绍

---

菊花，在UIKit组件中原名是UIActivityIndicatorView，是常用的组件之一，常常用来标识后台有数据在处理或者加载。

使用

---

菊花，我们在创建时不必添加到View中，我们直接放在View的外一层。

创建组件

创建与Controller的关联。

image.png

然后创建一个按钮，分别与Controller的outlet和action。

代码块

---

import UIKit

class ViewController: UIViewController {
    
    @IBOutlet var activity: UIActivityIndicatorView!
    @IBOutlet weak var btn: UIButton!
    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置activity的中心为按钮的中心
        self.activity.center = self.btn.center
        // 按钮的圆角实现
        self.btn.layer.masksToBounds = true
        self.btn.layer.cornerRadius = 5
        // activity的菊花颜色
        self.activity.color = UIColor(colorLiteralRed: 255/255, green: 255/255, blue: 255/255, alpha: 1.0)
        // 停止后，隐藏菊花
        self.activity.hidesWhenStopped = true
        // 添加activity到view中
        self.view.addSubview(self.activity)
    }
    

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    
    // 点击按钮开始转动
    @IBAction func tapped(sender: AnyObject) {
        // 菊花开始转动
        self.activity.startAnimating()
        // 按钮不可点击
        self.btn.enabled = false
        
        // 停止转动
        //self.activity.stopAnimating()
        //self.btn.enabled = true
    }

}

效果

---

静态效果图

image.png

有问题？

---

读者在学习的过程中遇到问题，可以联系我！！
QQ：792598794