如何在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 - 运行以查看效果。
广告