Android Question Change the Navigation Bar Color with Transparent Status Bar

[Keith Yong]

https://www.b4x.com/android/forum/threads/how-to-apply-gradient-to-status-bar.93713/#post-592983

Hi, I'm follow the above link to set the status bar become transparent, but I'm not able to change the Navigation Bar colour, it become black colour. May I know how can I make it works for both

jo.RunMethodJO("getWindow", Null).RunMethod("setNavigationBarColor", Array(Colors.RGB(28,49,58)))

 

[Erel]

Not sure that I understand. Can you post a screenshot and an image with the desired colors?

 

[Keith Yong]

Not sure that I understand. Can you post a screenshot and an image with the desired colors?

Hi Erel,

As you can see the image uploaded, I would like to change the navigation bar colour and status bar transparent. The following code doesn't work to change navigation bar colour

        Dim jo As JavaObject
        jo.InitializeContext
        
        Dim window As JavaObject = jo.RunMethod("getWindow", Null)
        window.RunMethod("addFlags", Array(Bit.Or(0x00000200, 0x08000000)))
        jo.RunMethodJO("getWindow", Null).RunMethod("setNavigationBarColor", Array(Colors.RGB(28,49,58)))

 

[Erel]

Immersive mode will probably be simpler to implement: https://www.b4x.com/android/forum/threads/90882/#content ?

Does the navigation bar color change if you don't call addFlags?

 

[Keith Yong]

Immersive mode will probably be simpler to implement: https://www.b4x.com/android/forum/threads/90882/#content ?

Does the navigation bar color change if you don't call addFlags?

if don't call addFlags, navigation bar can change colour but status bar does not transparent.

if call addFlags, navigation bar cannot change colour, always show as black.

 

[Erel]

The activity view is probably too short so it looks black. I cannot test it right now but try to increase the activity height (in the code).

 

[Keith Yong]

The activity view is probably too short so it looks black. I cannot test it right now but try to increase the activity height (in the code).

Hi Erel, As you can see the attachment images. One screen with bigger Height (unnamed) and another one is normal screen without navigation height(unnamed-2).

I wish to change the navigation colour, instead of having semi transparent. May I know how can I achieve that?

 

[Erel]

It would be easier if you upload a small project with the relevant code.

 

[Keith Yong]

It would be easier if you upload a small project with the relevant code.

Hi Erel, I have uploaded the project.

 

[Erel]

This is the best I got:

Sub Activity_Create(FirstTime As Boolean)
   Dim p As Phone
   If p.SdkVersion >= 4.4 Then
       Dim jo As JavaObject
       Dim window As JavaObject = jo.InitializeContext.RunMethod("getWindow", Null)
       window.RunMethod("addFlags", Array(Bit.Or(0x00000200, 0x08000000)))
       Activity.Height = Activity.Height + 80dip   
       Dim pnl As Panel
       pnl.Initialize("")
       pnl.Color = Colors.Red
       Activity.AddView(pnl, 0, Activity.Height + 24dip, 100%x, 80dip)
   End If
   Activity.LoadLayout("1")
End Sub

 

[Keith Yong]

Thanks Erel, I believe this best way to work on it.