前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用Qt Designer 设计对话框(一)

使用Qt Designer 设计对话框(一)

作者头像
用户6021899
发布2019-08-14 15:29:33
4.6K0
发布2019-08-14 15:29:33
举报
文章被收录于专栏:Python编程 pyqt matplotlib

使用 Qt 设计师 可以通过拖动组件,所见即所得地创建应用程序的用户界面。从pip安装 pyqt5-tools 模块即可完成Qt Designer程序的安装。安装完成后可以从 python根目录\Lib\site-packaes\pyqt5_tools目录下 找到 designer.exe 程序。

Qt Designer 程序启动后的界面如下:

本篇讲解对话框的绘制,选择创建底部带“Ok”,“Cancel”按钮的对话框。

我们可以从设计师窗口左边的Widget Box,鼠标移动到想要的组件上,按住左键,拖动组件到正在设计的窗口上。Widget Box 中的部件类型依次是: 布局,站位弹簧,按钮,项目视图,项目布局,容器,输入部件 和 显示部件。比如,标签属于显示部件,Line Edit 和 Combo Box 都属于输入部件。

标签,按钮的文本,以及Line Edit的初始文本等,都可以通过双击修改成想要的值。也可以通过设计师程序窗口右边中部的属性编辑器修改。通过属性编辑器还可以修改部件的其它诸多属性。当前部件自有的属性位于属性编辑器的下部,其从父部件继承的属性位于属性编辑器的上部。

需要在自编代码中引用的部件,最好在对象查看器中,将其对象名修改成容易辨识的名字。对象查看器位于设计师程序窗口右边顶部。

我们依次添加完各个部件到大概的位置,根据需要设置好对象名和各个属性。如有必要,可以添加弹簧占位符,使得窗口尺寸被改变时自动伸展,保持其它部件的位置不变。还可以添加水平或竖直分割符。

之后我们要进行合理地布局。按住Ctrl 键后依次选择多个部件(或布局),或者鼠标框选,再点击布局工具条的相应按钮,就完成了对这些部件的布局。点击对话框(当前正在设计的窗口)的空白部分,再点布局按钮,就设置了窗口的总布局。若布局不太容易通过鼠标选择,可以在对象查看器里通过单击选择。若布局有错误,可以先打散该布局(break layout),再重新布局。

布局完成时效果:

根据需要(控件文本需含“&”),设置兄弟控件以便转移焦点。

根据需要,修改Tab键次序:

在适当的地方,为内置的信号和槽建立 信号-槽 连接。如,连接关闭按钮的点击信号和对话框的 “接收”(并关闭)槽。

最后预览窗体(通过菜单Form->Priview,或快捷键 Ctrl+R) ,并检查所有的东西能否按照设想进行工作。如果有错误,则返回修改。如果一切正常,则保存最终的界面。 保存得到的文件 扩展名为 .ui , 格式为XML。

当然,途中任何时候都可以预览和保存。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-02-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Python可视化编程机器学习OpenCV 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档