设置菜单UI实现

我试图实现一个BB10设置菜单，看起来像日历应用程序中的一个例子。这里的问题是，我应该使用哪些组件？使用带有XML模型的ListView看起来不错，但与翻译不兼容。使用C++模型看起来有点矫枉过正，只是有一些条目的简单菜单... 某处可能存在已建立的模式，但我无法找到它。设置菜单UI实现

Screenshot of the Calendar app settings view

来源

2013-04-08 Marc Plano-Lesay

您能否更好地解释“设置菜单”的含义？我在日历应用中看不到设置选项。也许截图，如果你可以帮助。 – hyarion 2013-04-09 12:49:13

可通过应用程序菜单访问设置（从屏幕顶部向下滚动）。我添加了一个截图。 – 2013-04-09 14:41:13

你想要什么title bar的消耗内容属性：

来源

2013-04-09 15:32:00 Benoit

我遇到了一个问题。我尝试在文档上复制/粘贴示例，但NDK和手机无法识别kindProperties，FreeFormTitleBarKindProperties和TitleBarKind.FreeForm：SettingsPage.qml：93：25：FreeFormTitleBarKindProperties不是类型 kindProperties：FreeFormTitleBarKindProperties – 2013-04-12 05:12:32

Yes forgotten about那。这仅适用于自SDK 1.1以来的开发人员。哪些可用于devAlpha C和Z10的下一个更新 – Benoit 2013-04-13 07:23:48

好的，谢谢。现在我将使用Hyarion的解决方案，当新的SDK可供所有人使用时，我会切换到您的解决方案。 – 2013-04-13 13:41:57

我会创造一个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" 
     } 
    } 
}

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

我还包括一个手势处理程序和信号，告诉您如何处理事件，如点击。

来源

2013-04-09 15:57:39 hyarion

我虽然有一个标准化的方式来做到这一点。我会这样做，如果没有。感谢代码！ – 2013-04-09 17:36:46

有一个标准化的方式来使用titleBar中的消耗区域，这是Calendar使用的区域... – Benoit 2013-04-11 17:40:17

设置菜单UI实现

回答

相关问题