Class

CLKComplicationTemplateCircularSmallStackImage

A template for displaying an image with a line of text below it.

Declaration

class CLKComplicationTemplateCircularSmallStackImage : CLKComplicationTemplate

Overview

This template belongs to the CLKComplicationFamily.circularSmall family. Figure 1 shows the layout of the data and where a template of this type might appear on the clock face.

Figure 1

Layout of a circular small stack image template

Diagram showing the layout of a small image positioned above a short line of 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.

Table 1

Image dimensions

Apple Watch Size

Width

Height

38 mm

32 pixels maximum

(You may specify images with a smaller width.)

14 pixels

40 mm

34 pixels maximum

(You may specify images with a smaller width.)

16 pixels

42 mm

34 pixels maximum

(You may specify images with a smaller width.)

16 pixels

44 mm

38 pixels maximum

(You may specify images with a smaller width.)

18 pixels

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 line1ImageProvider: CLKImageProvider

The image to display on the top line of the complication

var line2TextProvider: CLKTextProvider

The text to display on the bottom line of the complication.

Relationships

Conforms To

See Also

Image Templates

class CLKComplicationTemplateCircularSmallRingImage

A template for displaying a single image surrounded by a configurable progress ring.

class CLKComplicationTemplateCircularSmallSimpleImage

A template for displaying a single image.