Doodle is a pure Kotlin UI framework for the Web, that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.

Features

• New helpers for creating paths for circles, rings, and ring-sections

val ring   : Path = ring       (center, innerRadius, outerRadius)
val section: Path = ringSection(center, innerRadius, outerRadius, startAngle, endAngle)

• New PathProgressIndicatorBehavior that lets you create progress indicators by outlining a path

object: ProgressIndicator() {
    init {
        size     = Size(200, 100)
        progress = 0.25
        behavior = PathProgressIndicatorBehavior(
            pathMetrics,          // injected
            path                = path("M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80")!!,
            foreground          = LinearGradientPaint(Black, Blue, Origin, Point(width, 0.0)),
            foregroundThickness = 5.0,
            background          = Lightgray.paint,
            backgroundThickness = 5.0
        )
    }
}

• New BasicCircularProgressBehavior to replace the old with more flexibility/configurability
• Updated BasicCircularSliderBehavior so it can have Fills instead of just Colors and exposed thickness
• BasicProgressBarBehavior now takes an optional background Fill, configurable outline thickness, foreground and background corner radii
• Stroke can now be filled with any supported Paint, instead of just Color, and now support dash offset

canvas.rect(rectangle = bounds.atOrigin.inset(10.0),
            radius = 10.0,
            stroke = Stroke(fill = LinearGradientPaint(Red, Green, Origin, Point(width, height)), thickness = 20.0))

APIs

• Deprecated CircularProgressBehavior (replaced by BasicCircularProgressBehavior)
• Stroke dashes changed to DoubleArray
• PathMetrics can now measure the bounds of a Path (in addition to size)
• Fill renamed to Paint and old usages deprecated

Bug Fixes / Improvements

• ProgressIndicator now delegates render/hit-detection to its behavior

Docs

• Added examples of Circular and Path ProgressIndicator behaviors to docs

See the full release notes for more details.