Sample CodeiOS, iPadOS, Mac Catalyst, macOSReviewed 2026-07-21View on Apple Developer

Controlling the timing and movements of your animations

At a glance

Item Summary
Purpose Build sophisticated animations that you control using phase and keyframe animators.
App architecture A Swift sample with the source-visible chain PhaseAndKeyframeAnimationSampleAppContentViewSwiftUI APIs.
Main patterns No named application pattern supported by the extracted structure
Project style 7 scanned source file(s) across Swift, organized around ranked entry, type, and file boundaries.

Project structure

Source bundle/
├── PhaseAndKeyframeAnimationSample/
│   ├── PhaseAndKeyframeAnimationSampleApp.swift
│   ├── KeyframeAnimationView.swift
│   ├── ThreePhaseAnimationView.swift
│   ├── ContentView.swift
│   ├── EmojiView.swift
│   ├── SimpleAnimationView.swift
│   ├── TwoPhaseAnimationView.swift
│   └── PhaseAndKeyframeAnimationSample.entitlements
├── Configuration/
│   └── SampleCode.xcconfig
└── PhaseAndKeyframeAnimationSample.xcodeproj/
    ├── .xcodesamplecode.plist
    └── project.pbxproj

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 4 project/configuration file(s) and 9 source declaration(s).

Overall architecture

Reference code

PhaseAndKeyframeAnimationSample/PhaseAndKeyframeAnimationSampleApp.swift:11 — architecture anchor

@main
struct PhaseAndKeyframeAnimationSampleApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

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

Ownership evidence

PhaseAndKeyframeAnimationSample/KeyframeAnimationView.swift:18 — stored dependency or nearest verified ownership anchor

struct KeyframeAnimationView: View {
    var emoji: String
    // ...
}
Owner Object or state Relationship Mutation authority
KeyframeAnimationView String (emoji) owns value state App/module collaborators
ThreePhaseAnimationView String (emoji) owns value state App/module collaborators
EmojiView String (emoji) owns value state App/module collaborators
SimpleAnimationView String (emoji) 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

PhaseAndKeyframeAnimationSample/PhaseAndKeyframeAnimationSampleApp.swift:12 — representative type boundary

struct PhaseAndKeyframeAnimationSampleApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
Type Responsibility Depends on or conforms to
PhaseAndKeyframeAnimationSampleApp Application entry and top-level composition App
KeyframeAnimationView User-interface presentation and input forwarding View
ThreePhaseAnimationView User-interface presentation and input forwarding View
ContentView User-interface presentation and input forwarding View
EmojiView User-interface presentation and input forwarding View
SimpleAnimationView User-interface presentation and input forwarding View
TwoPhaseAnimationView User-interface presentation and input forwarding View
AnimationValues Represents a feature value or composable behavior Concrete collaborators/imported frameworks
AnimationPhase Defines a closed set of feature states or choices CaseIterable

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
emojis (PhaseAndKeyframeAnimationSample/ContentView.swift:11) 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.
likeCount (PhaseAndKeyframeAnimationSample/KeyframeAnimationView.swift:19) 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.
offset (PhaseAndKeyframeAnimationSample/SimpleAnimationView.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.
likeCount (PhaseAndKeyframeAnimationSample/ThreePhaseAnimationView.swift:32) 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.

Reference code

PhaseAndKeyframeAnimationSample/ContentView.swift:11 — representative boundary

    @State private var emojis = ["🔥", "❤️", "🤩"]

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 PhaseAndKeyframeAnimationSampleApp The source’s App suffix makes this role explicit.
User-interface presentation and input forwarding ContentView, EmojiView, KeyframeAnimationView, SimpleAnimationView The source’s View suffix makes this role explicit.

Design patterns

Pattern Source evidence Purpose or tradeoff
No named application pattern PhaseAndKeyframeAnimationSample/PhaseAndKeyframeAnimationSampleApp.swift:11 The verified source directly composes concrete framework types; this document avoids forcing a pattern name.

Naming conventions

  • Types: App: PhaseAndKeyframeAnimationSampleApp; View: ContentView, EmojiView, KeyframeAnimationView, SimpleAnimationView, ThreePhaseAnimationView.
  • Protocols: no local protocol declaration in the scanned source.
  • Methods: no representative method name extracted from the architectural files.
  • Files: PhaseAndKeyframeAnimationSample/PhaseAndKeyframeAnimationSampleApp.swift, PhaseAndKeyframeAnimationSample/KeyframeAnimationView.swift, PhaseAndKeyframeAnimationSample/ThreePhaseAnimationView.swift, PhaseAndKeyframeAnimationSample/ContentView.swift, PhaseAndKeyframeAnimationSample/EmojiView.swift, PhaseAndKeyframeAnimationSample/SimpleAnimationView.swift.

Architecture takeaways

  • PhaseAndKeyframeAnimationSampleApp is 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
PhaseAndKeyframeAnimationSample/PhaseAndKeyframeAnimationSampleApp.swift PhaseAndKeyframeAnimationSampleApp
PhaseAndKeyframeAnimationSample/KeyframeAnimationView.swift AnimationValues, KeyframeAnimationView
PhaseAndKeyframeAnimationSample/ThreePhaseAnimationView.swift AnimationPhase, ThreePhaseAnimationView
PhaseAndKeyframeAnimationSample/ContentView.swift ContentView
PhaseAndKeyframeAnimationSample/EmojiView.swift EmojiView
PhaseAndKeyframeAnimationSample/SimpleAnimationView.swift SimpleAnimationView
PhaseAndKeyframeAnimationSample/TwoPhaseAnimationView.swift TwoPhaseAnimationView