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 -実行して効果を確認します。