SwiftでのdrawRect()

UIViewのdrawRec()メソッド内で線を描いたり円を描いたりするやり方について。

CGContextなんとかという関数を用いる方法が広く紹介されているが、実はUIBezierPathというクラスもある。これはCGContextなんとかを機能的にラッパーしたクラス。Appleの資料によるとこちらの方がおすすめらしいのでこれを中心に紹介していく。Bezierというとややこしい数式を用いた描画というイメージがあって名前で少し敬遠してしまうが、線を引いたり丸を描いたりといった単純な描画でもこのクラスをメインにするといい。UIPathのようなシンプルな名前にしておけばもっと人気（？）が出たかもしれない。

描くときの大まかな流れは
1　線の太さや使用する色を指定
2　パス（線要素）を必要なだけ足していく。
3　描画指令を出す
となる。

UIBezierPathを使った描画


//色の設定
UIColor.redColor().setFill()
UIColor.blueColor().setStroke()
UIColorに色設定メソッドがあります。UIBezierPathというのはPathに関するものなので色は専門外なんでしょう。

でここからUIBezierPathのメソッドです。

//空インスタンス作成
let line = UIBezierPath()

//線の太さ
line.lineWidth = 2

//開始点
line.moveToPoint(CGPointMake(10, 10))

//追加点
line.addLineToPoint(CGPointMake(20,20))

//パスを描く
line.stroke()

//パスを閉じる
line.closePath()

//円や楕円
let daen = UIBezierPath(ovalInRect: CGRectMake(100, 100, 100, 100))

//四角
let shikaku = UIBezierPath(rect: CGRectMake(100, 100, 100, 100))

//中を塗る
daen.fill()
shikaku.fill()

//角が丸い四角
let kadomaruSHikaku = UIBezierPath(roundedRect: CGRectMake(100, 100, 100, 100), cornerRadius: 10)

//弧
let arc = UIBezierPath(arcCenter: CGPoint(x:100, y:100), radius: 50, startAngle: 0, endAngle: CGFloat(M_PI) * 1.0 / 2.0, clockwise: true)

//ベジエぽい曲線
let bez = UIBezierPath()
bez.moveToPoint(CGPointMake(0, 0))
bez.addCurveToPoint(CGPoint(x: 100.0, y: 0.0), controlPoint1: CGPoint(x: 100.0, y: 100.0), controlPoint2: CGPoint(x: 200.0, y: 100.0))
bez.addQuadCurveToPoint(CGPoint(x: 200.0, y: 200.0), controlPoint: CGPoint(x: 300.0, y: 100.0))

以上UIBezierPathで使われること多いものです。角が丸い四角があるのがうれしい。
drawRect(rect: CGRect)からサブクラスを呼んだとき、サブクラス内でも同じように書ける。


CGContextなんとか

//コンテキスト取得
let cgContext = UIGraphicsGetCurrentContext()

//ラインの太さ
CGContextSetLineWidth(cgContext, 2.0)

//色の設定
CGContextSetStrokeColorWithColor(cgContext, UIColor.redColor().CGColor)
CGContextSetFillColorWithColor(cgContext, UIColor.blueColor().CGColor)

//円、楕円
CGContextFillEllipseInRect(cgContext, CGRect(x: 0.0, y: 10.0, width: 20.0, height: 20.0))
CGContextStrokeEllipseInRect(cgContext, CGRect(x: 0.0, y: 10.0, width: 20.0, height: 20.0))

//四角
CGContextFillRect(cgContext, CGRect(x: 0.0, y: 40.0, width: 20.0, height: 20.0))
CGContextStrokeRect(cgContext, CGRect(x: 0.0, y: 40.0, width: 20.0, height: 20.0))

//描画
CGContextFillPath(cgContext)
CGContextStrokePath(cgContext)

コメント

コメントを投稿

このブログの人気の投稿

Swiftのコンパイルエラー寄せ集め

