nalu-maui-controls

star 232

Nalu.Maui.Controls: InteractableCanvasView (touch-enabled SkiaSharp) and DurationWheel (TimeSpan? picker). Use when adding touch handling to a canvas or a duration input control.

nalu-development By nalu-development schedule Updated 3/2/2026

name: nalu-maui-controls description: Nalu.Maui.Controls: InteractableCanvasView (touch-enabled SkiaSharp) and DurationWheel (TimeSpan? picker). Use when adding touch handling to a canvas or a duration input control.

Nalu.Maui.Controls

Cross-platform controls: touch-enabled canvas and duration picker.

When to use

  • InteractableCanvasView: SkiaSharp drawing with touch events; stop propagation so parent (e.g. ScrollView) does not scroll.
  • DurationWheel: Let the user enter a duration by spinning a wheel (e.g. in a popup).

InteractableCanvasView

Inherits from SkiaSharp SKCanvasView; overridable touch handlers and optional propagation stop.

Override in subclass:

  • OnTouchPressed(TouchEventArgs p)
  • OnTouchReleased(TouchEventArgs p)
  • OnTouchMoved(TouchEventArgs p)

In handlers: args.Position for location; args.StopPropagation() to prevent parent (e.g. ScrollView) from handling the gesture.

Note: API is experimental and may change.

DurationWheel

TimeSpan? control; user spins a wheel to set duration. Bindable: Duration, WholeDuration, MaximumDuration. Theming: colors (e.g. OuterBackgroundColor, InnerBackgroundColor, MarkersColor, HighValueColor, LowValueColor), ValueWidth. Events: RotationStarted, RotationEnded.

<nalu:DurationWheel
    Duration="{Binding Duration}"
    WholeDuration="{Binding WholeDuration}"
    MaximumDuration="{Binding MaxDuration}"
    RotationEnded="DurationWheel_OnRotationEnded"
    RotationStarted="DurationWheel_OnRotationStarted" />

Additional context

Install via CLI
npx skills add https://github.com/nalu-development/nalu --skill nalu-maui-controls
Repository Details
star Stars 232
call_split Forks 13
navigation Branch main
article Path SKILL.md
More from Creator
nalu-development
nalu-development Explore all skills →