[iOS]CALayerの基本概念

1.UIViewとCALayer(最下位)の関係

2.layerを利用する方法

3.Bitmapキャッシュを使用したビュー描画の管理-オンデマンド描画

4.カスタムCALayerの使い方

class SomeView: UIView {
   override class var layerClass: AnyClass {
        return CustomLayer.self
   }
}

5.サブレイヤーとレイヤーの階層

層は、複数のサブ層があってもよいし、1つのスーパー層があってもよい.すなわち,viewのようにlayerも階層を考慮できる.実際、viewとlayerの関係は非常に緊密であるため、viewの階層はlayerの階層と実際には同じであると考えることができます.より具体的には、SuperViewのlayerはSuperLayerとなり、すべてのサブビューのlayerはSubLayerとなる.常識的には、ビューがレイヤを描くため、ビューの階層はレイヤの階層のみです.(図ソース:Matt Neuburg's Programming iOS、Dive Deep to View、View Control、Frameworks)

ただし、大きなスケルトンが同じであっても階層が異なる場合があります.本当は変化よりも細かくviewには1つのレイヤしかないので、レイヤ自体にはビューに属さないサブレイヤがあります.下図のように.(図ソース:Matt Neuburg's Programming iOS、Dive Deep to View、View Control、Frameworks)

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        let firstLayer = CALayer()
             firstLayer.backgroundColor = UIColor.red.cgColor
             firstLayer.frame = CGRect(x: 111, y: 111, width: 132, height: 194)
        let secondLayer = CALayer()
             secondLayer.backgroundColor = UIColor.blue.cgColor
             secondLayer.frame = CGRect(x: 41, y: 56, width: 132, height: 194)
        let thirdLayer = CALayer()
             thirdLayer.backgroundColor = UIColor.green.cgColor
             thirdLayer.frame = CGRect(x: 43, y: 197, width: 132, height: 194)
            
            self.view.layer.addSublayer(firstLayer)
            firstLayer.addSublayer(secondLayer)
            self.view.layer.addSublayer(thirdLayer)   
    }
}    

上記の例では、1つのviewと3つのlayerを用いて、下図に示す3つのviewに類似した画面を実現した.ここで、firstLayerとthirdLayerは兄弟関係であり、secondlayerはfirstLayerのサブ層である.