Making a card game with drag, drop, and reordering in SwiftUI
At a glance
| Item | Summary |
|---|---|
| Purpose | Move cards between positions in a card game using drag, drop, and reordering modifiers. |
| App architecture | A Swift sample with the source-visible chain SwiftUIReorderableApp → ContentView → SwiftUI APIs. |
| Main patterns | No named application pattern supported by the extracted structure |
| Project style | 10 scanned source file(s) across Swift, organized around ranked entry, type, and file boundaries. |
Project structure
Source bundle/
├── SwiftUI-Reorderable/
│ ├── SwiftUI-Reorderable/
│ │ ├── SwiftUIReorderableApp.swift
│ │ ├── Views/
│ │ │ ├── CardView.swift
│ │ │ ├── PileView.swift
│ │ │ ├── DestinationView.swift
│ │ │ ├── GameView.swift
│ │ │ └── RemainderView.swift
│ │ ├── ContentView.swift
│ │ └── Game/
│ │ ├── CardValue.swift
│ │ ├── Card.swift
│ │ └── Game.swift
│ └── SwiftUI-Reorderable.xcodeproj/
│ └── .xcodesamplecode.plist
└── Configuration/
└── SampleCode.xcconfig
Structure observations
- Architecturally prominent files are ranked from entry points and role-named declarations; resource-only paths are omitted.
- Primary languages: Swift.
- The verified tree contains 5 project/configuration file(s) and 21 source declaration(s).
Overall architecture
flowchart LR
N1["SwiftUIReorderableApp"]
N2["ContentView"]
N3["SwiftUI APIs"]
N1 --> N2
N2 --> N3
Reference code
SwiftUI-Reorderable/SwiftUI-Reorderable/SwiftUIReorderableApp.swift:12 — architecture anchor
@main
struct SwiftUIReorderableApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
.modelContainer(for: [Game.self, Card.self])
}
}Interpretation
The arrows summarize the source-visible entry, role-named types or folders, and framework direction; when nodes come from structural folders, the sequence is a high-level interpretation rather than proof that every adjacent node calls the next. Ownership is claimed only where the next section cites a stored property or assignment. The diagram is intentionally limited to the dominant path into SwiftUI.
Ownership and state
classDiagram
CardView o-- Card : card
CardFaceView o-- CardValue : card
PileView o-- Game : game
PileView *-- Int : index
Ownership evidence
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/CardView.swift:13 — stored dependency or nearest verified ownership anchor
struct CardView: View {
var card: Card
// ...
}| Owner | Object or state | Relationship | Mutation authority |
|---|---|---|---|
CardView |
Card (card) |
stores or receives | App/module collaborators |
CardFaceView |
CardValue (card) |
stores or receives | App/module collaborators |
PileView |
Game (game) |
stores or receives | App/module collaborators |
PileView |
Int (index) |
owns value state | App/module collaborators |
Composition arrows indicate a source-visible construction expression or locally owned value state; aggregation means the owner stores or receives a dependency without proving exclusive lifetime ownership.
Class and protocol design
SwiftUI-Reorderable/SwiftUI-Reorderable/SwiftUIReorderableApp.swift:13 — representative type boundary
struct SwiftUIReorderableApp: App {
// ...
}| Type | Responsibility | Depends on or conforms to |
|---|---|---|
SwiftUIReorderableApp |
Application entry and top-level composition | App |
CardView |
User-interface presentation and input forwarding | View |
CardFaceView |
User-interface presentation and input forwarding | View |
CardBackView |
User-interface presentation and input forwarding | View |
CardPlaceholderView |
User-interface presentation and input forwarding | View |
PileView |
User-interface presentation and input forwarding | View |
ContentView |
User-interface presentation and input forwarding | View |
DestinationView |
User-interface presentation and input forwarding | View |
GameView |
User-interface presentation and input forwarding | View |
RemainderView |
User-interface presentation and input forwarding | View |
No local protocol conformance is claimed as protocol-oriented design; external framework conformances are listed only as dependencies.
Access control
| Symbol | Access | Verified effect | Likely rationale |
|---|---|---|---|
modelContext (SwiftUI-Reorderable/SwiftUI-Reorderable/ContentView.swift:12) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
selection (SwiftUI-Reorderable/SwiftUI-Reorderable/ContentView.swift:14) |
private |
Use is restricted to the lexical declaration and same-file extensions allowed by Swift. | Inference: keep state mutation or dependency lifetime inside the owning implementation. |
rank (SwiftUI-Reorderable/SwiftUI-Reorderable/Game/Card.swift:17) |
private(set) |
Read access follows the declaration; writes remain in the private scope. | Inference: allow observation while reserving invariant-changing writes for the owner. |
suit (SwiftUI-Reorderable/SwiftUI-Reorderable/Game/Card.swift:18) |
private(set) |
Read access follows the declaration; writes remain in the private scope. | Inference: allow observation while reserving invariant-changing writes for the owner. |
Reference code
SwiftUI-Reorderable/SwiftUI-Reorderable/ContentView.swift:12 — representative boundary
@Environment(\.modelContext) private var modelContextSwift declarations without a modifier are internal; explicit private, fileprivate, private(set), public, or open entries above are interpreted by language semantics. Objective-C/C samples instead rely on header and implementation boundaries, which are not equivalent to Swift lexical privacy.
Logic ownership and placement
| Logic | Owning type or file | Placement rationale |
|---|---|---|
| Application entry and top-level composition | SwiftUIReorderableApp |
The source’s App suffix makes this role explicit. |
| User-interface presentation and input forwarding | CardBackView, CardFaceView, CardPlaceholderView, CardView |
The source’s View suffix makes this role explicit. |
Design patterns
| Pattern | Source evidence | Purpose or tradeoff |
|---|---|---|
| No named application pattern | SwiftUI-Reorderable/SwiftUI-Reorderable/SwiftUIReorderableApp.swift:12 |
The verified source directly composes concrete framework types; this document avoids forcing a pattern name. |
Naming conventions
- Types: App: SwiftUIReorderableApp; View: CardBackView, CardFaceView, CardPlaceholderView, CardView, ContentView.
- Protocols: no local protocol declaration in the scanned source.
- Methods:
defaultValue,sizeThatFits,placeSubviews,makeCache,addGame,deleteSelectedGame,apply,incrementCardIndex. - Files:
SwiftUI-Reorderable/SwiftUI-Reorderable/SwiftUIReorderableApp.swift,SwiftUI-Reorderable/SwiftUI-Reorderable/Views/CardView.swift,SwiftUI-Reorderable/SwiftUI-Reorderable/Views/PileView.swift,SwiftUI-Reorderable/SwiftUI-Reorderable/ContentView.swift,SwiftUI-Reorderable/SwiftUI-Reorderable/Game/CardValue.swift,SwiftUI-Reorderable/SwiftUI-Reorderable/Views/DestinationView.swift.
Architecture takeaways
SwiftUIReorderableAppis the main source-visible entry or composition anchor for this sample.- Framework work reaches SwiftUI, SwiftData, CoreTransferable, UniformTypeIdentifiers through a deliberately small high-level chain; the detailed API graph remains inside the cited implementation files.
- Stored-property evidence identifies lifecycle collaboration; it does not by itself prove exclusive object ownership.
- Access-control conclusions separate verified language visibility from the likely design rationale.
- The source does not justify labeling the design protocol-oriented.
Source map
| Source file | Relevant symbols |
|---|---|
SwiftUI-Reorderable/SwiftUI-Reorderable/SwiftUIReorderableApp.swift |
SwiftUIReorderableApp |
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/CardView.swift |
CardView, CardFaceView, CardBackView, CardPlaceholderView |
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/PileView.swift |
PileView, StackingGuide, PileLayout, Cache |
SwiftUI-Reorderable/SwiftUI-Reorderable/ContentView.swift |
ContentView, GameListRow |
SwiftUI-Reorderable/SwiftUI-Reorderable/Game/CardValue.swift |
CardValue, Rank, Suit, PlayingColor |
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/DestinationView.swift |
DestinationView |
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/GameView.swift |
GameView |
SwiftUI-Reorderable/SwiftUI-Reorderable/Views/RemainderView.swift |
RemainderView |
SwiftUI-Reorderable/SwiftUI-Reorderable/Game/Card.swift |
Card, Group |
SwiftUI-Reorderable/SwiftUI-Reorderable/Game/Game.swift |
Game |