Class

CLKComplicationTemplateModularSmallRingImage

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

Declaration

@interface CLKComplicationTemplateModularSmallRingImage : CLKComplicationTemplate

Overview

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

Figure 1

Layout of a modular small ring image template

Diagram showing the layout of an image inside a small progress ring.

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

36 pixels

36 pixels

40 mm

38 pixels

38 pixels

42 mm

38 pixels

38 pixels

44 mm

42 pixels

42 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

imageProvider

The image to display in the complication.

ringStyle

The style of the progress ring.

fillFraction

The fraction of the ring to fill.

Relationships

See Also

Image Templates

CLKComplicationTemplateModularSmallSimpleImage

A template for displaying an image.

CLKComplicationTemplateModularSmallStackImage

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