2015年5月6日水曜日

Core Animation Lesson.(カスタム描画/Lesson1-7)

Core Animation Lesson.(Lesson1-7)
カスタム描画.(Lesson1-7)

CALayerのcontentsプロパティを設定するとこだけが背景画像を描画する方法では有りません。UIViewのdrawRectメソッドを実装する事でCoreGraphicsやUIKitを利用し、ダイレクトに背景画像を描画することができます。drawRectメソッドにはデフォルト実装が有りませんが、Viewが最初に表示された時に一度呼び出され、以降は更新が必要になった場合に自動的に呼び出されます。明示的に再描画が必要な時はsetNeedsDisplayを呼び出す事で再描画が行われますので、再描画したいからといってコード内からdrawRectメソッドを直接呼び出してはいけません。

drawRectメソッドの実装

UIViewクラスを継承した新しいクラスを作成し、Storyboard上でViewを配置しCustomクラスとして新しく作成したクラスを指定します。

図. カスタムクラスの設定
drawRectメソッドでは、青色に塗りつぶされた楕円を描画するコードになっています。(以下コード) 
  1. class Lesson1_7View: UIView {
  2.  
  3.     // custom draw
  4.     override func drawRect(rect: CGRect) {
  5.         // get context
  6.         let context: CGContext! = UIGraphicsGetCurrentContext()
  7.         
  8.         // draw with context
  9.         // set fill color
  10.         CGContextSetFillColorWithColor(context, UIColor.blueColor().CGColor)
  11.         // draw ellpise in rect
  12.         CGContextFillEllipseInRect(context, rect)
  13.  
  14.     }
  15. }
図. カスタム描画
独自に追加したレイヤへのカスタム描画

CALayerにはdelegateプロパティが存在します。それがCALayerDelegateで、displayLayerとdrawLayer メソッドが定義されています。iOSの場合はUIViewを新たに作成するとCALayerも必ず生成されます。この予め生成されているCALayerの場合はUIView側でCALayerDelegateが実装されているため、改めて個別に実装する必要はありません。素直にdrawRectメソッドを実装すれば良いでしょう。

逆に新たに作成したCALayerでカスタム描画したい場合にCALayerDelegateを実装する必要があります。因みに、CALayerDelegateはCALayerクラスにNSObjectのエクステンション(カテゴリ)で定義されており、リファレンスにはInformal Protocolと表現されています。ですので、明示的にCALayerDelegateを採用するコード(クラス定義)を書く必要は無いようです。 

  1. extension NSObject {
  2.     
  3.     /* If defined, called by the default implementation of the -display
  4.      * method, in which case it should implement the entire display
  5.      * process (typically by setting the `contents' property). */
  6.     
  7.     func displayLayer(layer: CALayer!)
  8.     
  9.     /* If defined, called by the default implementation of -drawInContext: */
  10.     
  11.     func drawLayer(layer: CALayer!, inContext ctx: CGContext!)
  12.     
  13.     /* Called by the default -layoutSublayers implementation before the layout
  14.      * manager is checked. Note that if the delegate method is invoked, the
  15.      * layout manager will be ignored. */
  16.     
  17.     func layoutSublayersOfLayer(layer: CALayer!)
  18.     
  19.     /* If defined, called by the default implementation of the
  20.      * -actionForKey: method. Should return an object implementating the
  21.      * CAAction protocol. May return 'nil' if the delegate doesn't specify
  22.      * a behavior for the current event. Returning the null object (i.e.
  23.      * '[NSNull null]') explicitly forces no further search. (I.e. the
  24.      * +defaultActionForKey: method will not be called.) */
  25.     
  26.     func actionForLayer(layer: CALayer!, forKey event: String!) -> CAAction!
  27. }
コード. CALayerクラス内にあるエクステンション定義(Swift)

CALayerはdelegateが設定されているかを調べます。そして、設定されている場合はdisplayLayerメソッドが実装されているか確認します。実装されている場合は呼び出しを行い、もしdisplayLayer実装されていなかった場合はさらにdrawLayerメソッドが実装されているか確認し、実装されている場合はdrawLayerメソッドを呼び出します。
要するに、displayLayer → drawLayer の順で呼び出されるわけですが、displayLayerが実装されている場合はdrawLayerが実装されていても、呼び出されませんので注意が必要です。

新たにCALayerを作成して、そのレイヤをカスタム描画してみます。新たに作成したレイヤには赤色の円を描いています。

図. 独自に追加したレイヤのカスタム描画 
  1. class Lesson1_7ViewController: UIViewController {
  2.     @IBOutlet weak var myView: Lesson1_7View!
  3.     
  4.     private var newLayer: CALayer!
  5.  
  6.     override func viewDidLoad() {
  7.         super.viewDidLoad()
  8.  
  9.         // Do any additional setup after loading the view.
  10.         
  11.         // create new layer
  12.         newLayer = CALayer()
  13.         newLayer.frame = CGRectMake(0, 0, 100, 100)
  14.         newLayer.contentsScale = UIScreen.mainScreen().scale
  15.         // set delegate
  16.         newLayer.delegate = self
  17.         
  18.         // add new layer to uiview hosted layer
  19.         myView.layer.addSublayer(newLayer)
  20.         
  21.         // display new layer
  22.         newLayer.display()
  23.     }
  24.     
  25.     override func viewDidDisappear(animated: Bool) {
  26.         // clean up
  27.         newLayer.delegate = nil
  28.     }
  29.  
  30.     override func didReceiveMemoryWarning() {
  31.         super.didReceiveMemoryWarning()
  32.         // Dispose of any resources that can be recreated.
  33.     }
  34.  
  35. /***
  36.     override func displayLayer(layer: CALayer!) {
  37.         //
  38.     }
  39. ***/
  40.     
  41.     override func drawLayer(layer: CALayer!, inContext ctx: CGContext!) {
  42.         NSLog("perform drawLayer.")
  43.         //
  44.         CGContextSetFillColorWithColor(ctx, UIColor.redColor().CGColor)
  45.         CGContextFillEllipseInRect(ctx, layer.frame)
  46.     }
  47. }

以下コードが新しいレイヤを作成し、delegateを設定しています。 

  1. // create new layer
  2. newLayer = CALayer()
  3. newLayer.frame = CGRectMake(0, 0, 100, 100)
  4. newLayer.contentsScale = UIScreen.mainScreen().scale
  5.  
  6. // set delegate
  7. newLayer.delegate = self

そして、以下がカスタムコード描画部分です。CGContextオブジェクトが引数にあるので、drawLayerメソッドの方を実装しています。drawLayerを呼び出したいため、displayLayerメソッドはコメントアウトにしています。 

  1. override func drawLayer(layer: CALayer!, inContext ctx: CGContext!) {
  2.     NSLog("perform drawLayer.")
  3.     //
  4.     CGContextSetFillColorWithColor(ctx, UIColor.redColor().CGColor)
  5.     CGContextFillEllipseInRect(ctx, layer.frame)
  6. }


今回使用したサンプルプログラムはGithub上のCoreAnimationLessonに置いています。

AD.
投稿者 takuran 時刻: 19:01
ラベル: , , ,

0 件のコメント :

コメントを投稿

登録: コメントの投稿 ( Atom )