Class

CLKComplicationTemplateModularSmallStackImage

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

Declaration

class CLKComplicationTemplateModularSmallStackImage : CLKComplicationTemplate

Overview

This template belongs to the CLKComplicationFamily.modularSmall 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 modular 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

52 pixels maximum

(You may specify images with a smaller width.)

28 pixels

40 mm

58 pixels maximum

(You may specify images with a smaller width.)

30 pixels

42 mm

58 pixels maximum

(You may specify images with a smaller width.)

30 pixels

44 mm

64 pixels maximum

(You may specify images with a smaller width.)

34 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.

var highlightLine2: Bool

A Boolean value indicating which line should be drawn with a highlight.

Relationships

Conforms To

See Also

Image Templates

class CLKComplicationTemplateModularSmallRingImage

A template for displaying an image encircled by a configurable progress ring

class CLKComplicationTemplateModularSmallSimpleImage

A template for displaying an image.