TechnologiesUI & App Frameworks

_ClockKit_SwiftUI cross-import overlay

iOSmacOStvOSwatchOSvisionOS

A cross-import overlay that bridges ClockKit and SwiftUI on watchOS, letting you build watch face complications from SwiftUI views. You construct graphic complication templates that host SwiftUI content across the standard families, including circular, corner, extra-large circular, and rectangular layouts through types such as CLKComplicationTemplateGraphicCircularView, CLKComplicationTemplateGraphicCornerGaugeView, and CLKComplicationTemplateGraphicRectangularFullView. The overlay also provides closed and open gauge views for displaying progress, and ComplicationRenderingMode to adapt content to the watch face's rendering context.

Circular Complications 4

Templates that host SwiftUI content in the circular complication families on the watch face.

  • Cl
    CLKComplicationTemplateGraphicCircularView
    A complication template that hosts a SwiftUI view in the graphic circular family.
  • Cl
    CLKComplicationTemplateGraphicCircularStackViewText
    A complication template that stacks a SwiftUI view above a line of text in the graphic circular family.
  • Cl
    CLKComplicationTemplateGraphicExtraLargeCircularView
    A complication template that hosts a SwiftUI view in the graphic extra-large circular family.
  • Cl
    CLKComplicationTemplateGraphicExtraLargeCircularStackViewText
    A complication template that stacks a SwiftUI view above a line of text in the graphic extra-large circular family.

Circular Gauges 4

Templates that pair circular SwiftUI content with closed or open gauges to display progress.

  • Cl
    CLKComplicationTemplateGraphicCircularClosedGaugeView
    A complication template that surrounds a SwiftUI view with a closed gauge in the graphic circular family.
  • Cl
    CLKComplicationTemplateGraphicCircularOpenGaugeView
    A complication template that surrounds a SwiftUI view with an open gauge in the graphic circular family.
  • Cl
    CLKComplicationTemplateGraphicExtraLargeCircularClosedGaugeView
    A complication template that surrounds a SwiftUI view with a closed gauge in the graphic extra-large circular family.
  • Cl
    CLKComplicationTemplateGraphicExtraLargeCircularOpenGaugeView
    A complication template that surrounds a SwiftUI view with an open gauge in the graphic extra-large circular family.

Corner Complications 3

Templates that host SwiftUI content in the corner complication family of the watch face.

  • Cl
    CLKComplicationTemplateGraphicCornerCircularView
    A complication template that hosts a SwiftUI view in the corner of the watch face.
  • Cl
    CLKComplicationTemplateGraphicCornerGaugeView
    A complication template that pairs a SwiftUI view with a gauge in the corner of the watch face.
  • Cl
    CLKComplicationTemplateGraphicCornerTextView
    A complication template that pairs a SwiftUI view with text in the corner of the watch face.

Rectangular Complications 4

Templates that host SwiftUI content in the rectangular complication families of the watch face.

  • Cl
    CLKComplicationTemplateGraphicRectangularFullView
    A complication template that fills the graphic rectangular family with a SwiftUI view.
  • Cl
    CLKComplicationTemplateGraphicRectangularLargeView
    A complication template that hosts a large SwiftUI view in the graphic rectangular family.
  • Cl
    CLKComplicationTemplateGraphicRectangularStandardBodyView
    A complication template that hosts a SwiftUI view in the standard body of the graphic rectangular family.
  • Cl
    CLKComplicationTemplateGraphicRectangularTextGaugeView
    A complication template that pairs a SwiftUI view with text and a gauge in the graphic rectangular family.

Rendering Context 1

Values that describe how complication content should adapt to the watch face's rendering context.

  • En
    ComplicationRenderingMode
    Constants that specify how a complication adapts its content to the watch face's rendering context.

Extends 3

CLKComplicationTemplateViewEnvironmentValues
← UI & App Frameworks