3D Touch: wat is het, Force Touch en Haptic Touch technologieën

Wat is 3D Touch en Haptic Touch?

3D Touch — hardware-invoertechnologie die debuteerde in de iPhone 6S (2015). Onder het schermoppervlak bevinden zich capacitieve sensoren die de afstand meten tussen het glas en de achtergrondverlichting. Bij indrukken met de vinger buigt het glas micrometerver, registreren de sensoren de vervorming en zetten deze om in een krachtwaarde (gram). iOS onderscheidt drie niveaus: lichte aanraking (touch), gemiddelde druk (peek, ~200 g) en diepe druk (pop, ~400 g).

Haptic Touch — softwarevervanging voor 3D Touch, geïntroduceerd in iOS 13 (2019). In plaats van druk te meten, gebruikt Haptic Touch Long Press (vinger ~500 ms vasthouden) om dezelfde acties te activeren. Tactiele feedback (haptic feedback) simuleert het gevoel van een "klik", hoewel er geen fysieke druk plaatsvindt. Apple is overgestapt op Haptic Touch vanwege de complexiteit en hoge productiekosten van 3D Touch-schermen, vooral bij de overgang naar OLED-panelen met Face ID.

Historische achtergrond: 3D Touch verscheen in de iPhone 6S en bleef behouden tot de iPhone XS (2018). De iPhone XR (2018) was het eerste apparaat met Haptic Touch in plaats van 3D Touch. Vanaf de iPhone 11 (2019) en iOS 13 gebruiken alle nieuwe iPhones Haptic Touch. De iPad heeft nooit 3D Touch gekregen — alleen Haptic Touch vanaf iPadOS 13. De Apple Watch gebruikt Force Touch-technologie in het scherm (anders dan iPhone 3D Touch), die werd verwijderd vanaf watchOS 7 en Series 6.

Force Touch-technologie: hoe druk wordt gemeten

Force Touch — technologie voor het meten van drukkracht, gebruikt door Apple in iPhone 6S–XS (3D Touch), MacBook-trackpads (2015+) en Apple Watch (Series 1–5). Aan de basis liggen capacitieve sensoren rond de omtrek van het scherm. Bij indrukken vervormt het glas met micrometers, registreren de sensoren de afstandsverandering en berekenen ze de kracht volgens een kalibratiecurve. Het systeem houdt rekening met de omgevingstemperatuur (kalibratie om de 24 uur) en de vingerpositie (het midden van het scherm is gevoeliger).

Kalibratie — een kritisch aspect van 3D Touch. Elke iPhone wordt individueel in de fabriek gekalibreerd. iOS voert ook dynamische kalibratie uit: bij de eerste druk na het opstarten vraagt het systeem de maximale kracht van de gebruiker en past de gevoeligheid aan. De sensoren hebben een nauwkeurigheid van ±10 gram, bereik — van 0 tot 500+ gram. De ontwikkelaar kan de force-waarde verkrijgen via UITouch.force (genormaliseerd van 0.0 tot maximum) of UITouch.maximumPossibleForce.

// Controleren van 3D Touch-beschikbaarheid en uitlezen van drukkracht
class ForceTouchViewController: UIViewController {

    override func touchesMoved(_ touches: Set<UITouch>,
                                with event: UIEvent?) {
        guard let touch = touches.first else { return }

        // Controleren van Force Touch-ondersteuning op het apparaat
        guard self.traitCollection.forceTouchCapability
                == UIForceTouchCapability.available else {
            // Apparaat ondersteunt geen 3D Touch
            return
        }

        // Uitlezen van drukkracht (0.0 — max)
        let force = touch.force      // 0.0 ... maximumPossibleForce
        let maxForce = touch.maximumPossibleForce

        // Normalisatie naar bereik 0.0–1.0 voor visualisatie
        let normalizedForce = force / maxForce

        // Visuele reactie op drukkracht (schalen van element)
        forceView.transform = CGAffineTransform(scaleX: 1.0 + normalizedForce * 0.3,
                                                y: 1.0 + normalizedForce * 0.3)
    }
}

Beperkingen: 3D Touch werkt alleen met actieve aanraking (UITouch.phase == .began of .moved). Na loslaten wordt de force-waarde gereset. De maximale force-waarde varieert per apparaat: iPhone 6S — 6.6666, iPhone 7/X — tot 20.0 (vanwege andere kalibratie). Gebruik force niet voor kritieke acties — de gebruiker weet mogelijk niet met hoeveel kracht hij moet drukken. Bied altijd een alternatief via Haptic Touch (Long Press).

Peek and Pop: UX-patroon van krachtige druk

Peek and Pop — het originele Apple UX-patroon, geïntroduceerd met 3D Touch in de iPhone 6S. Peek — lichte druk (force ~0.5–1.0) die een voorbeeld van de inhoud toont (e-mail, link, foto) in de vorm van een voorbeeldkaart. Pop — diepere druk (force ~2.0+) die de inhoud op volledig scherm opent. Peek ondersteunde acties onderaan (share, copy, reply), toegankelijk door omhoog te vegen op de voorbeeldkaart.

Implementatie van Peek and Pop in UIKit omvatte drie componenten: UIViewControllerPreviewingDelegate (protocol met methoden previewingContext(_:viewControllerForLocation:) en previewingContext(_:commit:)), UIPreviewAction (acties onderaan) en registratie via registerForPreviewing(with:sourceView:). De ontwikkelaar bepaalde welke ViewController bij Peek werd getoond en hoe deze bij Pop moest worden geopend. Het systeem voegde automatisch parallax-animatie en vervaging van de achtergrond toe.

