Indicators, Progress & Gauges · jdashboardUI 23.5 · B4J / JavaFX
Classic circular progress indicator with two-color gradient, empty color, center text and animation.
The image shown on this page is a documentation reference visual. It is not intended to be a pixel-perfect screenshot; the real result depends on size, theme, colors and data.
Highlights
- Configurable animation
- Animated value
When to use it
Classic circular progress indicator with two-color gradient, empty color, center text and animation.
Designer Properties
| Property | Type | Default | Description |
|---|---|---|---|
| FirstColor | Color | #FFA9D8FF |
Color for the progress bar's start. |
| SecondColor | Color | 0xFF004884 |
Color for the progress bar's end. |
| ColorEmpty | Color | 0xFFE4DADA |
Color for the empty part of the progress bar. |
| StrokeWidth | Int | 10 |
Width of the progress bar stroke. |
| Duration | Int | 3000 |
Animation duration in milliseconds. |
| TextSize | Int | 16 |
Font size of the central text. |
| TextColor | Color | 0xFF000000 |
Color of the central text. |
Creation and lifecycle
Private jdashboard_CircularProgressBar1 As jdashboard_CircularProgressBar
jdashboard_CircularProgressBar1.Initialize(Me, "jdashboard_CircularProgressBar1")
jdashboard_CircularProgressBar1.AddToParent(Root, 20dip, 20dip, 180dip, 180dip, 0xFFA9D8FF, 0xFF004884, 10dip, 16, xui.Color_White)
Working example
jdashboard_CircularProgressBar1.TextSize = 18
jdashboard_CircularProgressBar1.TextColor = xui.Color_White
jdashboard_CircularProgressBar1.Value = 68
Normalized B4X properties
Compatible public getX/setX accessors are presented as normal B4X properties. Parameterized accessors remain documented as methods.
| Property | Access | Type |
|---|---|---|
| Value | read / write | Float |
| ColorEmpty | read / write | Int |
| TextColor | read / write | Int |
| TextSize | read / write | Int |
| TextFont | read / write | B4XFont |
Events
ValueChange(value As Float)
Export and rendering
This component does not expose a public PNG export function in the analyzed version.
Source-backed notes for the analyzed version
- The API below was extracted from the actual module source.
Complete public API
Initialize(Callback As Object, EventName As String)DesignerCreateView(Base As Object, Lbl As Label, Props As Map)AddToParent(Parent As B4XView, l As Int, t As Int, w As Int, h As Int, FirstColor As Int, SecondColor As Int, StrokeWidth As Int, Text_size As Int, Text_Color As Int) As B4XViewsetTextSize(Size As Int)setTextColor(Color As Int)setTextFont(Font As B4XFont)setValue(NewValue As Float)getValue() As FloatsetColorEmpty(Color As Int)getColorEmpty() As IntgetTextColor() As IntgetTextSize() As IntgetTextFont() As B4XFont
Related components
- JCircularProgressBar
- JGaugeProgress