如何在iOS中建立點線/虛線?


知道如何建立點線或虛線非常重要。你可能會開發一個需要使用者輸入欄位的頁面,你可以用點線來表示。點線也可以用來突出應用程式中的某些內容。

最重要的用途是在導航應用程式中。在設計導航應用程式時,你必須知道如何繪製路徑,你最終可能會使用點線。

讓我們看看如何在iOS中實現此功能。

步驟1 - 開啟Xcode → 新建專案 → 單檢視應用程式 → 我們將其命名為“DottedLine”

步驟2 - 在Main.storyboard中新增一個UIView,如圖所示,建立一個@IBOutlet並將其命名為dottedView。

步驟3 - 在你的ViewController.swift中新增以下程式碼,新增下面的擴充套件。

extension UIView {
   func createDottedLine(width: CGFloat, color: CGColor) {
      let caShapeLayer = CAShapeLayer()
      caShapeLayer.strokeColor = color
      caShapeLayer.lineWidth = width
      caShapeLayer.lineDashPattern = [2,3]
      let cgPath = CGMutablePath()
      let cgPoint = [CGPoint(x: 0, y: 0), CGPoint(x: self.frame.width, y: 0)]
      cgPath.addLines(between: cgPoint)
      caShapeLayer.path = cgPath
      layer.addSublayer(caShapeLayer)
   }
}

步驟4 - 從viewDidLoad方法中,像下面那樣在dottedView物件上呼叫相同的函式

override func viewDidLoad() {
   super.viewDidLoad()
   self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)
}

如果你注意到,我們正在傳遞點線的寬度和顏色,你可以根據需要自定義點線。

步驟5 - 執行以檢視效果。

更新於:2019年7月30日

4K+ 次瀏覽

啟動你的職業生涯

透過完成課程獲得認證

開始學習
廣告