【Swift】Xcodeで図形を描画する(線を引く、四角形や円を作る)

この記事は約4分で読めます。
Xcodeで図形を描画する方法(線を引く、四角形や円を作る)について解説します。
スポンサーリンク

線を引くためのソースコード

線を引くためのソースコードです。直線を引けるようになります。
class DrawLineView: UIVIew{
  override func drawRect(rect: CGRect){
    let ctx = UIGraphicsGetCurrentContext()
    CGContextSetRGBFillColor(ctx, 1.0, 1.0, 1.0, 1.0)
    CGContextFillRect(ctx, rect)
    //直線を引く
    CGContextSetRGBStrokeColor(ctx, 1.0, 0.0, 0.0, 1.0)
    CGContextMoveToPoint(ctx, 0, 0)
    CGContextAddLineToPoint(ctx, rect.size.width, rect.size.height)
    CGContextMoveToPoint(ctx, rect.size.width, 0)
    CGContextAddLineToPoint(ctx, 0, rect.size.height)
    CGContextStrokePath(ctx)
  }
}
スポンサーリンク

四角形を作るためのソースコード

四角形を作ります。図形をプログラミングしましょう。
class DrawRectView: UIView{
  override func drawRect(rect: CGRect){
    let ctx = UIGraphicsGetCurrentContext()
    CGContextSetRGBFillColor(ctx, 1.0, 1.0, 1.0, 1.0)
    CGContextFillRect(ctx, rect)
    CGContextSetRGBFillColor(ctx, 0.0, 1.0, 0.0, 1.0)
    CGContextFillRect(ctx, CGRectMake(0, 0, rect.size.width/2, rect.size.height/2))
    CGContextSetRGBStrokeColor(ctx, 1.0, 0.0, 0.0, 1.0)
    CGContextStrokeRect(ctx,
    CGRectMake(rect.size.width/2, rect.size.height/2, rect.size.width/2, rect.size.height/2))
  }
}
スポンサーリンク

円を描くためのソースコード

円を描くことができるようになります。
class DrawCircleView: UIView{
  override func drawRect(rect: CGRect){
    let ctx = UIGraphicsGetCurrentContext()
    CGContextSetRGBFillColor(ctx, 1.0, 1.0, 1.0, 1.0)
    CGContextFillRect(ctx, rect)
    CGContextSetRGBFillColor(ctx, 0.0, 1.0, 0.0, 1.0);
    CGContextFillEllipseInRect(ctx, CGRectMake(0, 0, rect.size.width/2, rect.size.height/2));
    CGContextSetRGBStrokeColor(ctx, 1.0, 0.0, 0.0, 1.0);
    CGContextStrokeEllipseInRect(ctx, CGRectMake(0, 0, rect.size.width/2, rect.size.height/2, rect.size.width/2, rect.size.height/2));
  }
}
執筆者
自己紹介
FirstPC

株式会社FirstPCのサイト管理運営者。
東京のIT自社開発系ベンチャー企業に勤めた後、Webデザイン系のフリーランスエンジニアとして様々な案件(HTML, CSS, JavaScript, Java, PHP, Swift)を重ねて独立し、会社設立。Webサイトのデザイン、コーディングのほか、ロゴ・バナー作成や副業用リライト記事の販売、動画作成をしている。

FirstPCをフォローする
プログラミング
スポンサーリンク
FirstPCをフォローする
FirstPC パソコンなんでも塾
タイトルとURLをコピーしました