Desenhar um mostrador de relógio

Mantenha tudo organizado com as coleções Salve e categorize o conteúdo com base nas suas preferências.

Depois de configurar o projeto e adicionar uma classe que implementa o serviço de mostrador do relógio, você pode começar a escrever o código para inicializar e desenhar seu mostrador personalizado.

Cada mostrador do relógio criará uma subclasse personalizada de um renderizador que implementa tudo o que for necessário para desenhar o mostrador.

O renderizador combina o UserStyle, as informações de complicação de ComplicationSlotsManager, o horário atual e outras informações de estado para renderizar o mostrador do relógio, conforme mostrado no exemplo a seguir.

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!
    }
}