Android-深色模式问题:黑色背景上的黑色文本 [英] Android - Dark mode issue: black text on dark background

查看:48
本文介绍了Android-深色模式问题:黑色背景上的黑色文本的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

当我启用黑暗模式时,我的应用程序上的一些菜单看起来很糟糕:非常暗的背景上有黑色文本。我完全是色彩方面的初学者。

我还没有接触过Android studio的默认颜色设置,所以我有两个默认的主题XMLs和Color XML:

     <resources xmlns:tools="http://schemas.android.com/tools">
     <!-- Base application theme. -->
     <style name="Theme.TestSS" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/purple_500</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
         <item name="colorOnPrimary">@color/white</item>
         <!-- Secondary brand color. -->
         <item name="colorSecondary">@color/teal_200</item>
         <item name="colorSecondaryVariant">@color/teal_700</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
     </style>

     <style name="Theme.TestSS.NoActionBar">
          <item name="windowActionBar">false</item>
          <item name="windowNoTitle">true</item>
     </style>

     <style name="Theme.TestSS.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

     <style name="Theme.TestSS.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
   </resources>

和:

    <resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
     <style name="Theme.TestSS" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
         <!-- Primary brand color. -->
         <item name="colorPrimary">@color/purple_200</item>
         <item name="colorPrimaryVariant">@color/purple_700</item>
         <item name="colorOnPrimary">@color/black</item>
         <!-- Secondary brand color. -->
         <item name="colorSecondary">@color/teal_200</item>
         <item name="colorSecondaryVariant">@color/teal_200</item>
         <item name="colorOnSecondary">@color/black</item>
         <!-- Status bar color. -->
         <item name="android:statusBarColor" tools:targetApi="l">?attr/colorPrimaryVariant</item>
         <!-- Customize your theme here. -->
     </style>
    </resources>

颜色:

   <?xml version="1.0" encoding="utf-8"?>
     <resources>
      <color name="purple_200">#FFBB86FC</color>
      <color name="purple_500">#FF6200EE</color>
      <color name="purple_700">#FF3700B3</color>
      <color name="teal_200">#FF03DAC5</color>
      <color name="teal_700">#FF018786</color>
      <color name="black">#FF000000</color>
      <color name="white">#FFFFFFFF</color>
     </resources>

问题出在哪里?我在Android R上使用AVD进行测试,在我的物理设备上使用Android Q进行测试。谢谢您的帮助

推荐答案

转到Activity_main.xml并将颜色保持为黑色的TextView的textColor属性设置为

android:textColor = "?android:textColorPrimary"

转到res/Values/Themes.xml(夜间),将下面的代码添加到<!-- Customize your theme here. -->

下面
<item name="android:textColorPrimary">@color/white</item>

转到res/Values/Themes.xml并将以下代码添加到<!-- Customize your theme here. -->

下面
<item name="android:textColorPrimary">@color/black</item>
运行您的应用程序并切换到暗模式。它会起作用的。只需确保代码添加在hemes.xmlhemes.xml(夜间)文件中的</style>结束标记之前

这篇关于Android-深色模式问题:黑色背景上的黑色文本的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