如何在 iOS 中绘制虚线?

iosapps/applicationsmobile development

了解如何绘制虚线非常重要。例如,在开发需要用户输入字段的页面时,可以使用虚线来表示。虚线还可以用于突出显示应用程序中的某些内容。

虚线最重要的用途是在导航应用中。在设计导航应用时,您必须知道如何绘制路径,而虚线很可能会被用到。

让我们看看如何在 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 - 在 vi​​ewDidLoad 方法中,对 dottedView 对象调用如下所示的相同函数


override func viewDidLoad() {

   super.viewDidLoad()

   self.dottedView.createDottedLine(width: 5.0, color: UIColor.cyan.cgColor)

}

如果您注意到我们传递了虚线的宽度和颜色,您可以自定义虚线的样式。

步骤 5 - 运行以查看效果。


相关文章