我目前正在尝试找出如何将文本输入框底部边框的颜色从默认的蓝色更改。我已经尝试使用border-color、color和background-color属性,但是没有任何一个对输入框产生影响。这是我用于输入框的XML代码<TextField text="{{ username }}" cssClass="username" android:row="1"/>
。
我目前正在尝试找出如何将文本输入框底部边框的颜色从默认的蓝色更改。我已经尝试使用border-color、color和background-color属性,但是没有任何一个对输入框产生影响。这是我用于输入框的XML代码<TextField text="{{ username }}" cssClass="username" android:row="1"/>
。
为了继续@Bradley-Gore的回答,这里是Android文档,其中突出显示需要设置的颜色。这是来自Android文档的另一个很好的链接,介绍了与样式/主题兼容性的内容。
你要找的重要部分是:
<!-- theme UI controls like checkboxes and text fields -->
<item name="android:colorAccent">@color/accent</item>
因此,要简单设置主要、primaryDark 和 accent 颜色,请在 App_Resources/Android 中创建 values 和 values-v21 文件夹。
<?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>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="ns_accent">#ff4081</color>
</resources>
App_Resources/Android/values/colors.xml
对吧? - Zach如果您想要在Android上使用TextInputLayout(漂亮的浮动标签、错误消息等),我有一个插件可以帮助您:https://www.npmjs.com/package/nativescript-textinputlayout
即使您不想使用该插件,或者由于我尚未在其中添加iOS支持而无法使用它:p,则相同的样式机制也会有所帮助。在插件的演示应用程序中,我正在为Android使用一个App_Resource,为一些在NativeScript中无法定义的内容定义样式规则:
<style name="DemoAppTheme" parent="AppTheme">
<item name="colorControlNormal">@color/darkBlue</item>
<item name="colorControlActivated">@color/medBlue</item>
<item name="colorControlHighlight">@color/lightBlue</item>
<item name="android:textColorPrimary">@color/darkBlue</item>
<item name="android:textColorHint">@color/medBlue</item>
</style>
具体来说,这前两个项目将对您有所帮助,因为它涵盖了普通状态和激活状态下控件的标准颜色。目前我不太确定高亮状态和激活状态之间的区别。看一下我的插件演示应用程序如何连接这些内容,你就会明白了。您需要查看app/App_Resources/Android/values/(appColors | appStyles).xml 和 app/App_Resources/Android/AndroidManifest.xml