#appcelerator 文本字段颜色和背景颜色不粘

Question

我在我的项目中使用下面的代码作为文本字段：

	var textfield = Ti.UI.createTextField({
		color: 'black',
		height: '40dp',
		top: '5dp',
		left: '5dp',
		right: '50dp',
		style: Ti.UI.INPUT_BORDERSTYLE_ROUNDED,
		hintText: 'Enter an address',
		backgroundColor: '#aaa',
		paddingLeft: '5dp'
	});

这适用于我的 iOS 模拟器和 iOS 设备，但不适用于 android。我可以在 iOS 上更改颜色（字体颜色）和 backgroundColor，我的 UI 将更改为我想要的十六进制颜色。在android上，无论我做什么，文本和背景总是白色的。在 iOS 上，我可以看到我的提示文本，但在 android 上，它也是白色的。

我觉得我错过了一些简单的东西，但我想不通。

Answer 1

尝试使用 android 的自定义主题。 在platform->android->res->values文件夹中创建两个文件color.xml和custom_theme.xml

颜色.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="text_tab_selected">#E15151</color>
    <color name="text_tab_unselected">#8F8F8F</color>
    <color name="edit_text_hint">#ECECEC</color>
    <color name="blackcolor">#000000</color>
    <color name="whitecolor">#FFFFFF</color>
    <color name="transparent">#00000000</color>
</resources>

custom_theme.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="Theme.NoActionBar" parent="@style/Theme.AppCompat">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowSoftInputMode">adjustPan</item>
    <item name="android:editTextStyle">@style/appEditText</item>
</style>
<style name="Theme.NoActionBar.Translucent" parent="@style/Theme.AppCompat.Translucent">
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:colorBackgroundCacheHint">@null</item>
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowSoftInputMode">adjustPan</item>
    <item name="android:editTextStyle">@style/appEditText</item>
</style>
<style name="appEditText" parent="@android:style/Widget.EditText">
    <item name="android:background">@drawable/edittext_background</item>
    <item name="android:textCursorDrawable">@null</item>
    <item name="android:textColorHint">@color/edit_text_hint</item>
    <item name="android:padding">5dp</item>
</style>
</resources>

现在将此主题应用到 Androidmanifest.xml 中的活动

<application android:theme="@style/Theme.NoActionBar">
    <activity android:name=".YOURACTIVITY" android:label="@string/app_name" android:theme="@style/Theme.NoActionBar" android:configChanges="keyboardHidden|orientation|screenSize" android:windowSoftInputMode="adjustPan" android:screenOrientation="portrait">
        <intent-filter>
            <action android:name="android.intent.action.MAIN"/>
            <category android:name="android.intent.category.LAUNCHER"/>
        </intent-filter>
    </activity>

</application>

谢谢