没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:龚雪|2016-03-01 09:25:34.000|阅读 1100 次
概述:本教程介绍如何使用ui.qml文件开发一个应用程序,使应用程序逻辑从UI中分离。该教程使用Qt Quick Designer实现一个简化版的UI表单示例,它为一个客户数据库提供接口,只用QML和JavaScript编写。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
您可以使用新的文件向导来创建UI表单,可用于指定标签内容和功能。您可以在MainForm.ui.qml文件中设置QML文件作为标签的资源,同时还可以在Design模式下修改对应的UI表单。
想要创建标签内容的UI表单:
1. 选择File > New File or Project > Qt > UI File > Choose。
2. 在Component name字段中输入Settings。
3. 点击Next。
4. 点击Finish来创建UI表单、SettingsForm.ui.qml、一个相应的QML file和Settings.qml。
用同样的方法创建注释标签的UI表单、NotesForm.ui.qml、相应的QML文件和Notes.qml。您不需要历史标签的ui.qml文件,在今后会为它创建QML文件。
Customer Settings标签包含了所选用户的信息。
创建标签内容:
1. 在Projects视图中双击SettingsForm.ui.qml,在Design模式下打开并编辑它。
2. 在Navigator中选择Item,然后在Properties的Id字段中输入content。
3. 在Library中选择Imports > Add Import,然后导入Qt Quick控件和布局,使QML类型在库的这些模块中可见。
4. 从库中拖动一个Grid Layout到导航器的内容项中。
5. 选择Layout > Top, Left,Right按钮来锚定网格布局到母体中。
6. 在Margin字段中将边距设置为12。
7. 在Properties中,设置Column spacing和Row spacing为8,Columns为3,Rows为4。如果您想添加更多的字段,可以添加必要数量的行。
8. 从库中拖动4个Label控件、1个Combo Box和3个Text Field控件到导航器中。
9. 在导航器中使用向下箭头将一个标签移动到最后文本字段上面的位置。
10. 在属性中,更改Text字段中的每个字段的标签文本。您需要以下的标签:Title、First Name、Last Name和Customer Id。
11. 在属性中,更改Placeholder text字段的每个文本字段的占位符文本,使其和字段标签一样。
12. 选择客户ID文本字段,然后在属性中选择Layout,将Column span设置为3,使ID字段跨越网格布局的长度。
13. 从库中拖动一个Row Layout布局到导航器的content项中,然后点击它。
14. 在属性中重置行布局的高度。
15. 选择Layout > Bottom和Right按钮来锚定行布局到母体中。
16. 在锚定的Margin字段中,将边距设置为12。
17. 从库中拖动2个Button控件到导航器的行布局中。
18. 在属性中,更改Text字段的按钮标签为Save和Cancel。
19. 在属性中为每个按钮选择Layout、> Fill width和 Fill height,使其填充到行布局的按钮中。
20. 在导航器中,为每个字段选择Export来导出字段ID作为属性。应该会导出以下的项目,以便可以在Settings.qml中引用它们:
property alias customerId: customerId property alias lastName: lastName property alias firstName: firstName property alias gridLayout1: gridLayout1 property alias rowLayout1: rowLayout1 property alias save: save property alias cancel: cancel property alias title: title
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@dpuzeg.cn
文章转载自:慧都控件网本教程演示DevExpress WinForms的Banded Grid View 是如何进行用户自定义的,欢迎下载最新版组件体验!
可视化项目时间线对于有效规划和跟踪至关重要。在本篇教程中,您将学习如何使用 C# 在 Excel 中创建组合图,只需几行代码,即可自动生成动态、美观的组合图。
本文将为大家介绍DevExpress XAF将.NET Aspire集成到Blazor项目中后如何实现数据库依赖,欢迎下载最新版组件体验!
FP3 文件是使用流行的报表生成工具FastReport创建的报表。这种格式广泛用于存储可立即查看的报表数据,这些数据可以轻松共享或保存以供日后分析。但是,要打开和查看此类文件,需要一个特殊的程序——FastReport Viewer。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@dpuzeg.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