Android Question AddMenuItem with logo file

[Picon]

Hi everyone

My goal is to add a png logo to the menu bar. I experimentally moved the logo to the center using empty spaces - see code line 6:

    Dim mi As B4AMenuItem = B4XPages.AddMenuItem(Me, "2")
    mi.AddToBar = True
    'mi.Bitmap = xui.LoadBitmapResize(File.DirAssets, "blue_01A.png", 129, 80, False)
    mi.Bitmap = xui.LoadBitmap(File.DirAssets, "blue.png")
     
    mi = B4XPages.AddMenuItem(Me, "                       ")
    mi.AddToBar = True
     
    mi = B4XPages.AddMenuItem(Me, "Setings")
    mi.AddToBar = True

Is there any other method to add a png file to the menu bar in the center?

The image is barely visible, and trying to resize it didn't produce the desired results. My original png file is 4084 x 2534 pixels (156KB), so it's large, and in the menu, you practically have to look at it through a magnifying glass.

Does anyone have any ideas?

 

[TILogistic]

?

Set a logo as title instead of text

Goodday to all How can i set a logo as a title without set title to False? I tried this without success Dim logo As Bitmap = LoadBitmap(File.DirAssets, "icon.png") B4XPages.SetTitle(Me, logo)

www.b4x.com

 

[TILogistic]

more

Title Bar - how to colour some text ?

On the title bar of my app I have strings that inform the user about the app status One of these information is Connected / Disconnected Something like "Connected 10 tel:01234567 Wifi:OK .." I would like to be able to change only the text (or background) color only of the word Connected in...

www.b4x.com

 

[TILogistic]

other:

B4XPages menu items spacing

Experimenting with the B4XPages example Menu Badges: https://www.b4x.com/android/forum/threads/b4x-b4xpages-menu-badges.133301/ How can I get the menu items closer together? This is my amended code sofar from that example: 'This event will be called once, before the page becomes visible...

www.b4x.com

 

[Picon]

&TILogistic,​

thank you so much for the quick reply...
For B4A, "cs As CSBuilder" is perfect. It works and is exactly what I was looking for.

However, as always, there's always a problem:

In B4A, there's no "cs.Image" option. You can load png files from the designer, but there are only five options: Top Right #1 ... #5
None of them completely displays the image on the left or in the center.

 

[TILogistic]

&TILogistic,​

thank you so much for the quick reply...
For B4A, "cs As CSBuilder" is perfect. It works and is exactly what I was looking for.

However, as always, there's always a problem:

In B4A, there's no "cs.Image" option. You can load png files from the designer, but there are only five options: Top Right #1 ... #5
None of them completely displays the image on the left or in the center.

Upload an example that demonstrates what you want to do.

 

[jameshouser]

Hi everyone

My goal is to add a png logo to the menu bar. I experimentally moved the logo to the center using empty spaces - see code line 6:

    Dim mi As B4AMenuItem = B4XPages.AddMenuItem(Me, "2")
    mi.AddToBar = True
    'mi.Bitmap = xui.LoadBitmapResize(File.DirAssets, "blue_01A.png", 129, 80, False)
    mi.Bitmap = xui.LoadBitmap(File.DirAssets, "blue.png")
    
    mi = B4XPages.AddMenuItem(Me, "                       ")
    mi.AddToBar = True
    
    mi = B4XPages.AddMenuItem(Me, "Setings")
    mi.AddToBar = True

Is there any other method to add a png file to the menu bar in the center?

The image is barely visible, and trying to resize it didn't produce the desired results. My original png file is 4084 x 2534 pixels (156KB), so it's large, and in the menu, you practically have to look at it through a magnifying glass. geometry dash lite

Does anyone have any ideas?

Hello, You can’t truly center or enlarge a PNG in the default menu bar — Android auto-scales menu icons to ~24–32 dp. To control size and position, create a custom Toolbar or Panel and add an ImageView for your logo instead.

 

[TILogistic]

Hello, You can’t truly center or enlarge a PNG in the default menu bar — Android auto-scales menu icons to ~24–32 dp. To control size and position, create a custom Toolbar or Panel and add an ImageView for your logo instead.

?

AddManifestText(
<resources>
    <style name="MyAppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="actionBarSize">64dp</item>
    </style>
</resources>
)

 

[Picon]

Hi
Currently my code looks like this:

Dim cs As CSBuilder
    cs.Initialize
    cs.Image(LoadBitmap(File.DirAssets, "blue.png"), 65dip, 40dip, False)
    cs.Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160)).Append(Chr(160))
    cs.VerticalAlign(-8dip)
    cs.Append("Word word")   'my title
    cs.PopAll
    B4XPages.SetTitle(Me, cs)
    
    Dim mi As B4AMenuItem = B4XPages.AddMenuItem(Me, "Setings")
    mi.AddToBar = True

The n4 line causes my title to be centered (not perfect), but that's okay.
My "Settings" option is completely to the right.

With a wider phone screen or in landscape orientation, it will probably be slightly to the left, but my app only works in portrait mode, so that's acceptable.

Since I still have doubts about B4i, I moved this thread to the iOS questions section:

Menu with logo file

My goal is to position the png file (logo) on the left side of the menu, the title in the middle of the menu, and the "Settings" option on the right side of the menu bar. in B4i in the designer I did this: This way, my logo is completely shifted to the left, the "Word Word" page title is...

www.b4x.com