Class

CLKComplicationTemplateGraphicCornerGaugeImage

A template for displaying an image and a gauge in the clock face’s corner.

Declaration

class CLKComplicationTemplateGraphicCornerGaugeImage : CLKComplicationTemplate

Overview

This template belongs to the CLKComplicationFamily.graphicCorner family. Figure 1 shows the layout of the image and where the template might appear on the clock face.

Figure 1

Layout of the graphic corner gauge image template

Diagram showing the layout of an image and a gauge with trailing text.

Table 1 lists the dimensions of the image you use in this template. All dimensions are in pixels. All images must be specified as @2x images for display on Apple Watch, so the point-based dimensions are half the listed size.

Apple Watch Size

Width

Height

40 mm

40 pixels

40 pixels

44 mm

44 pixels

44 pixels

This template supports full-color images. The image provider automatically masks the image to a circle.

Instead of providing multiple images with different resolutions, you can provide a single, scaleable PDF asset. For more information, see Manage Assets.

Topics

Setting the Complication Data

var gaugeProvider: CLKGaugeProvider

The gauge to display in the complication.

var leadingTextProvider: CLKTextProvider?

The text to display on the leading edge of the gauge.

var trailingTextProvider: CLKTextProvider?

The text to display on the trailing edge of the gauge.

Relationships

Conforms To

See Also

Corner

class CLKComplicationTemplateGraphicCornerCircularImage

A template for displaying an image in the clock face’s corner.

class CLKComplicationTemplateGraphicCornerGaugeText

A template for displaying text and a gauge in the clock face’s corner.

class CLKComplicationTemplateGraphicCornerStackText

A template for displaying stacked text in the clock face’s corner.

class CLKComplicationTemplateGraphicCornerTextImage

A template for displaying an image and text in the clock face’s corner.