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

2018年6月14日

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

もくじ

  1. UIBezierPathを使用するための準備
  2. 線の描画
  3. 三角形の描画
  4. 四角形の描画
  5. 角が丸い四角形の描画
  6. 円の描画
  7. 楕円の描画
  8. 円弧の描画

1. UIBezierPathを使用するための準備

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

Swift4

 

Objective-C

 

2. 線の描き方

 

Swift4

Objective-C

 

3. 三角形の描き方

 

Swift4

Objective-C

 

4. 四角形の描き方

Swift4

Objective-C

 

5. 角が丸い四角形の描き方

Swift4

Objective-C

 

6. 円の描き方

Swift4

Objective-C

 

7. 楕円の描き方

Swift4

Objective-C

 

8. 円弧の描き方

Swift4

Objective-C