Dynamic Island: wat is het, interactieve meldingen iPhone

Wat is Dynamic Island op iPhone?

Dynamic Island — een interface-element van iPhone 14 Pro, 15 Pro en nieuwer, dat het gebied rond de frontcamera en Face ID-sensoren gebruikt om meldingen en Live Activity weer te geven. In tegenstelling tot de oude notch-uitsparing, die een statisch zwart element was, verandert Dynamic Island dynamisch van vorm en grootte: het wordt groter om een timer weer te geven, krimpt voor een pictogram van verbonden AirPods, verandert in een rechthoek voor sportresultaten.

Technische implementatie van Dynamic Island is gebaseerd op de hardware-uitsparing (pill-shaped cutout) van het OLED-scherm en de softwarematige verwerking van pixels eromheen. Het systeem verhoogt de verversingssnelheid van pixels tot 120 Hz in het Island-gebied en gebruikt afvlakking voor een soepele overgang tussen inhoud en het zwarte cameragebied. De ontwikkelaar programmeert Island niet direct — hij maakt inhoud via ActivityKit en het systeem plaatst deze automatisch rond de uitsparing.

Gebruikersperceptie Dynamic Island verandert een hardwarefout in een functioneel element. Volgens Apple-onderzoek ervaren gebruikers Island na een paar dagen gebruik als een natuurlijk onderdeel van het scherm. Achtergrondverlichting en animaties trekken de aandacht — bijvoorbeeld bij een melding verschuift Island en toont inhoud met een uitbreidingseffect op 120 frames per seconde.

Dynamic Island weergavemodi

Dynamic Island ondersteunt drie weergavemodi voor inhoud, die het systeem automatisch selecteert op basis van het type en aantal activiteiten. De ontwikkelaar definieert de UI voor elke modus in WidgetBundle, maar beheert niet welke modus op dat moment actief is. Het systeem kan ook twee activiteiten tegelijk weergeven: één links van de uitsparing, één rechts.

Overgang tussen modi gebeurt met een systeemanimatie van 0.4–0.6 seconde met een ease-in-out-curve. Bij een nieuwe Activity wordt Island groter van compact naar uitgebreid. Bij voltooiing — krimpt het terug. De gebruiker kan de uitgebreide modus geforceerd samenvouwen door naar links te vegen — Island gaat naar compact of minimaal. Het systeem vouwt de uitgebreide modus ook na 5 seconden inactiviteit samen als er geen updates worden verwacht.

Twee activiteiten — als twee apps actieve Live Activity hebben, toont Dynamic Island ze aan beide kanten van de uitsparing. Linkerkant — eerste gestarte Activity, rechterkant — tweede. Bij één activiteit beslaat deze de linkerkant, de rechterkant blijft leeg. Bij het indrukken van een kant wordt Island groter en toont de inhoud van die Activity. Het systeem beslist zelf welke Activity prioriteit krijgt bij een conflict.

Inhoud maken voor Dynamic Island

Dynamic Island-inhoud wordt uitsluitend gemaakt via Live Activity met het ActivityKit-framework. De ontwikkelaar definieert vier gebieden in de code: compact links (compactLeading), compact rechts (compactTrailing), minimaal (minimal) en uitgebreid (expanded). Elk gebied is een SwiftUI View die de huidige status van de Activity ontvangt via context. Als een gebied niet is gedefinieerd, toont Island deze Activity niet in de bijbehorende modus.

struct DeliveryIsland: DynamicIsland {
    var body: some DynamicIslandContent {
        DynamicIslandExpandedContent {
            VStack(alignment: .leading) {
                Text(context.state.status)
                    .font(.headline)
                ProgressView(
                    value: context.state.progress
                )
                Text("ETA: \(context.state.minutes) min")
                    .font(.caption)
            }
        } compactLeading: {
            Image(systemName: "box.truck")
        } compactTrailing: {
            Text("\(context.state.minutes) min")
                .monospacedDigit()
        } minimal: {
            Image(systemName: "box.truck")
        }
    }
}

SwiftUI-beperkingen in Dynamic Island — beschikbare componenten: Text, Image, HStack, VStack, ZStack, Spacer, ProgressView, Button (alleen via Link), Gauge. Verboden: ScrollView, List, TabView, animaties, gesture recognizers. Kleurenpalet — alleen System Colors (label, secondaryLabel, tint). Lettertypen — systeemformaten van .caption tot .title3. Aangepaste lettertypen en SF Symbols werken correct.

