在Titanium中更改iOS上选取器的字体颜色

时间:2017-09-27 23:41:28

标签: ios titanium appcelerator appcelerator-titanium appcelerator-alloy

如何在iOS平台上使用Titanium更改picker的文本颜色。

从外观上看,我只能更改背景颜色,而且我只能更改Android平台上的字体颜色。

2 个答案:

答案 0 :(得分:1)

您应该查看以下主题属性:

<style name="PickerTheme" parent="Theme.AppCompat.Light">
    <item name="android:spinnerItemStyle">@style/SpinnerItem</item>
    <item name="android:spinnerDropDownItemStyle">@style/SpinnerDropDownItem</item>
</style>


<!-- Use this style for Spinners/Plain Pickers in default state -->
<style name="SpinnerItem">
    <item name="android:textColor">#ff0000</item>
</style>


<!-- Use this style for Spinners/Plain Pickers in selected/popup state -->
<style name="SpinnerDropDownItem">
    <item name="android:textColor">#ffffff</item>
    <item name="android:background">#20767a</item>
</style>

答案 1 :(得分:1)

创建PickerRow时,您可以设置颜色属性:

http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.PickerRow-property-color

如果这不起作用,那么您可以像上面链接中的示例一样(创建标签并将它们添加到每个PickerRow):

var fruit = [ 'Bananas', 'Strawberries', 'Mangos', 'Grapes' ];

var column1 = Ti.UI.createPickerColumn();

for(var i=0, ilen=fruit.length; i<ilen; i++){
  var row = Ti.UI.createPickerRow();

  var label = Ti.UI.createLabel({
    color:'red',
    font:{fontSize:20,fontWeight:'bold'},
    text: fruit[i],
    textAlign:'left',
    width:'126'
  });

  row.add(label);
  column1.addRow(row);
}