设置菜单UI实现

Question

我正在尝试实现一个BB10设置菜单，看起来像一个日历应用程序为例。这里的问题是，我应该使用哪些组件?使用带有XML模型的ListView看起来很棒，但与转换不兼容。对于一个只有几个条目的简单菜单来说，使用c++模型看起来有些夸张……可能在某个地方有固定的模式，但我找不到。

日历应用设置视图截图

Answer 1

你想要的是标题栏的消耗性内容属性:

Answer 2

我将创建一个QML对象，您可以为每个条目重用具有标题和图像属性的条目。

例如，像这样:

SettingEntry.qml

Container {
    property alias title:title.Text
    signal click()
    TextView {
        id: title
        text: "[title goes here]"
    }
    gestureHandlers: [
        TapHandler {
             onTapped: {
                 click();
             }                
        }
    ]
}

然后在你的设置页面中，你可以像使用普通对象一样使用它:

Page {
    Container {
        SettingEntry {
            title: "General"
            onClick: {
                //open general page
            }
        }
        SettingEntry {
            title: "Invitation Settings"
        }
    }
}

上面显然是非常简化的，你会想要包括一个图标图像，添加翻译代码和添加视觉调整，如填充宽度和填充。
然而，它应该给你一个从哪里开始的好主意。

我还包含了一个手势处理程序和信号，向您展示如何处理诸如单击之类的事件。