UIKit Dynamics — lényege, fizika kölcsönhatás iOS-ben

Mi az a UIKit Dynamics?

UIKit Dynamics — fizikai modellező keretrendszer, amelyet az Apple az iOS 7-ben (2013) vezetett be. Ellentétben a UIView.animate-tel (lineáris átmenetek) és a Core Animation-nel (rétegek animációja), a UIKit Dynamics valós fizikai kölcsönhatásokat modellez: gravitációt, ütközéseket, erőket, rugalmasságot és súrlódást. A fejlesztő viselkedéseket (behaviors) ad hozzá az UIDynamicAnimator-hoz, és a rendszer automatikusan kiszámítja a fizikát minden egyes képkockához.

A keretrendszer 60/120 FPS-en működik, és beépített fizikai motort használ, amely merevtest-szimuláción (rigid body simulation) alapul. A UIKit Dynamics nem igényel fizikai vagy matematikai ismereteket — elég egy kész viselkedést alkalmazni és beállítani a paramétereket.

Az Apple szerint a UIKit Dynamics UI-effektusokhoz (kártyaköteg animáció, ikonok „remegése”, interfész fizikája) alkalmas, de játékokhoz nem — játékokhoz használja a SceneKit-et vagy a SpriteKit-et.

UIDynamicAnimator — a fizika motorja

UIDynamicAnimator — a UIKit Dynamics központi osztálya. Egy reference view-val (általában a vezérlő view-jával) inicializálódik, és kezeli az összes aktív viselkedést. Minden képkockában az UIDynamicAnimator újraszámolja az összes hozzáadott elem pozícióját, sebességét és gyorsulását a fizika törvényeinek megfelelően.

Az addBehavior metódus egy viselkedést (vagy összetett UIDynamicBehavior-öt) ad hozzá, a removeBehavior — eltávolítja. Az animátor automatikusan szünetel, amikor az összes objektum nyugalmi állapotba kerül (ütközések és erők nélkül). A delegate metódus — UIDynamicAnimatorDelegate — értesít a szimuláció szüneteléséről és folytatásáról.

UIDynamicItem — protokoll az animációhoz

Minden, a fizikában részt vevő objektumnak implementálnia kell a UIDynamicItem protokollt. Az UIView és az UICollectionViewLayoutAttributes már implementálja. A protokoll a következő tulajdonságokat követeli meg: bounds, center, transform. Ha az objektum egyedi — implementálja a protokollt manuálisan.

A Dynamic Behaviors típusai

UIKit Dynamics hét beépített viselkedéstípust tartalmaz, amelyek mindegyike egy meghatározott fizikai hatást modellez. A viselkedések kombinálhatók: például gravitáció + ütközések + rugalmasság eső és pattanó objektumok hatását kelti.

Viselkedések kombinálása

Egy objektum valósághű fizikájához több viselkedésre van szükség egyszerre. Például egy eső kártyához: UIGravityBehavior (gravitációs erő), UICollisionBehavior (ütközés az aljával), UIDynamicItemBehavior (elasticity: 0.4 a pattanáshoz). Minden viselkedés egy UIDynamicAnimator-hoz adódik hozzá.

Swift kódpéldák

A Swift kód a UIKit Dynamics-hoz létrehoz egy UIDynamicAnimator-t és hozzáadja a viselkedéseket. Az alábbi példa gravitációt mutat be több objektummal, ütközésekkel és egyedi fizikai tulajdonságokkal.

import UIKit

class PhysicsViewController: UIViewController {

    var animator: UIDynamicAnimator!

    override func viewDidLoad() {
        super.viewDidLoad()

        // 1. Animátor létrehozása reference view-val
        animator = UIDynamicAnimator(referenceView: view)

        // 2. Eső objektumok létrehozása
        let redView = UIView(frame: CGRect(x: 100, y: 50, width: 60, height: 60))
        redView.backgroundColor = .systemRed
        redView.layer.cornerRadius = 8
        view.addSubview(redView)

        let blueView = UIView(frame: CGRect(x: 200, y: 30, width: 60, height: 60))
        blueView.backgroundColor = .systemBlue
        blueView.layer.cornerRadius = 8
        view.addSubview(blueView)

        // 3. Gravitáció
        let gravity = UIGravityBehavior(items: [redView, blueView])
        gravity.gravityDirection = CGVector(dx: 0, dy: 1)
        gravity.magnitude = 0.8
        animator.addBehavior(gravity)

        // 4. Ütközések
        let collision = UICollisionBehavior(items: [redView, blueView])
        collision.translatesReferenceBoundsIntoBoundary = true
        collision.collisionDelegate = self
        animator.addBehavior(collision)

        // 5. Fizikai tulajdonságok
        let itemBehavior = UIDynamicItemBehavior(items: [redView, blueView])
        itemBehavior.elasticity = 0.6
        itemBehavior.friction = 0.3
        itemBehavior.density = 1.0
        animator.addBehavior(itemBehavior)

        // 6. Snap viselkedés érintésre
        let tap = UITapGestureRecognizer(target: self, action: #selector(handleTap))
        view.addGestureRecognizer(tap)
    }

    @objc
    func handleTap(_ gesture: UITapGestureRecognizer) {
        let point = gesture.location(in: view)

        // Snap viselkedés minden objektumhoz
        for subview in view.subviews where subview is UIView {
            animator.removeAllBehaviors()
            let snap = UISnapBehavior(item: subview, snapTo: point)
            snap.damping = 0.5
            animator.addBehavior(snap)
        }
    }
}

extension PhysicsViewController: UICollisionBehaviorDelegate {
    func collisionBehavior(_ behavior: UICollisionBehavior,
                             beganContactFor item1: UIDynamicItem,
                             with item2: UIDynamicItem,
                             at point: CGPoint) {
        print("Ütközés itt: (point)")
    }
}

A példa két View-t hoz létre gravitációval, ütközésekkel és fizikai tulajdonságokkal. Az UISnapBehavior érintéskor 0.5 csillapítással vonzza az objektumokat az érintés pontjához. Az UICollisionBehaviorDelegate nyomon követi az ütközések kezdetét hang- és vizuális effektusokhoz.

Gyakorlati alkalmazási forgatókönyvek

UIKit Dynamics-ot iOS-alkalmazásokban használják nem játék interfész fizikához. Népszerű forgatókönyvek: kártyaköteg animáció (UISnapBehavior a középponthoz vonzáshoz), képernyő rázása hiba esetén (UIDynamicItemBehavior + UIPushBehavior), „hulló csillagok” effektus az onboardingban (gravity + collision + field behavior).

A teljesítmény érdekében a UIKit Dynamics legfeljebb 15-20 egyidejű fizikai objektumot javasol. Minden objektum ütközési és erőszámításokat igényel minden képkockában. A határ túllépése esetén használjon CALayer-t UIView helyett — a Core Animation hatékonyabban dolgozza fel a rétegeket.