iPad Patterns
Comprehensive guide for iPadOS-specific development patterns. Covers multitasking (Stage Manager, Split View, Slide Over), multi-window support, drag and drop, keyboard shortcuts, pointer interactions, Apple Pencil, and external display support. These patterns differentiate an iPad-optimized app from a scaled-up iPhone app.
When This Skill Activates
- User is building or reviewing iPad-specific features
- User asks about Stage Manager, multi-window, or UIScene lifecycle
- User needs drag and drop (NSItemProvider, Transferable, UIDragInteraction)
- User wants keyboard shortcuts or discoverability overlay
- User asks about pointer/trackpad interactions or hover effects
- User is implementing Apple Pencil or PencilKit support
- User needs adaptive layouts for Split View, Slide Over, or size classes
- User asks about external display support
- User wants to make an iPhone app work well on iPad
Decision Tree
What iPad feature are you building?
|
+-- Multi-window / Stage Manager / UIScene lifecycle
| +-- multitasking.md
| +-- Scene configuration, requestSceneSessionActivation
| +-- Window management, scene delegates
|
+-- Split View / Slide Over / Adaptive Layout
| +-- multitasking.md
| +-- Size classes, compact/regular transitions
| +-- NavigationSplitView column widths
|
+-- Drag and Drop
| +-- drag-drop.md
| +-- SwiftUI: .draggable() / .dropDestination()
| +-- UIKit: UIDragInteraction / UIDropInteraction
| +-- Transferable protocol, NSItemProvider
|
+-- Keyboard Shortcuts
| +-- input-methods.md
| +-- SwiftUI: .keyboardShortcut()
| +-- UIKit: UIKeyCommand
| +-- Discoverability overlay (Cmd hold)
|
+-- Pointer / Trackpad Interactions
| +-- input-methods.md
| +-- .hoverEffect(), UIPointerInteraction
| +-- Custom pointer shapes, lift/highlight effects
|
+-- Apple Pencil / PencilKit
| +-- input-methods.md
| +-- PKCanvasView, PKDrawing
| +-- Touch type filtering, Scribble
|
+-- External Display
+-- multitasking.md
+-- WindowGroup for external scenes
+-- UIScreen notifications (legacy)
API Availability
| API |
Minimum Version |
Reference |
UIScene / UISceneDelegate |
iPadOS 13 |
multitasking.md |
UISceneConfiguration |
iPadOS 13 |
multitasking.md |
UIUserInterfaceSizeClass |
iPadOS 8 |
multitasking.md |
NavigationSplitView |
iPadOS 16 |
multitasking.md |
.horizontalSizeClass / .verticalSizeClass |
iPadOS 14 (SwiftUI) |
multitasking.md |
.hoverEffect() |
iPadOS 13 |
input-methods.md |
.keyboardShortcut() |
iPadOS 14 |
input-methods.md |
PencilKit (PKCanvasView) |
iPadOS 13 |
input-methods.md |
.draggable() / .dropDestination() |
iPadOS 16 |
drag-drop.md |
Transferable protocol |
iPadOS 16 |
drag-drop.md |
UIDragInteraction / UIDropInteraction |
iPadOS 11 |
drag-drop.md |
NSItemProvider |
iPadOS 11 |
drag-drop.md |
WindowGroup (multi-window) |
iPadOS 16 (SwiftUI lifecycle) |
multitasking.md |
.handlesExternalEvents |
iPadOS 14 |
multitasking.md |
UISceneSession.requestSceneSessionActivation |
iPadOS 13 |
multitasking.md |
.focusable() / @FocusState |
iPadOS 15 |
input-methods.md |
FocusedValue / FocusedObject |
iPadOS 16 |
input-methods.md |
Top 5 Mistakes
| # |
Mistake |
Fix |
Details |
| 1 |
Ignoring size classes, building fixed layouts |
Use @Environment(\.horizontalSizeClass) to adapt between compact and regular |
multitasking.md |
| 2 |
No keyboard shortcuts for common actions |
Add .keyboardShortcut() to primary actions (Cmd+N, Cmd+S, Delete) |
input-methods.md |
| 3 |
Missing drag and drop on list/grid items |
Add .draggable() and .dropDestination() for content types users expect to move |
drag-drop.md |
| 4 |
No hover effects on interactive elements |
Add .hoverEffect() to buttons, list rows, and custom controls |
input-methods.md |
| 5 |
Not supporting multiple windows (single-scene only) |
Add WindowGroup support and handle NSUserActivity for state restoration |
multitasking.md |
iPad Design Rules (WWDC25)
| Area |
Rule |
| Adaptive navigation |
The tab bar can morph into a sidebar -- use a sidebar for deep or nested content hierarchies, a tab bar when the app is compact and content-forward |
| Immersion |
Run content under the toolbar/sidebar with a scroll edge effect so a floating window still feels edge-to-edge |
| Window controls |
Wrap the toolbar around the window controls on the leading edge instead of reserving a safe-area strip above the content |
| Documents |
Each document opens in ITS OWN window, never "in place" -- and every window gets a unique, descriptive name so the app menu's window list stays navigable |
| Pointer |
Test with the pointer -- it is 1:1 precise with no magnetizing or rubber-banding to targets, so dense hit areas that survive touch forgiveness can still fail |
| Menu bar |
Order menu items by frequency of use (not alphabetically); push secondary actions into submenus; populate the View menu with tabs, their keyboard shortcuts, and sidebar toggles |
Process
1. Identify iPad Features Needed
Read the user's code or requirements to determine:
- Is this a new iPad app or adapting an iPhone app?
- Which iPad-specific features are relevant (multitasking, drag/drop, keyboard, pencil)?
- Target iPadOS version and hardware (Stage Manager requires M1+)
- Whether the app uses SwiftUI lifecycle or UIKit AppDelegate
2. Load Relevant Reference Files
Based on the need, read from this directory:
multitasking.md -- Stage Manager, multi-window, Split View, Slide Over, size classes, external display
input-methods.md -- Keyboard shortcuts, pointer interactions, Apple Pencil, focus system
drag-drop.md -- Drag and drop, Transferable protocol, NSItemProvider
3. Review or Recommend
Apply patterns from the reference files. Check for common issues using the review checklist below.
4. Cross-Reference
- For navigation architecture on iPad, see
ios/navigation-patterns/navigation-split-view.md
- For macOS Catalyst concerns, see
macos/coding-best-practices/
- For toolbar patterns, see
swiftui/toolbars/SKILL.md
- For animation and transitions, see
design/animation-patterns/
Review Checklist
When reviewing code for iPad optimization, verify:
References
1---2name: ipad-patterns3description: iPadOS-specific patterns including Stage Manager, multi-window, drag and drop, keyboard shortcuts, pointer interactions, and Apple Pencil support. Use when building iPad-optimized features.4---5
6# iPad Patterns
7
8Comprehensive guide for iPadOS-specific development patterns. Covers multitasking (Stage Manager, Split View, Slide Over), multi-window support, drag and drop, keyboard shortcuts, pointer interactions, Apple Pencil, and external display support. These patterns differentiate an iPad-optimized app from a scaled-up iPhone app.
9
10## When This Skill Activates
11
12- User is building or reviewing iPad-specific features
13- User asks about Stage Manager, multi-window, or UIScene lifecycle
14- User needs drag and drop (NSItemProvider, Transferable, UIDragInteraction)
15- User wants keyboard shortcuts or discoverability overlay
16- User asks about pointer/trackpad interactions or hover effects
17- User is implementing Apple Pencil or PencilKit support
18- User needs adaptive layouts for Split View, Slide Over, or size classes
19- User asks about external display support
20- User wants to make an iPhone app work well on iPad
21
22## Decision Tree
23
24```
25What iPad feature are you building?
26|
27+-- Multi-window / Stage Manager / UIScene lifecycle
28| +-- multitasking.md
29| +-- Scene configuration, requestSceneSessionActivation
30| +-- Window management, scene delegates
31|
32+-- Split View / Slide Over / Adaptive Layout
33| +-- multitasking.md
34| +-- Size classes, compact/regular transitions
35| +-- NavigationSplitView column widths
36|
37+-- Drag and Drop
38| +-- drag-drop.md
39| +-- SwiftUI: .draggable() / .dropDestination()
40| +-- UIKit: UIDragInteraction / UIDropInteraction
41| +-- Transferable protocol, NSItemProvider
42|
43+-- Keyboard Shortcuts
44| +-- input-methods.md
45| +-- SwiftUI: .keyboardShortcut()
46| +-- UIKit: UIKeyCommand
47| +-- Discoverability overlay (Cmd hold)
48|
49+-- Pointer / Trackpad Interactions
50| +-- input-methods.md
51| +-- .hoverEffect(), UIPointerInteraction
52| +-- Custom pointer shapes, lift/highlight effects
53|
54+-- Apple Pencil / PencilKit
55| +-- input-methods.md
56| +-- PKCanvasView, PKDrawing
57| +-- Touch type filtering, Scribble
58|
59+-- External Display
60 +-- multitasking.md
61 +-- WindowGroup for external scenes
62 +-- UIScreen notifications (legacy)
63```
64
65## API Availability
66
67| API | Minimum Version | Reference |
68|-----|----------------|-----------|
69| `UIScene` / `UISceneDelegate` | iPadOS 13 | multitasking.md |
70| `UISceneConfiguration` | iPadOS 13 | multitasking.md |
71| `UIUserInterfaceSizeClass` | iPadOS 8 | multitasking.md |
72| `NavigationSplitView` | iPadOS 16 | multitasking.md |
73| `.horizontalSizeClass` / `.verticalSizeClass` | iPadOS 14 (SwiftUI) | multitasking.md |
74| `.hoverEffect()` | iPadOS 13 | input-methods.md |
75| `.keyboardShortcut()` | iPadOS 14 | input-methods.md |
76| `PencilKit` (PKCanvasView) | iPadOS 13 | input-methods.md |
77| `.draggable()` / `.dropDestination()` | iPadOS 16 | drag-drop.md |
78| `Transferable` protocol | iPadOS 16 | drag-drop.md |
79| `UIDragInteraction` / `UIDropInteraction` | iPadOS 11 | drag-drop.md |
80| `NSItemProvider` | iPadOS 11 | drag-drop.md |
81| `WindowGroup` (multi-window) | iPadOS 16 (SwiftUI lifecycle) | multitasking.md |
82| `.handlesExternalEvents` | iPadOS 14 | multitasking.md |
83| `UISceneSession.requestSceneSessionActivation` | iPadOS 13 | multitasking.md |
84| `.focusable()` / `@FocusState` | iPadOS 15 | input-methods.md |
85| `FocusedValue` / `FocusedObject` | iPadOS 16 | input-methods.md |
86
87## Top 5 Mistakes
88
89| # | Mistake | Fix | Details |
90|---|---------|-----|---------|
91| 1 | Ignoring size classes, building fixed layouts | Use `@Environment(\.horizontalSizeClass)` to adapt between compact and regular | multitasking.md |
92| 2 | No keyboard shortcuts for common actions | Add `.keyboardShortcut()` to primary actions (Cmd+N, Cmd+S, Delete) | input-methods.md |
93| 3 | Missing drag and drop on list/grid items | Add `.draggable()` and `.dropDestination()` for content types users expect to move | drag-drop.md |
94| 4 | No hover effects on interactive elements | Add `.hoverEffect()` to buttons, list rows, and custom controls | input-methods.md |
95| 5 | Not supporting multiple windows (single-scene only) | Add `WindowGroup` support and handle `NSUserActivity` for state restoration | multitasking.md |
96
97## iPad Design Rules (WWDC25)
98
99| Area | Rule |
100|------|------|
101| Adaptive navigation | The tab bar can morph into a sidebar -- use a sidebar for deep or nested content hierarchies, a tab bar when the app is compact and content-forward |
102| Immersion | Run content under the toolbar/sidebar with a scroll edge effect so a floating window still feels edge-to-edge |
103| Window controls | Wrap the toolbar around the window controls on the leading edge instead of reserving a safe-area strip above the content |
104| Documents | Each document opens in ITS OWN window, never "in place" -- and every window gets a unique, descriptive name so the app menu's window list stays navigable |
105| Pointer | Test with the pointer -- it is 1:1 precise with no magnetizing or rubber-banding to targets, so dense hit areas that survive touch forgiveness can still fail |
106| Menu bar | Order menu items by frequency of use (not alphabetically); push secondary actions into submenus; populate the View menu with tabs, their keyboard shortcuts, and sidebar toggles |
107
108## Process
109
110### 1. Identify iPad Features Needed
111
112Read the user's code or requirements to determine:
113- Is this a new iPad app or adapting an iPhone app?
114- Which iPad-specific features are relevant (multitasking, drag/drop, keyboard, pencil)?
115- Target iPadOS version and hardware (Stage Manager requires M1+)
116- Whether the app uses SwiftUI lifecycle or UIKit AppDelegate
117
118### 2. Load Relevant Reference Files
119
120Based on the need, read from this directory:
121- `multitasking.md` -- Stage Manager, multi-window, Split View, Slide Over, size classes, external display
122- `input-methods.md` -- Keyboard shortcuts, pointer interactions, Apple Pencil, focus system
123- `drag-drop.md` -- Drag and drop, Transferable protocol, NSItemProvider
124
125### 3. Review or Recommend
126
127Apply patterns from the reference files. Check for common issues using the review checklist below.
128
129### 4. Cross-Reference
130
131- For **navigation architecture** on iPad, see `ios/navigation-patterns/navigation-split-view.md`
132- For **macOS Catalyst** concerns, see `macos/coding-best-practices/`
133- For **toolbar patterns**, see `swiftui/toolbars/SKILL.md`
134- For **animation and transitions**, see `design/animation-patterns/`
135
136## Review Checklist
137
138When reviewing code for iPad optimization, verify:
139
140- [ ] **Size class adaptation** -- UI adapts to compact/regular width (Split View, Slide Over)
141- [ ] **Keyboard shortcuts** -- primary actions have `.keyboardShortcut()` modifiers
142- [ ] **Discoverability** -- shortcuts appear when user holds Command key
143- [ ] **Pointer effects** -- interactive elements have `.hoverEffect()`
144- [ ] **Drag and drop** -- list/grid items support `.draggable()` and `.dropDestination()`
145- [ ] **Multi-window** -- app supports multiple windows if content model allows it
146- [ ] **Scene restoration** -- state is preserved when scene disconnects/reconnects
147- [ ] **Pencil support** -- drawing views filter touch types, PencilKit configured correctly
148- [ ] **Column layout** -- `NavigationSplitView` column widths appropriate for iPad
149- [ ] **No hardcoded widths** -- layouts use `.frame(minWidth:idealWidth:maxWidth:)` or geometry-based sizing
150- [ ] **Context menus** -- long-press context menus on relevant items (also improve right-click with pointer)
151- [ ] **Toolbar placement** -- actions placed in `.primaryAction`, `.secondaryAction`, or `.keyboard` as appropriate
152
153## References
154
155- [Preparing your iPadOS app for multitasking](https://developer.apple.com/documentation/uikit/app_and_environment/scenes/preparing_your_ipados_app_for_multitasking)
156- [Adding drag and drop to a SwiftUI view](https://developer.apple.com/documentation/swiftui/adding-drag-and-drop)
157- [Transferable](https://developer.apple.com/documentation/coretransferable/transferable)
158- [Adding keyboard shortcuts](https://developer.apple.com/documentation/swiftui/adding-keyboard-shortcuts-to-a-swiftui-app)
159- [Pointer interactions](https://developer.apple.com/documentation/uikit/pointer_interactions)
160- [PencilKit](https://developer.apple.com/documentation/pencilkit)
161- [UIScene](https://developer.apple.com/documentation/uikit/uiscene)