Question

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

以上显然非常简化，您可能希望包含图标图像，添加翻译代码并添加视觉调整，例如填充宽度和填充。
但是它应该让你知道从哪里开始。

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

设置菜单UI实现

2 个答案: