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

この記事は約4分で読めます。

現役エンジニアがおすすめするプログラミングスクール!

自宅で学べるオンラインのプログラミングスクール【TechAcademy】

TechAcademyはオンライン完結型の受講タイプです。20以上の豊富なコースから好きなものを選択して学習できます。

メンターも質問にきちんと応じてくれて、第13回 日本e-Learning大賞、プログラミング教育特別部門賞ともに受賞しています。

Webアプリ、Webデザインのみならず、ブロックチェーンやデータサイエンス、動画作成のコースなど幅広いです。


無料相談はこちら!


Webデザインスクール「デジタルハリウッド STUDIO by LIG」

Web制作会社(株式会社LIG)が運営するスクールなので、より専門的なWebデザイン技術を身につけることが可能です。コンサルタントによる厚い転職支援もあるので、Webデザイナーとしての就職ができます。

未経験でも6ヶ月でWebデザイナーになれます。


無料相談はこちら!


テックキャンプ デザイナー転職(旧:【TECH::EXPERT】デザインスクール)

エンジニア転職に向いています。案件が獲得できなかった際は、全額返金保証してくれます。

家にいながら仕事がしたい、副業で収入をあげたい方向けです。


無料相談はこちら!


SkillHacks(スキルハックス) オンラインプログラミングスクール

ハッカソンや開発コンテストで優勝経験ありの実力派エンジニアからWebアプリケーションの開発手法のすべてを学べます。


無料相談はこちら!

ポートフォリオ制作実績
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をコピーしました