Class

CLKComplicationTemplateModularLargeColumns

A template for displaying multiple columns of data.

Declaration

class CLKComplicationTemplateModularLargeColumns : CLKComplicationTemplate

Overview

This template belongs to the CLKComplicationFamily.modularLarge 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 large columns template

Diagram showing the layout of two columns of text and an optional column of images.

Table 1 lists the dimensions of the images 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. The width of each image must be between the specified minimum and maximum (inclusive).

Table 1

Image dimensions

Apple Watch Size

Width

Height

38 mm

22 pixels minimum

64 pixels maximum

22 pixels

40 mm

24 pixels minimum

74 pixels maximum

24 pixels

42 mm

24 pixels minimum

74 pixels maximum

24 pixels

44 mm

28 pixels minimum

84 pixels maximum

28 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 row1ImageProvider: CLKImageProvider?

An optional image to display at the beginning of the first row.

var row1Column1TextProvider: CLKTextProvider

The text to display in the first column of the first row.

var row1Column2TextProvider: CLKTextProvider

The text to display in the second column of the first row.

var row2ImageProvider: CLKImageProvider?

An optional image to display at the beginning of the second row.

var row2Column1TextProvider: CLKTextProvider

The text to display in the first column of the second row.

var row2Column2TextProvider: CLKTextProvider

The text to display in the second column of the second row.

var row3ImageProvider: CLKImageProvider?

An optional image to display at the beginning of the third row.

var row3Column1TextProvider: CLKTextProvider

The text to display in the first column of the third row.

var row3Column2TextProvider: CLKTextProvider

The text to display in the second column of the third row.

var column2Alignment: CLKComplicationColumnAlignment

The alignment of the text in the second column.

Relationships

Conforms To

See Also

Table Templates

class CLKComplicationTemplateModularLargeTable

A template for displaying a header row and columns