Nachdem Sie Ihr Projekt konfiguriert und eine Klasse hinzugefügt haben, die den Zifferblattdienst implementiert, können Sie mit dem Schreiben von Code beginnen, um Ihr benutzerdefiniertes Zifferblatt zu initialisieren und zu zeichnen.
Für jedes Zifferblatt wird eine benutzerdefinierte Unterklasse eines Renderers erstellt, die um das Zifferblatt zu zeichnen.
Der Renderer kombiniert
UserStyle
, der
Informationen zu Zusatzfunktionen von
ComplicationSlotsManager
,
die aktuelle Uhrzeit und andere Statusinformationen,
Rendern Sie das Zifferblatt, wie im folgenden Beispiel gezeigt:
class CustomCanvasRenderer(
private val context: Context,
surfaceHolder: SurfaceHolder,
watchState: WatchState,
private val complicationSlotsManager: ComplicationSlotsManager,
currentUserStyleRepository: CurrentUserStyleRepository,
canvasType: Int
) : Renderer.CanvasRenderer(
surfaceHolder = surfaceHolder,
currentUserStyleRepository = currentUserStyleRepository,
watchState = watchState,
canvasType = canvasType,
interactiveDrawModeUpdateDelayMillis = 16L
) {
override fun render(canvas: Canvas, bounds: Rect, zonedDateTime: ZonedDateTime) {
// Draw into the canvas
}
override fun renderHighlightLayer(canvas: Canvas, bounds: Rect, zonedDateTime: ZonedDateTime) {
// Draw into the canvas
}
}