Android Question Breadcrumbs Control

[DawningTruth]

I an trying to create a breadcrumbs control like this:

I see there is no standard way to do this in B4A, so I presume I need to write it myself.

My question is, how do you create the irregular shaped chevrons without resorting to images. Any suggestions?

 

[mcqueccu]

I currently do not create libs but I believe you should look at bitmapcreator and custom view. Those should be your starting point.
https://www.b4x.com/android/forum/t...-drawcircle-drawarc-drawimagetrapezoid.94329/


There is a component like this in b4j lib called controlsfx. Worth looking at https://www.b4x.com/android/forum/threads/controlsfx-library.50700/

 

[DawningTruth]

I currently do not create libs but I believe you should look at bitmapcreator and custom view. Those should be your starting point.
https://www.b4x.com/android/forum/t...-drawcircle-drawarc-drawimagetrapezoid.94329/


There is a component like this in b4j lib called controlsfx. Worth looking at https://www.b4x.com/android/forum/threads/controlsfx-library.50700/

Thx Mcqueccu

 

[DonManfred]

i don´t think that a controlsfx component works on Android as java.fx components are not available in Android.

 

[LucaMs]

If I'm not mistaken, that would be the classic case in which to use the (infamous) nine-patches.

Perhaps, however, the best thing would be to follow the @mcqueccu's advice, BitmapCreator.

 

[DawningTruth]

Thx All, yes I'm going to give @mcqueccu's BitmapCreator a go.

 

[Erel]

XUI Views V2.10 released with a new BreadCrumb control:

https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

 

[AnandGupta]

XUI Views V2.10 released with a new BreadCrumb control:

https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

Now, now, Erel you are too generous to some. It looks like that to me, as there are many wishes, which haven't fulfilled so fast.
Or is it the challenge which gives you the boost ?

Thanks for the new view

Regards,

Anand

 

[LucaMs]

I have to go immediately to look at the source, to know how Erel did it so quickly (it's probably time for me to go and see how to use BitmapCreator ).

Just one thing: why does the click event return the list of crumbs instead of the index of the one clicked?

 

[LucaMs]

I have to go immediately to look at the source, to know how Erel did it so quickly (it's probably time for me to go and see how to use BitmapCreator ).

Done. BitmapCreator has nothing to do with it; the method used is:

cvs.DrawPath

 

[Erel]

why does the click event return the list of crumbs instead of the index of the one clicked?

BreadCrumb <> random set of buttons.

The buttons represent a parent -> child path. It is like a specific path in a tree.
The last item might not be unique and it is also not more important than the other items above it.
Another advantage of passing a list in the event is that it is very simple to remove the items underneath the current one. It doesn't happen automatically.

B4XBreadCrumb.Items = Crumbs

 

[DawningTruth]

XUI Views V2.10 released with a new BreadCrumb control:

https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

Thx Erel, I wish this Forum had a superhero award so I could give it to you

 

[DawningTruth]

XUI Views V2.10 released with a new BreadCrumb control:

https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

@Erel, I have looked at the post and have a few very basic questions:

1. How do I actually get a copy of XUI V2.10?
2. How do I setup the view? I assume I do it through the Designer.
3. Is there a way to programmatically set the color of each chevron? For instance: Level 1 = Red Alpha 255, Level 2 = Red Alpha 220, Level 3 = Red Alpha 200 etc...

Thx your assistance is greatly appreciated.

 

[Erel]

How do I actually get a copy of XUI V2.10?

It is attached to the first post: https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

2. Add it as a custom view.
3. You can set a single color and it automatically creates the two other variants. You will need to modify the source code to change each item separately.

 

[LucaMs]

(shhh; thanks to the animated gif posted by @DawningTruth now I understand the Erel's answer to my question )

 

[DawningTruth]

It is attached to the first post: https://www.b4x.com/android/forum/threads/b4x-xui-views-cross-platform-views-and-dialogs.100836

2. Add it as a custom view.
3. You can set a single color and it automatically creates the two other variants. You will need to modify the source code to change each item separately.

Thx Erel, with the example file managed to get a workable Breadcrumb up and running.

Question: How do you edit a Lib File? I see if I double click on it, it does not open in B4A. And opening from the B4A file menu it is asking for .b4a files.

 

[Erel]

You should start a new thread for a new question.