Question

好的，在Appcelerator Alloy中设计表单让我有点疯狂。 :)我在Mac上使用最新版本的最新版本。以下是两个平台上相同格式的屏幕截图。表单使用相同的基本Picker标记，具有相同的.tss样式：width：45％＆amp;身高：40。

ANDROID问题： Android Form

日期选择器无法使用。普通采摘工作精美。然而，只要它设置为日期类型，你就会感到很奇怪。

IOS 9.3问题： iOS Form

所有选择器类型都不符合宽度设置。高度很好，因为每个表单元素具有相同的高度设置并且它们均匀显示。我还尝试将width属性应用于唯一的pickerColumn但没有成功。
提示文字和选择器文字均为黑色。 iOS不允许您根据我的理解调整提示文本颜色。但是，当应用程序最初加载时，它会加载白色背景。如果我能以某种方式让合金加载黑色屏幕（或黑暗主题），我怀疑这个问题将得到解决。由于在应用样式时页面已经加载，因此Tss样式对我可以看到的背景文本没有影响。

提前感谢任何见解。希望这不是一个错误。

编辑：以下是代码。它是如此基本，我最初省略它。

<Alloy>
    <Window class="container">
        <View>
            <Picker id="gender" selectionIndicator="true">
                <PickerColumn id="genderPick">
                    <PickerRow title="Gender"/>
                    <PickerRow title="Male"/>
                    <PickerRow title="Female"/>
                </PickerColumn>
            </Picker>

            <Picker id="birthday" type="Ti.UI.PICKER_TYPE_DATE" />
        </View>
    </Window>
</Alloy>

型：

"Picker": {
    width: "45%",
    height: 40,
    backgroundColor: "#222",
    color: "#fff"
}

"PickerColumn": {
    width: "100%",
    height: 40,
    backgroundColor: "#222",
    color: "#fff"
}

Answer 1

我在日期/时间选择器方面遇到了一些问题。与你没有完全相同（没有看过你的代码）。但是，我使用dialog代替了它。也许这对你有用吗？

您也可以refer to my question with sample code。

/约翰

Answer 2

对于 hintText颜色，请参阅：how to change hintText color in textField Titanium?您可以使用SearchBar，AttributedString/AttributedHintText（这应该是更好的选项）或创建{ {1}} view和textfield。

Answer 3

在没有任何代码示例的情况下找到问题的解决方案并不容易。但是，阅读Appcelerator Documentation可能会有所帮助：

注意：您只能为普通选择器设置columns属性。如果将type属性设置为除Titanium.UI.PICKER_TYPE_PLAIN之外的任何其他属性，则无法修改选择器的列。

它可能看起来像DATE_AND_TIME或DATE类型的选择器与PLAIN类型没有相同的自定义可能性。

关于你的hintText问题，Appcelerator在下一个版本中为iOS添加了hintTextColor。在此之前，我更喜欢AttibutedStrings / AttributedHintText作为解决方法。有关如何使用此示例的示例，请查看how to change hintText color in Titanium

Answer 4

经过多次来回，它被发现是一个错误。即使宽度可以设置，百分比宽度也不适用于iOS上的选择器。我将其作为Jira系统中的一个错误提交，因此这个案例一直关闭，直到他们修复它为止。：（

Appcelerator PIcker Sizing＆amp;提示文字问题

4 个答案: