Swift5でUIBezierPathで線、三角、四角、円、楕円、円弧の描き方【Swift/Objective-C】

2019年10月8日

UIBezierPathを使用したパス描画による様々な図形の描画方法をご紹介します。

UIBezierPathを使用するための準備

UIBezierPathを使用するためにdraw()メソッドの用意されたViewを作成する必要があります。
今回はDrawViewという命名でUIViewを継承したViewクラスを作成しました。

Swift5

Objective-C

線の描き方

Swift5

点線の場合

点線をこのようにすることも可能

線、点線を角丸にする方法

Objective-C

三角形の描き方

Swift5

Objective-C

四角形の描き方

Swift5

Objective-C

角が丸い四角形の描き方

Swift5

Objective-C

円の描き方

Swift5

Objective-C

楕円の描き方

Swift5

Objective-C

円弧の描き方

Swift5

Objective-C

応用

UIBezierPathを使用した応用プログラムをご紹介します。

関連記事