【问题标题】:Changing bottom navigation bar icon colour?更改底部导航栏图标颜色?
【发布时间】:2021-07-26 21:20:12
【问题描述】:

这是我现在底部导航栏的样子:

看起来不错吧?除此之外,现在您可以清楚地看到每个图标(或大部分都清楚),但是当您在我的设备上查看时,您几乎看不到图标。

目前我的themes.xml 中有以下内容:

...
<!-- Navigation bar colour. -->
<item name="android:navigationBarColor">@color/pink</item>
<item name="android:windowLightNavigationBar">false</item><!-- This does nothing -->
...

目前我的minSdkVersion 是 29,我的 targetSdkVersion 是 30。

如何更改图标颜色,或者如果无法更改,至少将它们设置为较深的颜色以便可以查看?

【问题讨论】:

  • 你的手机型号是什么?我认为不同手机的行为可能会有所不同。你试过在安卓模拟器上运行你的代码吗?
  • 要使图标变暗,您应该将windowLightNavigationBar 标志设置为true,而不是false
  • 我试过这样做,但不幸的是它不起作用
  • 您是否尝试在其他设备或模拟器上运行您的代码?这可能是特定于设备的问题。

标签: android android-theme android-styles android-navigation-bar


【解决方案1】:

您无法更改导航栏图标的颜色。但是你可以让它变暗或变亮。你的粉红色导航栏看起来很轻。所以,将windowLightNavigationBar 设置为true

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

【讨论】:

  • 我试过这样做,但不幸的是它不起作用
【解决方案2】:

你只能让它更轻

【讨论】:

    【解决方案3】:

    请尝试一下

     <item name="android:navigationBarColor">@android:color/white</item>
    <item name="android:windowLightNavigationBar">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    

    【讨论】:

      【解决方案4】:
      <item name="android:windowLightNavigationBar">true</item> 
      

      应该是对的。但你说它不起作用。 所以我认为你的活动还有另一个主题。

      所以,我建议,在您的活动或片段代码中,直接设置窗口标志如何。 试试下面的代码。它会使你的图标变暗

      activity.window.decorView.systemUiVisibility = (
                      or View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR
                      or View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR)
      

      【讨论】:

        【解决方案5】:

        您在 themes.xml 文件中 - 您是否尝试将其添加到 styles.xml 文件中?

        <item name="android:navigationBarColor">@color/black</item>
        

        另外,这个Styles and Themes 页面可能会对您有所帮助!他们通过示例进行了比较和很好的解释。例如,您可以像这样自定义您使用的默认主题:

        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
        </style>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2021-06-27
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多