Android Question [Solved] Ideas to create a [B4X] stories progress - like Instagram and WhatsApp

[asales]

I saw this lib:

StoriesProgressView

A wrapper for this https://github.com/shts/StoriesProgressView StoriesProgressView Author: SMM Version: 0.01 StoriesProgressViewWrapper Events: _onComplete _onNext Fields: ba As BA Methods: BringToFront Destroy Very important ! in activity destroy Initialize (EventName As String)...

www.b4x.com

based in this:

GitHub - shts/StoriesProgressView: show horizontal progress like instagram stories.

show horizontal progress like instagram stories. Contribute to shts/StoriesProgressView development by creating an account on GitHub.

github.com

I want to create a B4X progress to show the stories, like I can see in Inatagram and WhastApp stories.
It is a line that has separators (that is created accordally with the quantities of stories) and change the colors after a few seconds.

Which could be the best approach?
- create several panels inside one panel (line)?
- use canvas to draw the lines?
- do I need a timer to change the progress, correct?
- I check the 'onComplete' event (to move to the other story) in the timer?

Any tips are welcome.
Thanks in advance.

 

[zed]

Maybe with this.

BubbleSeekbar

Got something from this https://github.com/woxingxiao/BubbleSeekBar BubbleSeekbar Author: SMM Version: 1.34 BubbleSeekbar Events: getprogressonactionup (progress As Int, progressfloat As Float) getprogressonfinally (progress As Int, progressfloat As Float, fromUser As Boolean)...

www.b4x.com

 

[asales]

Maybe with this.

BubbleSeekbar

Got something from this https://github.com/woxingxiao/BubbleSeekBar BubbleSeekbar Author: SMM Version: 1.34 BubbleSeekbar Events: getprogressonactionup (progress As Int, progressfloat As Float) getprogressonfinally (progress As Int, progressfloat As Float, fromUser As Boolean)...

www.b4x.com

Thanks, but this lib is only to B4A.
I'm looking for a lib that is B4X.

 

[Alexander Stolte]

I'll give it a shot.
I'll use the code base from the jPager.

 

[asales]

I'll give it a shot.
I'll use the code base from the jPager.

I think I could use your lib ASViewPager together with this lib:

[B4X] [XUI] B4XProgressBar - cross platform progress bar

A cross platform progress bar with built-in animation. Similar to: https://www.b4x.com/android/forum/threads/b4x-xui-custom-view-circularprogressbar.81604/#content You can change the colors, thickness and orientation.

www.b4x.com

Puting several progress accordally with the number of pages.

 

[Alexander Stolte]

I just need to write the logic for the Progress, then it will be ready..

 

[Alexander Stolte]

Done.

[B4X] [XUI] AS Stories

Library that shows a horizontal progress like Instagram stories. You can add your own layout like on the AS_ViewPager. The AS_Stories supports lazy loading too. I spend a lot of time in creating views, like this and to create a high quality view cost a lot of time. If you want to support me and...

www.b4x.com

 

[asales]

Thanks!
I bought you a coffee:
PayPal Transaction ID = 4K1485758H7154044