#appcelerator textfield颜色和背景颜色不粘

时间:2016-01-17 22:50:40

标签: android colors appcelerator

我将以下代码用于项目中的文本字段:

	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上,这也是白色。

我觉得我错过了一些简单的东西,但我无法理解。

1 个答案:

答案 0 :(得分:1)

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

color.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>

由于