【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));
  }
}
タイトルとURLをコピーしました