–
CIRCULAR PROGRESS EXTENSION
Description
Very simple extension based on Tim Qi’s library, to create a circular ring progress or sector progress view.
Methods
-
CreateRing: Method for creating a Circular Ring Progress View. Parameters: Arrangement input: Arrangement where the Circular Ring will be displayed. Number percent: Number with the percent of completion (from 0 to 100) of the task. Note: The size of the circular progress will be the same as the arrangement where it will be displayed.
-
CreateSector: Method for creating a Circular Ring Progress View. Parameters: Arrangement input: Arrangement where the Circular Sector will be displayed. Number percent: Number with the percent of completion (from 0 to 100) of the task. Note: The size of the circular progress will be the same as the arrangement where it will be displayed.
Properties
Circular Ring Progress
-
RingBgColor: Specifies and returns the color of the circular ring background. Also available in Designer Properties. Default: Light Gray.
-
RingFgColorStart: Specifies and returns the color of the circular ring stroke’ start. Also available in Designer Properties. Default: Orange.
-
RingFgColorEnd: Specifies and returns the color of the circular ring stroke’s end. Also available in Designer Properties. Default: Red.
-
RingPercent: Specifies and returns the percent of completion (from 0 to 100) of the task. Also available in Designer Properties. Default: 0.
-
RingStartAngle: Specifies and returns the start angle of the ring’s stroke (from 0 to 360). Also available in Designer Properties. Default: 0.
-
RingStrokeWidth: Specifies and returns the width of the ring’s stroke. Also available in Designer Properties. Default: 15.
Circular Sector Progress
-
SectorBgColor: Specifies and returns the color of the circular sector background. Also available in Designer Properties. Default: Light Gray.
-
SectorFgColor: Specifies and returns the color of the sector indicator. Also available in Designer Properties. Default: Orange.
-
SectorPercent: Specifies and returns the percent of completion (from 0 to 100) of the task. Also available in Designer Properties. Default: 0.
-
SectorStartAngle: Specifies and returns the start angle of the sector start (from 0 to 360). Also available in Designer Properties. Default: 0.
Known issues
- In the sector progress, when the percent is set to zero (0), and the start angle is different from zero (0), the background is set to the same color than the sector indicator.
- Setting a different background or foreground color during runtime won’t update the already created sector view. To update it, it is necessary to run the CreateSector method again.
Example
Downloads
.AIX: com.pedroza.CircularProgress.aix (17,6 KB)
.APK: CircularProgressExtension.apk (2,2 MB)
Price
It took less than a day to sponsor this extension with likes! Wow! Great job guys!
Thank you for your support!
For more features or customization, send a PM for princing information.
https://www.paypal.me/DrCarlosPedroza
Pedroza’s Extension
Here is the list with all the extensions I’ve published so far:
- Polylines Tool Extension: Available at Thunkable.
- PedrozaSQLite Extension: Available at: AppyBuilder.
- Rating Bar Dialog (with Andres Cotes). Available at: AppyBuilder.
- PedrozaThumbnail Extension: Available at: AppyBuilder.
- Firebase AddOn Extension. Available at AppyBuilder (to be sponsored).
- PedrozaGlide Extension: Available at AppyBuilder.
- MaterialCards (with Andrés Cotes): Available at AppyBuilder
- Circular Progress Extension: This one!.
Upcoming SneakPeek
-
TickView extension In development, final testing.
- Picasso Extension: In development, adding more features.