如何在 iOS 中使按鈕的角變圓?


您可能會遇到這樣的場景:您收到一個 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
   }
}

更新於: 2019-07-30

1K+ 瀏覽量

啟動您的 職業生涯

透過完成課程獲得認證

開始學習
廣告