Android Question Breadcrumbs Control

DawningTruth · Jun 1, 2019

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 · Jun 1, 2019

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 · Jun 1, 2019

mcqueccu said:
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 · Jun 1, 2019

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

LucaMs · Jun 1, 2019

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 · Jun 1, 2019

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

Erel · Jun 2, 2019

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 · Jun 2, 2019

Erel said:
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 · Jun 2, 2019

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 · Jun 2, 2019

LucaMs said:
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 · Jun 2, 2019

LucaMs said:
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.

B4X:

B4XBreadCrumb.Items = Crumbs

DawningTruth · Jun 3, 2019

Erel said:
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 · Jun 3, 2019

Erel said:
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 · Jun 3, 2019

DawningTruth said:
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 · Jun 3, 2019

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

DawningTruth · Jun 6, 2019

Erel said:
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 · Jun 7, 2019

You should start a new thread for a new question.

Android Question Breadcrumbs Control

DawningTruth

Active Member

mcqueccu

Well-Known Member

DawningTruth

Active Member

DonManfred

Expert

LucaMs

Expert

DawningTruth

Active Member

Erel

B4X founder

AnandGupta

Expert

LucaMs

Expert

LucaMs

Expert

Erel

B4X founder

DawningTruth

Active Member

DawningTruth

Active Member

Erel

B4X founder

LucaMs

Expert

DawningTruth

Active Member

Erel

B4X founder

Similar Threads

Android Question Breadcrumbs Control

Active Member

Well-Known Member

Active Member

Expert

Expert

Active Member

B4X founder

Expert

Expert

Expert

B4X founder

Active Member

Active Member

B4X founder

Expert

Active Member

B4X founder

Similar Threads

Privacy & Transparency

Privacy & Transparency