android - 如何在 Android NativeScript 应用程序上更改 TextView 底部强调色

Question

我目前正在尝试弄清楚如何更改文本输入底部边框的颜色，而不是默认的蓝色。我试过使用 border-color、color 和 background-color 属性，但似乎都没有对输入产生影响。这是我用于输入的 XML 代码 <TextField text="{{ username }}" cssClass="username" android:row="1"/> .

Answer 1

借用@Bradley-Gore 的回答。这是 Android documentation突出显示需要设置什么颜色这是另一个好link from the Android documentation关于与样式/主题的兼容性

您正在寻找的重要部分是:

  <!--   theme UI controls like checkboxes and text fields -->
  <item name="android:colorAccent">@color/accent</item>

使用 NativeScript 版本 1.6+，您需要在 App_Resources/Android/ 中创建文件，在 NativeScript pre 1.6 之前，您必须在 platforms/android/ 中进行这些更改更改的原因是在您需要删除平台并将其重新添加以修复任何构建缓存/gradle 问题等时保留这些类型的更改。

因此，要简单地设置主色、primaryDark 和强调色，请在 App_Resources/Android 中创建 values 和 values-v21 文件夹

App_Resources/Android/values/colors.xml

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
   <color name="ns_primary">#3489db</color>
   <color name="ns_primaryDark">#336699</color>
   <color name="ns_accent">#ff4081</color>
 </resources>

App_Resources/Android/values-v21/colors.xml

 <?xml version="1.0" encoding="utf-8"?>
  <resources>
    <color name="ns_accent">#ff4081</color>
  </resources>

如果您实际上只是创建一个 NativeScript 项目并构建 android 应用程序，导航到 platforms/android 您会看到 CLI 生成了这些文件，这就是 NativeScript 默认设置应用程序样式的方式，这就是为什么它在 primary、primaryDark、accent 值之前使用前缀 ns_。

在您开始学习 Android 和 NativeScript 时可能对您有所帮助的是附加的 .gif。这是来自 Android 文档，大部分样式可以通过编程方式完成，或者通过 @bradley-gore 提到的 .xml 文件设置样式以及我在此处列出的颜色，但最好将项目分开 :) 在 .xml 文件中。 gif 我只是突出显示 android.widget.TextView 类并向下滚动以找到您可以设置的 XML 属性，如果您正在通过 XML 构建 native Android UI。这些是您可以通过样式设置的内容，如果有匹配的方法，您将在 xml 属性旁边看到代码方法。希望这能解释一切，并为那些进入 NativeScript 的人提供良好的学习体验。我可能会写博客 :) 好问题。