B4i Library iCircularProgress- circular progress bar

Name: iCircularProgress

Version: 1.11

Description: iCircularProgress allows you to add circular progress bars to your app's layout

Picture:

Spoiler: Example App

Documentation:

Spoiler: iCircularProgress

Events:

• _AnimationProgressChanged (Progress As Float)
  
• _AnimationFinish

Methods:

• Initialize (EventName As String, Panel As Object, Left As Float, Top As Float, Radius As Float)
• SetProgress: (Progress As Float, DurationMS As Int)
• AddProgress: (Progress As Float, DurationMS As Int)
• SubtractProgress: (Progress As Float, DurationMS As Int)

Properties:

• MarginTop As Float
  
• MarginLeft As Float
  
• Radius As Float
• LineWidth As Float
• CountdownMode As Boolean
  
• InAnimation As Boolean
• FilledColor As Int
  
• UnfilledColor As Int
  
• Progress As Float [read only]
• Panel As Object [read only]

Notes/Tips:

• the method SetProgress sets the start progress automatically to 0 in the normal mode an 1 in the countdown mode
• all views on the panel which is used by CircularProgress will be removed

Download "iCircularProgress 1.11.zip": http://bit.ly/2xAU4FV

Feel free to ask questions

 

[Erel]

Thank you. I've uploaded it to the online builders.

 

[narek adonts]

Is there a way to get the CircularProgress as a View ?

 

[JanPRO]

You can use the Panel property.

 

[narek adonts]

the panel property return the parent panel as I understood

 

[JanPRO]

Right. Maybe you can explain what do you want to do?

 

[narek adonts]

Its ok ) i didnt new that I have to add an individual panel for it. solved.

Another question.

How can I stop the progress animation. For example when touch down progress start and on touch up progress stop.

 

[JanPRO]

Currently you can't stop an animation, but this method will be added.

Do you also need a ContinueAnimation method, so that you can continue an animation after you stop it?

 

[Alberto Iglesias]

You can try this library

https://www.b4x.com/android/forum/t...lar-with-stop-blur-small-big-and-colors.57847

 

[tufanv]

Currently you can't stop an animation, but this method will be added.

Do you also need a ContinueAnimation method, so that you can continue an animation after you stop it?

Dear Jan,

when i add this to an individual panel , i cant show any progress. When i set the progress to 25 it shown nothing but when i put it to 30 it shows full progress every time. Any ideaas ? also i add this to individiuıal panel but it messes up my another panel ( which is the mother of circular's panel )

 

[JanPRO]

Hi,
SetProgress:

Sets the progress (0 To 1) of the circle; set DurationMS to 0 for no animation

 

[JonPM]

Looks great. Thanks!

 

[tufanv]

Hi,
SetProgress:

Works perfect now !! Thank you for this great tool !!

 

[Taha]

• all views on the panel which is used by CircularProgress will be removed

Then, it is not possible to add a label inside the circle?​

 

[JanPRO]

Hi,

it is possible, but you can't use the Panel you get from the Panel property for it, for example:

    Dim Pn As Panel
    Pn.Initialize("")
    Pn.Color = Colors.Black
   
    Dim CirProPn As Panel = CirPro.Panel
    CirProPn.AddView(Pn,0,0,20,20)
    CirPro.AddProgress(0.5,2000) 'After calling this method the "Pn" Panel will be removed

Jan

 

[Taha]

Jan, frankly speaking, I couldn't get the iCircularProgress to work. During runtime the circle doesn't fill by either AddProgress or SetProgress. I update the progress in cycle and can see it is going from 0 to 1. Can you show a sample?

 

[JanPRO]

Do you have tested the example?

 

[Taha]

Yes, but there is no updating the progress in cycle (for-next). I put iCircularProgress onto separate panel. Nothing moves, it shows full circle only after the cycle ends.

 

[JanPRO]

And you didn't have changed something in the example project (besides the package name)?

 

[Taha]

No