Hello sketchware coders,
Today I am telling you about how to use cool progress bar in sketchware. This is an implementation of material progressview library in sketchware.
View area
In view area add a linear and then convert it to com.moos.library.HorizontalProgressView, use com.moos.library.CircleProgressView if you want Circle progress view.
In my case I am using horizontal progress view.
If you don't want to display progress text then use inject option.
And paste this code app:progressTextVisibility="false" but if you want to to enable it then do not paste any code and also you will not need to to add true attribute. It is enabled by default.
On Create event
In on create add a add source directly block
And now paste the following code in it.
horizontalProgressView.setStartProgress(0); horizontalProgressView.setEndProgress(100); horizontalProgressView.setStartColor(Color.parseColor("#FF8F5D")); horizontalProgressView.setEndColor(Color.parseColor("#F54EA2")); horizontalProgressView.setTrackWidth(5); horizontalProgressView.setProgressDuration(3000); horizontalProgressView.setTrackEnabled(false); horizontalProgressView.setProgressCornerRadius(20); horizontalProgressView.setProgressTextPaddingBottom(12); horizontalProgressView.startProgressAnimation();
You can change all value and see the magic.
Library
You need to have material Progressview library for all this work if you have it then enable it from library manager.
And if you not have this than simply download it from this link.
For circle progressbar in sketchware
For circle progressbar there is all same process only you need to do one different step. You have to use com.moos.library.CircleProgressView if you want Circle progress view. After that all steps are same.