Wat is een laag (layer) in de context van iOS-ontwikkeling?

De (CALayer) is een object dat de visuele inhoud van een (UIView) beheert. Views gebruiken lagen om hun inhoud op het scherm te renderen. Lagen verwerken geen touch-gebeurtenissen, in tegenstelling tot views.

Belangrijkste functies van lagen:

• Weergave van inhoud (afbeeldingen, tekst, grafieken).
• Beheer van geometrie (positie, grootte, rotatie).
• Aanpassen van het uiterlijk (achtergrond, randen, schaduwen, afgeronde hoeken).
• Ondersteuning voor animaties (impliciet en expliciet).

Belangrijkste eigenschappen van CALayer:

• contents: Any? - De inhoud van de laag, meestal CGImage.
• frame: CGRect - De positie en grootte van de laag ten opzichte van zijn superlayer.
• bounds: CGRect - De positie en grootte van de laag in zijn eigen coördinatensysteem.
• position: CGPoint - Het middelpunt van de laag ten opzichte van zijn superlayer.
• anchorPoint: CGPoint - Het punt van de laag rond welk transformaties plaatsvinden, genormaliseerde coördinaten (van 0 tot 1).
• backgroundColor: CGColor? - De achtergrondkleur van de laag.
• borderColor: CGColor? - De kleur van de rand van de laag.
• borderWidth: CGFloat - De breedte van de rand.
• cornerRadius: CGFloat - De straal van de afgeronde hoeken.
• shadowColor: CGColor? - De kleur van de schaduw.
• shadowOpacity: Float - De doorzichtigheid van de schaduw (van 0 tot 1).
• shadowOffset: CGSize - De verschuiving van de schaduw.
• shadowRadius: CGFloat - De radius van de vervaging van de schaduw.
• opacity: Float - De doorzichtigheid van de laag.
• isHidden: Bool - Bepaalt of de laag verborgen is.
• transform: CATransform3D - De driedimensionale transformatie van de laag.

Hiërarchie van lagen:

Lagen vormen een hiërarchie vergelijkbaar met die van views. Elke laag kan een superlayer en een array van sublayers hebben.

Gebruik:

Views (UIView) hebben hun hoofdlaag (layer), waarmee je toegang hebt tot hun visuele eigenschappen en animaties kunt uitvoeren. Extra lagen kunnen aan de laag van de view worden toegevoegd om complexere visuele effecten te creëren.

Voorbeeld van toegang tot de laag van een view:

// Wijzig de achtergrondkleur van de view via zijn laag
myView.layer.backgroundColor = UIColor.red.cgColor

// Voeg een schaduw toe aan de laag van de view
myView.layer.shadowColor = UIColor.black.cgColor
myView.layer.shadowOpacity = 0.5
myView.layer.shadowOffset = CGSize(width: 2, height: 2)
myView.layer.shadowRadius = 4