B4A Library [B4X] [XUI] HexMenu

Cross platform hexagons menu implemented as a custom view:

Can show up to 7 items.

B4A project is attached. Class is supported by B4J and B4i as well. Depends on XUI and BitmapCreator libraries.

Example with gradient stroke:

Version with gradient stroke: https://www.b4x.com/android/forum/threads/b4x-xui-hexmenu.112410/#post-700941

 

[LucaMs]

Can show up to 7 items.

Note that in your project you "try" to add 10 items (For i = 1 To 10)

I think that they should be always 7 (or 19), to look nice.

Now it is needed to add images inside the hexagons; who will do it?

 

[Erel]

Note that in your project you "try" to add 10 items (For i = 1 To 10)

True. I added more items as a test. It ignores the 8th and above items.

Now it is needed to add images inside the hexagons; who will do it?

Shouldn't be too difficult to do. There are several ways to add images. If the images are small so you don't need to deal with clipping then the simplest way is to add ImageViews in the same way that the labels are added.

It is also not too complicated to deal with clipping. It can be done by drawing with bc.DrawPath2 and a BCBrush that is based on a BitmapCreator.

 

[LucaMs]

Shouldn't be too difficult to do. There are several ways to add images. If the images are small so you don't need to deal with clipping then the simplest way is to add ImageViews in the same way that the labels are added.

As you know, I'm lazy , so I used a single image and I didn't manage the labels (superimpose them on the ImageViews or set a LabelsOnly property, for example).

 

[LucaMs]

As you know, I'm lazy , so I used a single image and I didn't manage the labels (superimpose them on the ImageViews or set a LabelsOnly property, for example).

I rested sufficiently

Now you can choose the "menu item type": image, text or both (it's a property).

 

[ThePuiu]

It is possible to add to the text and an image (FontAwesome)? Something like the attached image

 

[LucaMs]

It is possible to add to the text and an image (FontAwesome)? Something like the attached image

The list of labels is public. You can write what and how you want

In version 2.1 I changed the labels' text color (project code).

 

[LucaMs]

Anyway to get a similar image you should change the HexMenu custom view.

 

[Erel]

Example with gradient stroke and font awesome icons:

 

[LucaMs]

Now I shoud mix your last example (gradient), also adding properties for the 2 colors, with my version (images)!

Mi piacerebbe ma non mi va (italian)

 

[ThePuiu]

Thanks Erel! In B4I a number appears instead of the icon.

 

[Erel]

Change:

${Chr(0xF17B)}

To:

${"" & Chr(0xF17B)}

 

[LucaMs]

Now I shoud mix your last example (gradient), also adding properties for the 2 colors, with my version (images)!

Done.
Added also a property for the stroke gradient orientation.

 

[amidgeha]

I have one of the hexmenu buttons that opens a browser using

StartActivity(xph.OpenBrowser("http://mechanicalpowergen.com"))

when I press back the button text disappears when I press any other button in hexmenu.

 

[amidgeha]

Cross platform hexagons menu implemented as a custom view:

Can show up to 7 items.

B4A project is attached. Class is supported by B4J and B4i as well. Depends on XUI and BitmapCreator libraries.

Example with gradient stroke:

Version with gradient stroke: https://www.b4x.com/android/forum/threads/b4x-xui-hexmenu.112410/#post-700941

I have one of the hexmenu buttons that opens a browser using

StartActivity(xph.OpenBrowser("http://mechanicalpowergen.com"))

when I press back the button text disappears when I press any other button in hexmenu.

 

[Erel]

Add Sleep(120) before you call StartActivity. It will allow it to finish the state transition.

 

[watesoft]

Add Sleep(120) before you call StartActivity. It will allow it to finish the state transition.

How to hide one or more cells?

 

[LucaMs]

How to hide one or more cells?

I'm not sure (I don't remember the code) but I fear that you have to "rebuild" all

 

[RUNO]

Can I put image for hexmenu like background not for items , how?

 

[Peter Simpson]

This is absolutely excellent @Erel, If I can ever use this in any future client projects as a legitimate startup menu screen then you can be rest assured that I will

Thank you...