Creating a tvOS media catalog app in SwiftUI
At a glance
| Item | Summary |
|---|---|
| Purpose | Build standard content lockups and rows of content shelves for your tvOS app. |
| App architecture | A Swift sample with the source-visible chain TVCatalogApp → ContentView → SwiftUI APIs. |
| Main patterns | No named application pattern supported by the extracted structure |
| Project style | 17 scanned source file(s) across Swift, organized around ranked entry, type, and file boundaries. |
Project structure
Source bundle/
└── TVCatalog/
├── TVCatalogApp.swift
├── SidebarContentView.swift
├── ButtonsView.swift
├── SectionsView.swift
├── StackView.swift
├── CardContentView.swift
├── ContentView.swift
├── DescriptionView.swift
├── HeroBackgroundView.swift
├── HeroHeaderView.swift
├── SearchView.swift
└── Artwork/
└── Asset.swift
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 3 project/configuration file(s) and 23 source declaration(s).
Overall architecture
flowchart LR
N1["TVCatalogApp"]
N2["ContentView"]
N3["SwiftUI APIs"]
N1 --> N2
N2 --> N3
Reference code
TVCatalog/TVCatalogApp.swift:10 — architecture anchor
@main
struct TVCatalogApp: App {
// ...
}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
SidebarContentView *-- MyMoviesTab : selection
StackView *-- CGFloat : showcaseHeight
FoldSnappingScrollTargetBehavior *-- Bool : aboveFold
FoldSnappingScrollTargetBehavior *-- CGFloat : showcaseHeight
Ownership evidence
TVCatalog/SidebarContentView.swift:112 — stored dependency or nearest verified ownership anchor
struct SidebarContentView: View {
@State var selection: MyMoviesTab = .upNext
// ...
}| Owner | Object or state | Relationship | Mutation authority |
|---|---|---|---|
SidebarContentView |
MyMoviesTab (selection) |
owns wrapper-managed state | App/module collaborators |
StackView |
CGFloat (showcaseHeight) |
owns value state | Owning lexical scope |
FoldSnappingScrollTargetBehavior |
Bool (aboveFold) |
owns value state | App/module collaborators |
FoldSnappingScrollTargetBehavior |
CGFloat (showcaseHeight) |
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
TVCatalog/TVCatalogApp.swift:11 — representative type boundary
struct TVCatalogApp: App {
// ...
}| Type | Responsibility | Depends on or conforms to |
|---|---|---|
TVCatalogApp |
Application entry and top-level composition | App |
SidebarContentView |
User-interface presentation and input forwarding | View |
ButtonsView |
User-interface presentation and input forwarding | View |
SectionsView |
User-interface presentation and input forwarding | View |
StackView |
User-interface presentation and input forwarding | View |
CardContentView |
User-interface presentation and input forwarding | View |
ContentView |
User-interface presentation and input forwarding | View |
DescriptionView |
User-interface presentation and input forwarding | View |
HeroBackgroundView |
User-interface presentation and input forwarding | View |
HeroHeaderView |
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 |
|---|---|---|---|
belowFold (TVCatalog/StackView.swift:29) |
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. |
showcaseHeight (TVCatalog/StackView.swift:30) |
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. |
ButtonsView (TVCatalog/ButtonsView.swift:8) |
implicit internal |
No explicit modifier means the Swift declaration is internal to the module. | Inference: app-target collaboration needs no exported library surface. |
Reference code
TVCatalog/StackView.swift:29 — representative boundary
struct StackView: View {
@State private var belowFold = false
// ...
}Swift 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 | TVCatalogApp |
The source’s App suffix makes this role explicit. |
| User-interface presentation and input forwarding | ButtonsView, CardContentView, ContentView, DescriptionView |
The source’s View suffix makes this role explicit. |
Design patterns
| Pattern | Source evidence | Purpose or tradeoff |
|---|---|---|
| No named application pattern | TVCatalog/TVCatalogApp.swift:10 |
The verified source directly composes concrete framework types; this document avoids forcing a pattern name. |
Naming conventions
- Types: App: TVCatalogApp; View: ButtonsView, CardContentView, ContentView, DescriptionView, HeroBackgroundView.
- Protocols: no local protocol declaration in the scanned source.
- Methods:
detail,makeBody,updateTarget. - Files:
TVCatalog/TVCatalogApp.swift,TVCatalog/SidebarContentView.swift,TVCatalog/ButtonsView.swift,TVCatalog/SectionsView.swift,TVCatalog/StackView.swift,TVCatalog/CardContentView.swift.
Architecture takeaways
TVCatalogAppis the main source-visible entry or composition anchor for this sample.- Framework work reaches SwiftUI 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 |
|---|---|
TVCatalog/TVCatalogApp.swift |
TVCatalogApp |
TVCatalog/SidebarContentView.swift |
Tabs, MyMoviesTab, MyLibraryTab, SidebarContentView |
TVCatalog/ButtonsView.swift |
ButtonsView, CardOverlayLabelStyle |
TVCatalog/SectionsView.swift |
SectionsView, ShelfContent |
TVCatalog/StackView.swift |
StackView, FoldSnappingScrollTargetBehavior |
TVCatalog/CardContentView.swift |
CardContentView |
TVCatalog/ContentView.swift |
ContentView |
TVCatalog/DescriptionView.swift |
DescriptionView |
TVCatalog/HeroBackgroundView.swift |
HeroBackgroundView |
TVCatalog/HeroHeaderView.swift |
HeroHeaderView |