Indicators, Progress & Gauges · jdashboardUI 23.5 · B4J / JavaFX
Arc gauge/progress with indicator, Half Circle / Full Circle mode, title and animated value.
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
- PNG export
- Configurable animation
- Configurable title
- Click interaction
- Animated value
When to use it
Arc gauge/progress with indicator, Half Circle / Full Circle mode, title and animated value.
Designer Properties
| Property | Type | Default | Description |
|---|---|---|---|
| MinValue | Float | 0 |
|
| MaxValue | Float | 100 |
|
| IndicatorLength | Int | 20 |
|
| IndicatorColor | Color | 0xFFFF5555 |
|
| StrokeWidth | Int | 10 |
|
| Duration | Int | 3000 |
Milliseconds |
| GaugeType | String | Half Circle |
|
| Title | String | Gauge |
|
| TitleColor | Color | 0xFF000000 |
|
| TitleFontSize | Int | 16 |
Size in dip |
| InitialValue | Float | 0 |
Creation and lifecycle
Private JGaugeProgress1 As JGaugeProgress
JGaugeProgress1.Initialize(Me, "JGaugeProgress1")
JGaugeProgress1.AddToParent(Root, 20dip, 20dip, 360dip, 260dip, 0xFFFF5555)
Working example
JGaugeProgress1.ValueMin = 0
JGaugeProgress1.ValueMax = 100
JGaugeProgress1.GaugeType = "Half Circle"
JGaugeProgress1.Title = "Performance"
JGaugeProgress1.CurrentValue = 76
Normalized B4X properties
Compatible public getX/setX accessors are presented as normal B4X properties. Parameterized accessors remain documented as methods.
| Property | Access | Type |
|---|---|---|
| CurrentValue | read / write | Float |
| WidthStroke | read / write | Int |
| ValueMin | read / write | Float |
| ValueMax | read / write | Float |
| LengthIndicator | read / write | Int |
| ColorIndicator | read / write | Int |
| AnimationDuration | read / write | Int |
| GaugeType | read | String |
| Title | read / write | String |
| TitleColor | read / write | Int |
| TitleFontSize | read / write | Int |
| TypeGauge | write | String |
Events
ValueChanged (NewValue As Float)MouseClicked
Export and rendering
When the module exposes SaveAsPNG / SavePNG, the rendered control can be saved directly to PNG. Check the returned Boolean when provided.
Source-backed notes for the analyzed version
- Gauge type can be Half Circle or Full Circle. ValueChanged and MouseClicked events are declared.
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, ColorIndicator As Int)setCurrentValue(v As Float)getCurrentValue() As FloatSaveAsPNG(Dir As String, FileName As String, BackgroundColor As Int) As BooleansetWidthStroke(Width As Int)getWidthStroke() As IntsetValueMin(Value As Float)getValueMin() As FloatsetValueMax(Value As Float)getValueMax() As FloatsetLengthIndicator(Length As Int)getLengthIndicator() As IntsetColorIndicator(Color As Int)getColorIndicator() As IntsetAnimationDuration(Duration As Int)getAnimationDuration() As IntsetTypeGauge(TypeGauge As String)getGaugeType() As StringsetTitle(Text As String)getTitle() As StringsetTitleColor(Color As Int)getTitleColor() As IntsetTitleFontSize(Size As Int)getTitleFontSize() As Int
Related components
- jGauge
- JCircularProgressBar