Overgang naar UIContextMenuInteraction (iOS 13): Apple verving Peek and Pop door contextmenu's via UIContextMenuInteraction. De nieuwe API is eenvoudiger: vereist geen UIViewControllerPreviewingDelegate, ondersteunt hiërarchische menu's (submenu's), SF Symbols-iconen en werkt hetzelfde met 3D Touch en Haptic Touch. Migratie: registerForPreviewing is verouderd vanaf iOS 13. Vervang het door UIContextMenuConfiguration, dat zich automatisch aanpast aan de mogelijkheden van het apparaat.

Contextmenu's: UIContextMenuInteraction

UIContextMenuInteraction — moderne iOS API voor contextmenu's, beschikbaar vanaf iOS 13. Wordt aan elke UIView toegevoegd via addInteraction(_:). De delegate UIContextMenuInteractionDelegate levert de menuconfiguratie: UIContextMenuConfiguration met identifier, previewProvider (optioneel, voor voorbeeld) en actionProvider (array van UIAction of UIMenu). Het contextmenu wordt geactiveerd via 3D Touch (indien beschikbaar) of Haptic Touch (Long Press op andere apparaten).

// UIContextMenuInteraction met hiërarchisch menu
class ContextMenuViewController: UIViewController,
                                   UIContextMenuInteractionDelegate {

    override func viewDidLoad() {
        super.viewDidLoad()
        let interaction = UIContextMenuInteraction(delegate: self)
        contextMenuView.addInteraction(interaction)
    }

    func contextMenuInteraction(_ interaction: UIContextMenuInteraction,
        configurationForMenuAtLocation location: CGPoint) -> UIContextMenuConfiguration? {

        return UIContextMenuConfiguration(identifier: nil,
            previewProvider: { PreviewViewController() }) { _ in

            let share = UIAction(title: "Deel",
                              image: UIImage(systemName: "square.and.arrow.up"),
                              handler: { _ in self.shareContent() })

            let edit = UIAction(title: "Bewerk",
                            image: UIImage(systemName: "pencil"),
                            handler: { _ in self.editContent() })

            let delete = UIAction(title: "Verwijder",
                            image: UIImage(systemName: "trash"),
                            attributes: .destructive,
                            handler: { _ in self.deleteContent() })

            return UIMenu(title: "Acties", children: [share, edit, delete])
        }
    }
}

UIContextMenuConfiguration ondersteunt previewProvider — een controller die als voorbeeld wordt weergegeven. Als previewProvider nil is, wordt het contextmenu zonder voorbeeld getoond. Voor het aanpassen van de grootte en weergave van het voorbeeld wordt UIContextMenuContentPreviewProvider gebruikt. Contextmenu's krijgen automatisch tactiele feedback (Haptic Touch Engine) en een verschijningsanimatie (scale + fade).

Haptic Touch vs 3D Touch: vergelijking

Haptic Touch en 3D Touch — verschillende technologieën die tot hetzelfde resultaat leiden. 3D Touch is hardware (druksensoren in het scherm), Haptic Touch is software (Long Press + Taptic Engine voor tactiele simulatie). 3D Touch vereist productiekosten (extra sensorlaag), verhoogt de schermdikte en reparatiecomplexiteit. Haptic Touch is goedkoper, eenvoudiger te produceren en beschikbaar op alle moderne apparaten (iPhone SE 2020, iPhone 11–16, iPad, iPod touch).

Impact op UX: de snelheid van 3D Touch is hoger — de gebruiker krijgt direct bij krachtig drukken een contextmenu. Haptic Touch vereist een pauze van 500 ms, wat langzamer aanvoelt. Apple compenseert dit echter met tactiele feedback en visuele animatie. Gebruikers die overstappen van 3D Touch naar Haptic Touch merken vaak het snelheidsverschil. Voor ontwikkelaars is de migratie transparant: UIContextMenuInteraction werkt hetzelfde op beide technologieën.

Waar wordt krachtige druk toegepast

Quick Actions — contextmenu op het app-pictogram op het beginscherm. Krachtige druk (3D Touch) of Long Press (Haptic Touch) op het pictogram toont tot 4 snelle acties: "Nieuw bericht" (Messages), "Foto maken" (Camera), "Zoeken" (Safari). Wordt geïmplementeerd via de Info.plist-sleutel UIApplicationShortcutItems of via de delegate UIApplicationShortcutItem. Quick Actions zijn beschikbaar op alle apparaten met iOS 13+ (Haptic Touch) of 3D Touch.

Toetsenbord-trackpad — krachtige druk op het iOS-toetsenbord schakelt het over in trackpadmodus: toetsen worden inactief en vingerbeweging verplaatst de cursor. 3D Touch activeerde de trackpad met krachtige druk op elke plek van het toetsenbord. Haptic Touch activeert de trackpad met lange druk op de spatiebalk (spacebar). De trackpadmodus is een van de populairste toepassingen van 3D Touch geworden — gebruikers waarderen de nauwkeurige cursorpositionering bij het bewerken van tekst.

Voorbeeld van links en foto's — krachtige druk op een link in Safari toont een voorbeeld van de pagina (peek) zonder te navigeren. Analoog: druk op een foto in Messages opent een vergrote versie. Omhoog vegen in de peek-modus toont acties: "Openen", "Toevoegen aan leeslijst", "Kopiëren". Al deze scenario's werken via UIContextMenuInteraction in moderne versies van iOS.

Tekenen en creatieve apps — in Procreate, Photoshop en andere tekenapps regelt de drukkracht van 3D Touch de penseeldikte, dekking of kleurverzadiging. Apps lezen UITouch.force (0.0–1.0) en zetten dit om in toolparameters. Voor tekenen biedt Apple Pencil op de iPad echter een nauwkeurigere drukregeling (met ondersteuning voor kanteling en azimut), waardoor 3D Touch in creatieve apps op de iPhone minder gevraagd is.