在 Android 上更改导航栏图标颜色

Question

I need to change the navigation bar on android. Just like the 'light' variant on the right in the image below as given in https://www.google.co.in/design/spec/layout/structure.html#structure-system-bars .

Now, I can change the background of the navigation bar by using

"android:navigationBarColor"

I get

but there seems to be no way changing the button color to dark.

Anyone has the idea how to do it.

PS:

While researching in AOSP for the classes responsible for NavigationButtons, I could find NavigationBarView.java , PhoneStatusBar.java , PhoneWindowManager.java , navigation_bar.xml .

I was thinking of get reference of the drawable for the navigationbar buttons like ic_sysbar_recent and change their tint. But these are private and I cannot get their reference.

Also, I have seen people using xposed library to do it L-NAVBAR , but I don't want to use any external library.

Answer 1

If you are using API 27 (Android 8.1) or greater, you can achieve it with this in your theme:

<item name="android:windowLightNavigationBar">true</item>

You can create a folder called values-v27 and place a version of your theme (in styles.xml) with a light navigation bar and the above code to get dark navigation bar buttons.
This way, users with Android 8.0 or lower will get the standard (black) navigation bar while users with Android 8.1 or greater will get a white navbar with dark buttons.

Answer 2

Starting from Android O it gets really straightforward, as you could just:

View.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR);

For this to take effect, the window must request FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS but not FLAG_TRANSLUCENT_NAVIGATION.

Documentation: https://developer.android.com/reference/android/view/View.html#SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR

Answer 3

You can adjust windowLightNavigationBar = true/false and navigationBarColor = @color/yourColorId

so there're 4 cases, I've made an experiment:

In short, you don't want windowLightNavigationBar= false while navigationBarColor=White

or

windowLightNavigationBar= true while navigationBarColor=Black (this will be wired on SOME devices)

Answer 4

If your targeted user Api level is 27 or Higher just use this line in your AppTheme

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">       
    <item name="android:windowBackground">@color/your_color</item>                
</style>

But if your targeted user api level is less 27 and higher you can you these line

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">       
    <item name="android:windowBackground">@color/your_color</item>
    <item name="android:windowLightNavigationBar" tools:targetApi="27">true</item>            
</style>

By doing so, The user having API level 27 or higher get changed-color of BottomNav icon, but the user having API level less than 27, can't enjoy these feature

Answer 5

    // IF your want code in Activity :

    // if you want navigation-bar icon color drak.

        getWindow().setNavigationBarColor(getContext().getResources().getColor(R.color.white));
        View view = getWindow().getDecorView();
        view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR);

    // if you want navigation-bar icon color white.

        getWindow().setNavigationBarColor(getContext().getResources().getColor(R.color.black));
        View view = getWindow().getDecorView();
        view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
    

    // IF your want code in Fragment :

    // if you want navigation-bar icon color drak.

        getActivity().getWindow().setNavigationBarColor(getContext().getResources().getColor(R.color.white));
        View view = getActivity().getWindow().getDecorView();
        view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR);

    // if you want navigation-bar icon color white.

        getActivity().getWindow().setNavigationBarColor(getContext().getResources().getColor(R.color.black));
        View view = getActivity().getWindow().getDecorView();
        view.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
    }

Answer 6

If you are looking for a simple java method. The following code works

public static void setStatusBarColor(Activity A , int color , int color2 , boolean darkIcon) {
   
      if (A != null && !A.isFinishing()) {

           Window window = A.getWindow();

           window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

           window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
           
           if(darkIcon){
                window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR);
           }else {
                window.getDecorView().setSystemUiVisibility(0);
           }

           window.setStatusBarColor(ContextCompat.getColor(A, color));
           window.setNavigationBarColor(ContextCompat.getColor(A,color2));

      }
 }

Inside Activity

  @Override
protected void onDestroy() {
    super.onDestroy();
    C.setStatusBarColor(this ,R.color.bg , R.color.navcolor ,false);
}

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    C.setStatusBarColor(this ,R.color.bg , R.color.bg,true);
    setContentView(R.layout.activity_teams_players);
}

Answer 7

From what I can tell, those Icons are part of com.android.systemui, which is why you need root + patch or injection (like Xposed) to be able to change them.

Consider it from a different perspective. One possibility might be setting the theme for that activity to light or dark, then programmatically setting the background color of the bar. One of those themes should have the dark icons.

Another alternative could be to hide the bar altogether https://developer.android.com/training/system-ui/navigation.html

and then create a second Toolbar on the bottom with your own buttons.

Answer 8

Simply add This line you are ok while the app is running

val navView: BottomNavigationView = findViewById(R.id.nav_view)
    navView.itemIconTintList = null