c++ - 设置菜单 UI 实现

Question

我正在尝试实现一个 BB10 设置菜单，例如看起来像日历应用程序中的那个。这里的问题是，我应该使用哪些组件？将 ListView 与 XML 模型一起使用看起来很棒，但与翻译不兼容。对于带有几个条目的简单菜单，使用 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"
        }
    }
}

上面显然是非常简化的，你会想要包含一个图标图像，添加翻译代码并添加视觉调整，如填充宽度和填充。
但是，它应该让您很好地了解从哪里开始。

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