Titanium：为 ListItem/ListView 中的元素设置动画

Question

我想为 ListItem 中的元素设置动画

例如，考虑以下简单的ListView：

<ListView>
    <Templates>
        <ItemTemplate name="foo">
            <View layout="vertical">
                <Label color="red" id="label" bindId="bExampleLabel"/>
                <Button onClick="onClickButton">Click Me to make the label go blue</Button>
            </View>
        </ItemTemplate>
    </Templates>

    <ListSection id="exampleListSection">
        <ListItem template="foo" bExampleLabel:text="Example 1"></ListItem>
        <ListItem template="foo" bExampleLabel:text="Example 2"></ListItem>
    </ListSection
</ListView>

以及以下脚本：

function onClickButton(e) {
    var item = $.exampleListSection.getItemAt(e.itemIndex);
    item.bExampleLabel = {
        color: 'blue'
    };
    $.exampleListSection.updateItemAt(e.itemIndex, item);
}

上面的 XML 代码只有一个 ListView，其中包含 2 个 ListItem，每个 ListItem 包含一个标签和一个按钮。当您单击按钮时，它会使标签变为蓝色。

但我希望它动画它变成蓝色。

通常这样做是这样的：

$.elementId.animate({
    color: 'blue'
});

但是，我不知道如何在 ListItem 的上下文中执行此操作，因为您似乎无法直接访问这些对象。

Answer 1

您不能在 listView 中为 ListItem 设置动画，您只能更改使用 bindId 访问的项目属性

模板：字典

包含将样式名称（键）映射到 ItemTemplate（值）的键值对。 一旦打开窗口，此属性就无法更改。

如果你想在列表中设置动画使用 TableView，你可以用 TableViewRow 做你想做的事