BB10 Cascades：它是如何制作的？

Question

如何实现许多自定义ListItem，就像它在标准黑莓日历应用程序中实现的一样。 以下屏幕截图显示了我的意思

特别是我对右箭头的第二个控件感兴趣。

感谢。

Answer 1

您可以拥有多个“类型”的列表项。

使用不同类型附加不同类型的listItemComponents。 e.g。

listItemComponents: [
    ListItemComponent {
        type: "itemA"
        Container {
            Label {
                text: ListItemData.title
                textStyle.color: Color.Blue
            }
        }
    },
    ListItemComponent {
        type: "itemB"
        Container {
            Label {
                text: ListItemData.title
                textStyle.color: Color.Red
            }
        }
    }
]

然后将此函数添加到listview（我使用的是“mytype”属性，但您可以检查数据模型的任何属性，甚至可以将其基于索引路径）：

function itemType(data, indexPath) {
    if (data.mytype == "typea") {
        return "itemA";
    } else {
        return "itemB";
    }
}

现在，当您将数据添加到数据模型时，请确保指定“mytype”，listview将自动使用ListItemComponent作为相对类型。

您可以轻松拥有不同大小的列表项，不同的设计甚至可以使用不同的数据结构。