Qt Designer的使用(1)

本文介绍如何使用QtDesigner创建GUI,包括启动程序、编辑Form的各种模式、添加控件、设置属性及布局,以及如何建立信号与槽的连接。
  • Getting Started with Qt Designer

Windows下启动如下:开始->程序-> PyQt GPL v4.4.3 for Python v2.5-> Designer

启动后界面如下:

 

 

新建Dialog Form,Ctrl+N或者File->New

 

 

 

 Qt Designerform有四种编辑方式:

编辑方式

说明

Widget Editing Mode

改变form外观,修改、编辑每个widget的属性,layout

Signals and Slots Editing Mode

处理widget的信号与槽关系

Buddy Editing Mode

用于label widget,方便清除的查看label widget的焦点范围

Tab Order Editing Mode

当按Tab键时,跳转到各个widget的顺序

 

然后从Display Widgets中选用Label,  Input Widgets中选用Line Edit, Spin Boxes, Combo Box,从Spacer中选用Vertical SpacerHorizontal Spacer,从Buttons中选用Push Buttons,构成如下GUI

 

 

 对于Label, Push buttons,通常只需要修改其text属性即可;对于spinbox,则需要修改其value,

minimummaximum属性,如下所示:

通过使用Layout ManagersWidgets进行布局,如下:

form上的Objects通过信号和槽可以互相连接起来,例如下面将Line editreturnPressed()信号和OK buttonsanimateClicked()槽连接起来。

OK,确认即可。最后可以通过Ctrl+RGUI进行预览,看是否达到所许要求.

     选择Edit Signals and Slots,将Line EditOK连接起来,

当松开鼠标时,弹出configuration connection对话框,分别选择

### 使用 Qt Designer 进行界面布局和设计 #### 打开 Qt Designer 并启动新项目 为了开始使用 Qt Designer 创建用户界面,首先需要安装并打开该软件。一旦进入程序,可以选择创建一个新的表单文件,这将是未来应用程序的基础。 #### 添加控件到界面上 通过左侧的 Widget Box 可以看到众多可用的小部件列表,比如按钮、标签、输入框等。只需简单地点击这些组件并将它们拖拽至中央的设计区域即可完成添加操作[^1]。 #### 设置属性与样式 每一个被放置于窗体上的小部件都具备一系列可以自定义配置项,在右侧 Properties Editor 中能够调整其外观以及行为特性;例如更改文字内容、字体大小或是背景颜色等等[^2]。 #### 应用布局管理器 良好的页面结构对于用户体验至关重要。Qt 提供了几种不同的 Layout Manager 来帮助开发者更好地组织各个 UI 组件之间的相对位置关系。选中多个待排列的对象之后右键菜单里会有对应的选项可供选择应用水平方向(Horizontal) 或者垂直方向(Vertical) 的线性分布模式以及其他更复杂的网格(Grid) 和表格(Form) 布局形式[^3]。 ```xml <ui version="4.0"> <class>MainWindow</class> <widget class="QMainWindow" name="MainWindow"> <property name="geometry"> <rect> <x>0</x> <y>0</y> <width>800</width> <height>600</height> </rect> </property> <!-- 更多 XML 定义 --> </widget> </ui> ``` 上述代码片段展示了由 Qt Designer 自动生成的一部分 `.ui` 文件的内容,这是一种描述图形化用户接口结构的标准格式文档。 #### 预览效果 在整个过程中随时都可以利用顶部工具栏里的 Preview 功能即时查看当前工作成果的实际显示情况,确保满足预期目标后再继续下一步骤的操作。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值