📜  圆形 ios 按钮 - Swift (1)

📅  最后修改于: 2023-12-03 15:37:17.069000             🧑  作者: Mango

圆形 iOS 按钮 - Swift

在 Swift 中,我们可以轻松地创建自定义圆形按钮。这个教程将教你如何使用 Swift 创建一个圆形按钮,并将其添加到界面上。

步骤 1:创建项目

首先,我们需要创建一个新的 iOS 项目。打开 Xcode,点击 "创建新 Xcode 项目" 并选择 "Single View Application"。

步骤 2:创建 UIButton 子类

我们将创建一个名为 "CircularButton" 的 Swift 类,它将是 UIButton 的子类。在 "ViewController.swift" 中添加以下代码:

import UIKit

class CircularButton: UIButton {
  
  // 使用代码创建按钮
  override init(frame: CGRect) {
    super.init(frame: frame)
    setupButton()
  }
  
  // 使用 Interface Builder 创建按钮
  required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    setupButton()
  }
  
  func setupButton() {
    // 设置按钮样式
    backgroundColor     = UIColor.red
    titleLabel?.font    = UIFont(name: "AvenirNext-DemiBold", size: 18)
    layer.cornerRadius  = frame.size.height/2
    setTitleColor(.white, for: .normal)
  }
}
步骤 3:添加按钮到视图上

现在,在 "ViewController.swift" 中添加以下代码来添加我们的自定义按钮到视图上:

override func viewDidLoad() {
  super.viewDidLoad()
  
  // 创建按钮
  let circularButton = CircularButton(frame: CGRect(x: 0, y: 0, width: 200, height: 200))
  circularButton.center = view.center
  circularButton.setTitle("按钮", for: .normal)
  view.addSubview(circularButton)
}
结论

现在我们已经成功地在 Swift 中创建和添加了一个自定义的圆形 UIButton。你可以根据你的需求来修改按钮的大小、颜色和标题。