Pebble.Ui

type UiNode

Root virtual UI node.

type WindowNode

A virtual window identified by a stable id.

type LayerNode

A virtual layer identified by a stable id.

toUiNode : List RenderOp -> UiNode

Build a complete single-window UI from drawing operations.

This is a convenience for watchfaces and apps whose view is just one canvas. It is equivalent to:

windowStack
    [ window 1
        [ canvasLayer 1 ops ]
    ]

windowStack : List WindowNode -> UiNode

Build a window stack node.

window : Int -> List LayerNode -> WindowNode

Build a window node with a stable id and layers.

canvasLayer : Int -> List RenderOp -> LayerNode

Build a canvas layer node with a stable id and draw operations.

type RenderOp

Drawing operations for a canvas layer.

text : Font -> TextOptions -> Rect -> String -> RenderOp

Draw a string in the given rectangle using a resource font.

textInt : Font -> Point -> Int -> RenderOp

Draw an integer at the given position using a custom resource font.

textLabel : Font -> Point -> Label -> RenderOp

Draw a predefined label at the given position using a custom resource font.

clear : UiColor.Color -> RenderOp

Clear the canvas to a color.

fillRect : Rect -> UiColor.Color -> RenderOp

Fill a rectangle with a color.

pixel : Point -> UiColor.Color -> RenderOp

Draw a single pixel with a color.

line : Point -> Point -> UiColor.Color -> RenderOp

Draw a line with a color.

rect : Rect -> UiColor.Color -> RenderOp

Draw a rectangle outline with a color.

circle : Point -> Int -> UiColor.Color -> RenderOp

Draw a circle outline with a color.

fillCircle : Point -> Int -> UiColor.Color -> RenderOp

Draw a filled circle with a color.

drawBitmapInRect : Bitmap -> Rect -> RenderOp

Draw bitmap resource in the provided rectangle.

drawRotatedBitmap : Bitmap -> Rect -> Rotation -> Point -> RenderOp

Draw bitmap resource using width/height, angle and center point.

drawVectorAt : VectorGraphic -> Point -> RenderOp

Draw a Pebble Draw Command vector resource at the given origin.

drawVectorSequenceAt : VectorGraphic -> Point -> RenderOp

Draw a Pebble Draw Command sequence resource at the given origin.

group : Context -> RenderOp

Group operations under a temporary style context.

pathFilled : Path -> RenderOp

Draw a filled path.

pathOutline : Path -> RenderOp

Draw a closed path outline.

pathOutlineOpen : Path -> RenderOp

Draw an open path outline.

roundRect : Rect -> Int -> UiColor.Color -> RenderOp

Draw a rounded rectangle outline.

arc : Rect -> Int -> Int -> RenderOp

Draw an arc inside rectangle bounds in Pebble angle units.

fillRadial : Rect -> Int -> Int -> RenderOp

Draw a filled radial slice inside rectangle bounds.

type Label
    = WaitingForCompanion

Localized labels produced in Elm and rendered on watch.

type alias Context = ( List ContextSetting, List RenderOp )

Nested drawing context containing style settings and commands.

type alias Bitmap = UiResources.Bitmap

Bitmap resource handle from Pebble.Ui.Resources.

type alias Font = UiResources.Font

Font resource handle from Pebble.Ui.Resources.

type alias VectorGraphic = UiResources.VectorGraphic

Vector graphic resource handle from Pebble.Ui.Resources.

type alias Path = ( List ( Int, Int ), ( Int, Int ), Int )

Path geometry for path draw operations.

type alias Point =
    { x : Int
    , y : Int
    }

2D point for draw positions.

type alias Rect =
    { x : Int
    , y : Int
    , w : Int
    , h : Int
    }

Rectangle bounds for draw operations.

type Rotation

Rotation value for Pebble graphics APIs.

Use rotationFromPebbleAngle when you already have Pebble angle units (TRIG_MAX_ANGLE == 65536) or rotationFromDegrees for degree inputs.

type TextAlignment
    = AlignLeft
    | AlignCenter
    | AlignRight

Horizontal alignment for text drawn inside a rectangle.

type TextOverflow
    = WordWrap
    | TrailingEllipsis
    | Fill

Overflow behavior for text that does not fit inside its rectangle.

type alias TextOptions =
    { alignment : TextAlignment
    , overflow : TextOverflow
    }

Options passed to Pebble text layout.

defaultTextOptions : TextOptions

Default Pebble text options: centered, word-wrapped text.

alignLeft : TextOptions -> TextOptions

Set text alignment to left.

alignCenter : TextOptions -> TextOptions

Set text alignment to center.

alignRight : TextOptions -> TextOptions

Set text alignment to right.

wordWrap : TextOptions -> TextOptions

Use Pebble word wrapping for overflow.

trailingEllipsis : TextOptions -> TextOptions

Use Pebble trailing ellipsis for overflow.

fillOverflow : TextOptions -> TextOptions

Use Pebble fill overflow behavior.

context : List ContextSetting -> List RenderOp -> Context

Build a drawing context from settings and nested operations.

path : List Point -> Point -> Rotation -> Path

Build path data from points, offset and rotation.

rotationFromPebbleAngle : Int -> Rotation

Create a rotation from raw Pebble angle units (0..65535).

rotationFromDegrees : Float -> Rotation

Create a rotation from degrees.

type ContextSetting
    = StrokeWidth Int
    | Antialiased Int
    | StrokeColor Int
    | FillColor Int
    | TextColor Int
    | CompositingMode Int

Drawing style settings used by context.

strokeWidth : Int -> ContextSetting

Set stroke width for a context.

antialiased : Int -> ContextSetting

Enable or disable antialiasing (0 or 1).

strokeColor : UiColor.Color -> ContextSetting

Set stroke color for a context.

fillColor : UiColor.Color -> ContextSetting

Set fill color for a context.

textColor : UiColor.Color -> ContextSetting

Set text color for a context.

compositingMode : Int -> ContextSetting

Set graphics compositing mode (0..4 Pebble GCompOp).