Skip to main content

Arc

Displays a colored arc.

component Arc

Example​

import { Arc } from ui

export var main = Arc(
  color: Color(0xFFFF5F52),
  angle: Angle(degrees: 270),
  thickness: 9,
)

Arc Example

Constructor​

constructor(color: Color, angle: Angle = Angle(degrees: 360.0), start_angle: Angle = Angle(degrees: 0.0), thickness: Float = 4.0)
color: Color

The fill color.

See Color

angle: Angle = Angle(degrees: 360.0)

The span. A positive value rotates clockwise.

start_angle: Angle = Angle(degrees: 0.0)

Offsets the start. A positive value rotates clockwise. Zero degrees is at 3 o'clock.

thickness: Float = 4.0

The line width.

Layout Behavior​

Fills the smaller dimension of the available area to preserve its aspect ratio. If the available area is smaller than the minimum size needed to draw the arc, it will clip its thickness to the available area.