Dynamic Island testen — Xcode biedt een simulator met ondersteuning voor Dynamic Island. Selecteer iPhone 14 Pro of 15 Pro als doelapparaat. ActivityKit simuleert verschillende Island-modi: de Dynamic Island Mode-knop in het Xcode Debug-menu schakelt tussen compact, minimaal en uitgebreid. Gebruik voor het testen van meerdere Activity tegelijk schema's met verschillende ActivityID of start twee exemplaren van de app.

Systeemgebeurtenissen in Dynamic Island

Systeemgebeurtenissen — oproepen, AirPods, Face ID, opladen en andere — hebben prioriteit boven aangepaste Live Activity. Wanneer een systeemgebeurtenis plaatsvindt, onderbreekt Island de weergave van aangepaste inhoud en toont systeeminhoud. Na afloop van de systeemgebeurtenis keert Island met een animatie terug naar aangepaste inhoud. De ontwikkelaar kan systeemgebeurtenissen niet annuleren of wijzigen — ze worden beheerd op het niveau van het besturingssysteem iOS.

Inkomende oproep — de belangrijkste systeemgebeurtenis. Dynamic Island toont de naam van de beller links van de uitsparing en de duur/status rechts. Tijdens een actieve oproep toont Island geen aangepaste Live Activity. De gebruiker kan Island vergroten om het oproepscherm te openen of samenvouwen om door te werken in de app met de actieve oproep op de achtergrond.

AirPods verbinden — bij het openen van de case naast een iPhone animeert Dynamic Island de verbinding en toont de lading van elke oortelefoon en de case. De animatie duurt 2–3 seconden, waarna Island terugkeert naar de vorige staat. Als de gebruiker geen actieve Live Activity had, blijft Island leeg. AirPods Pro 2 tonen ook het volume en de ruisonderdrukkingsmodus bij indrukken van het steeltje.

Beste ontwikkelpraktijken voor Dynamic Island

Beste praktijken voor Dynamic Island worden door Apple aanbevolen voor een kwalitatieve gebruikerservaring. De compacte modus moet alleen de belangrijkste informatie tonen — een pictogram en één getal of een korte label. De uitgebreide modus — alleen essentiële informatie zonder overbodige elementen. Vermijd het plaatsen van tekst in compacte modus als deze langer is dan 20 tekens — het systeem kapt de tekst af met een weglatingsteken.

Push-updates voor Dynamic Island — gebruik ActivityKit push voor zeldzame updates (bestelstatus, sportresultaten) en lokale updates voor frequente timers of stopwatches. Pushmeldingen gaan via APNs en doen er 0.5–2 seconden over om in Island te verschijnen. StaleDate — stel een verouderingsdatum in voor inhoud: als de update niet op tijd komt, toont het systeem een grijze achtergrond in plaats van inhoud, waarmee de gebruiker wordt geïnformeerd over verouderde gegevens.

func updateDelivery(activity: Activity<DeliveryAttributes>) {
    Task {
        let newContent = ActivityContent(
            state: DeliveryAttributes.ContentState(
                status: .delivered,
                estimatedMinutes: 0
            ),
            staleDate: Date().addingTimeInterval(300)
        )
        await activity.update(newContent)
        // Activity beëindigen over 2 seconden
        try? await Task.sleep(nanoseconds: 2_000_000_000)
        await activity.end(newContent)
    }
}

Energieverbruik — Dynamic Island en Live Activities hebben een minimale impact op de batterij dankzij hardwareoptimalisatie van het OLED-scherm. Zwarte pixels rond de uitsparing zijn uitgeschakeld en inhoud wordt gerenderd op een speciale coprocessor. Gemiddeld verbruik van Live Activity — minder dan 1% batterij per uur gebruik bij een update om de 5 minuten. Het systeem onderbreekt Island automatisch bij een laag batterijniveau (onder 20%) of in de energiebesparingsmodus.

Ontwerp voor Dynamic Island vereist geen aanpassing van de hoofd-UI van de app — Island werkt onafhankelijk van het actieve scherm. Kleuren van Live Activity moeten overeenkomen met het systeemthema (licht/donker) via systeem Color Assets. SF Symbols hebben de voorkeur boven aangepaste pictogrammen — ze garanderen correcte weergave in elke Island-modus en hebben ingebouwde ondersteuning voor Dynamic Type.