如何在 iOS 中使按钮的边角变圆?

iosapps/applicationsmobile development

您可能遇到过这样的情况:UI 中的按钮是圆角的,您可能想知道该如何实现?本文将介绍如何使按钮的边角变圆。

我们将介绍两种使按钮变圆角的方法:一种是使用 Storyboard,另一种是使用代码。

让我们开始吧!首先,我们将使用 Storyboard 使按钮的边角变圆。

步骤 1 - 打开 Xcode - 新建项目 - 单视图应用程序 - 将其命名为"RoundedButton"

步骤 2 - 打开 Main.storyboard 并添加一个按钮,如下所示。

步骤 3 - 现在选择按钮,点击"实用工具区域",并将"用户定义运行时属性"更新为以下值。

现在您可以根据需要修改此值,例如增加或减少。

在第二种方法中,我们将以编程方式使按钮的角变圆。

从 Main.storyboard 中获取 ViewController.swift 中的 @IBOutlet,并将其命名为"doButtonRounded"。并更新同一属性 layer.cornerRadius。

请参考以下代码。

import UIKit
class ViewController: UIViewController {
   @IBOutlet var doButtonRounded: UIButton!
   override func viewDidLoad() {
      super.viewDidLoad()
      doButtonRounded.layer.cornerRadius = 20
   }
}


相关文章