如何在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+ 次浏览

启动你的职业生涯

通过完成课程获得认证

开始学习
广告