Qt使用教程：使用Qt Quick UI表单（五）

<Qt Enterprise最新版下载>

建立标签

建立注释标签

该Customer Notes标签包含了一个关于所选客户和取消或保存更改的输入文本区域。建立标签内容：

1. 在Projects视图中双击NotesForm.ui.qml打开它并在Design模式下进行编辑。

2. 在Navigator中选择Item，而后在Properties的Id字段中输入content。

3. 在Library中选择Imports > Add Import，而后导出Qt Quick控件和布局。

4. 从库中拖动一个Column Layout到导航器的content项中。

5. 选择 Layout > Top、Left和Right按钮来锚定网格布局到母体中，并将边距设置为12.

6. 从库中拖动一个Text Area到列布局中。

7. 在属性中选择Layout>Fill width和Fill height，将文本区域填充到列布局中。

8. 在Creating the Settings Tab中建立Save和Cancel按钮做为指示，您还能够从SettingsForm.ui.qml中复制粘贴行布局。

9. 在导航器中，为每一个字段选择Export，导出该字段IDs做为属性。下面的项应该被导出，以便它们能够在Notes.qml中被引用：

?

property alias textArea1: textArea1

property alias cancel: cancel

property alias save: save

建立历史标签

Customer History标签包含了一个表格视图，该视图显示客户进行的事务处理。建立一个您能够在Edit模式下编辑的自定义HistoryTableView类型，对于历史标签，您不须要ui.qml文件。

建立历史标签：

1. 在Projects视图中，右键单击qml.qrc而后选择Add New > Qt > QML File (Qt Quick 2)建立HistoryTableView.qml文件，并将其添加到项目中。

2. 从HistoryTableView.qml中复制执行状况。

3. 从示例History.qml文件中添加代码到您的History.qml文件中来访问代码模型。

添加标签功能

在标签中添加功能用于从客户模型中显示数据，您必须建立所需的文件。如今，您须要从Settings.qml文件中复制设置标签的执行状况，同时还须要从Notes.qml文件中复制注释标签的执行状况。

想要在主视图中显示标签内容，须要在Design模式中设置QML文件做为标签的资源。在Navigator中选择设置标签，而后在Properties视图的Source字段中指定示例Settings.qml。以相似的方式指定注释和历史标签。

而后，您能够删除Tab.qml文件生成的向导，您不须要再上下文菜单中选择Remove File。

有兴趣的朋友能够点击查看更多有关Qt的文章！