Appleが2014年6月に出してきた新しいプログラミング言語Swiftのコンパイルエラーの収集。こんなプログラムでこんなエラーが出ました、という例をいくつか集めたものです(仕様を読みながらわざとエラーを出したものもかなり含む)。理想を言うならコンパイルの工程を理解した上でそれぞれの説明をしたいのだが、かなり専門的になるのでそこまでは出来ない。 宣言、初期化の実行文 Type annotation missing in pattern 型の指定がない（型がわからない） 【確認ver】Swift 3.0.2【語】annotation 注釈 //Swift 3.0.2 var abc //エラー abcが何の型かわからない。 var abc: Int や var abc = 0 なら型が決まる(推測できる)のでOK。 //Swift 3.0.2 var a, b, c: Int = 0 //エラー Intと=0はcのみに対して適用されるようで、aとbが不確定になる。 var a, b, c: IntならOK。 //Swift 3.0.2 var a, b = 0, c: Int //エラー aに対して、= 0は適用されない（bに対して適用）、Intもaに対して適用されない（間に= 0が適用されたbがあるため？） Cannot assign to value: '***' is a 'let' constant 値を代入できません。***はletで定義された定数です。 【確認ver】Swift 3.0.2【語】assign 割り当てる 値を初期値以外にするならvarで宣言すること。 //Swift 3.0.2 let abc = 0 abc = 1 //エラー //Swift 3.0.2 func funcA(a: Int) { a = 0 //エラー } 関数の引数で与えられたものを関数内で変更しようとした。関数の引数はデフォルトで定数扱い。関数内で変数として使いたいなら関数の頭でvar a = aなどとして書き換え可能にする。 Cannot assign to value: '***' returns immutable value 値を代入できません。***は変更できない...
続きを読む

コンパイルエラー覚え書き(Objective-C)

((赤のほう)) Variable length array declaration can not hava 'static' storage duration メソッド内でstaticで配列を宣言するときに要素数が変数だと出る。 incompatible types in assignment 宣言に*を付け忘れ variable-sized object may not be initialized 宣言に*を付け忘れ expected ';' before '}' token ;忘れ Expected expression before '〜' token '〜'の前がおかしい '〜' undeclared (first use in this function) 宣言忘れ、宣言の位置がおかしい stay '3桁の数字' in program 日本語入力モードでなにか入力した wrong type argument to unary minus メソッドの引数がおかしいという意味 原因はほんとにメソッドの引数がおかしい場合と、すこし上のメソッドの}の閉じカッコ忘れでエラー部分が前のメソッドの一部と認識されている場合がある。 expected specifier-qualifier-list before '****' ２つの.hが互いに#importしあったときなどにおこる。 片方を @class ****; に変更するとエラーが出なくなることがよくある。 @class **** は.hのインポートではなく、ソースの中に「****」というクラスが出てきますが気にしないでください、と言うニュアンス。インポートはどこかでする必要があることがほとんどと思うが、.mの先頭でしてやればよい。 設計の見直しというのも解決方法のひとつ。 Lvalue required as left operand of assignment 代入可能じゃない(?) Initializer element is not constant int型の変数をstaticで宣言して同時に初...
続きを読む

AVAudioSession細かいことまとめ(late 2014)

以前も書きました「AudioSessionの細かいことまとめ」のlate 2014版を書きます。 個人的なあらすじ 以前アプリを作る際に、AudioSession(C言語)とAVAudioSession(Obj-C)のどちらを使おうかと検討したことがありました。そのときはAVAudioSession(Obj-C)の方に機能が足りない部分が多少あって、これは主流にならないのではと思い、AudioSession(C言語)の方で実装しました。しかし予想は外れ、AudioSession(C言語)の方がiOS7より非推奨となったので、今回改めてAVAudioSession(Obj-C)の方でまとめてみます。せっかくなのでSwiftの方も併記して書いてみようと思います。基本的にAVAudioSessionのクラスリファレンスを読んでまとめるだけなので詳しく知りたいことがある場合はそちらを見て下さい。 ちなみに作っているアプリは SilentBonusTrack というカセットテープアプリで、iPodのような音楽再生機能が中心となっています。私の興味の対象はその辺の音楽再生系が中心になります。 重要な項目 まずは音を扱う場合には目を通しておく必要があるAudioSession関係です。 importするもの //Swift import AVFoundation //Objective-C #import <AVFoundation/AVFoundation.h> インスタンスの取得 このインスタンスに対して音の扱いに関するいろいろなメソッドを実行出来ます。 //Swift let session: AVAudioSession = AVAudioSession.sharedInstance() //Objective-C AVAudioSession *audioSession = [AVAudioSession sharedInstance]; Swiftの方はもしvarにする必要があればvarにしてください。 カテゴリーの指定 アプリの音の扱い方法を数パターンの中から選んで指定します。 //Swift var error: NSError? session.setCategory(AVAudioSessionCategoryPlayba...
続きを読む