设置菜单 UI 实现

Question

我正在尝试实现一个 BB10 设置菜单，例如，看起来像日历应用程序中的那个。这里的问题是，我应该使用哪些组件？将 ListView 与 XML 模型一起使用看起来很棒，但与翻译不兼容。对于一个包含几个条目的简单菜单，使用 C++ 模型看起来有点过分…… 某处可能有一个既定的模式，但我找不到它。

Screenshot of the Calendar app settings view

Answer 1

您想要的是title bar 的可消耗内容属性：

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"
        }
    }
}

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

我还包含了一个手势处理程序和信号，向您展示如何处理点击等事件。