QT 可视化界面设计

qt 界面设计使用布局，有布局层次（包括对象和类）和布局管理

1.有两个组件面板有layouts和spacers。

先拖放布局组件到窗体，在往布局组件里拖放其他控件。

或者是选择多个空间后，在选择设计工具栏的对应的按钮，设置水平或垂直布局、

如果嫌弃控之间间隙太大，可以使用spacers来填充。

2.上面有工具栏

edit widget :编辑状态

edit buddies:伙伴关系，可以设置一个label和一个组件成为伙伴关系，用于快捷键切换到组件的焦点。

edit tab order：顺序编辑，按tab键是，各组件跳动的顺序

edit signal/slots :信号槽的可视化设计，好像只能选择qt自带的信号和槽函数，至于想使用自定义槽函数，只能通过自己手动写代码实现connect的关联。

3.创建菜单栏和工具栏，需先设计好QAction,而QAction 有可能需要添加资源。所以按下面的流程

1.添加资源文件

默认qt是没有resources文件夹的，所有要手动先创建一个资源文件，在file->new file or project 菜单选择qt ->qt resource file

可以命名为res.qrc。会自动创建一份与headers、sources和forms并列的resources文件组。然后在右键res.qrc 选择菜单中的

添加现有文件或者现有目录。这样就可以把资源载入到qt项目中了。

2.设计qaction（这里是通过可视化设计的，代码设计前面已说过了。）

action是一种不可见的界面元素，主要用于菜单栏和工具栏的按钮设计。使用的主要信号是trigger（），为trigger（）信号编写槽函数，就可以吧按钮关联到此槽函数。

在action编辑器上有一个工具栏，可新建、复制、粘贴、删除action.

text:显示文字

object name: 对象名字

tooltip: 鼠标在上面停留显示的提示文字

icon : 设置显示的图标，就是从资源文件中选择图片文件。

shortcut: 快捷键

3.菜单栏设计

qt 的菜单栏设计和vs其实是一样的，在菜单栏显示的 type here 的地方双击，输入分组名称，然后回车，就可以创建菜单分组了。分组后，从action编辑器将action 拖放到菜单的分组下就可以创建一个菜单项了。

4.工具栏的设计

和菜单栏一样，直接从action编辑器将action 拖放到工具栏位置即可。默认初始化只有一个工具栏，如需多个工具栏，主窗口右键选择 add tool bar 即可新建一个工具栏。

如果想调整工具栏的位置：

1.可以直接拖动工具栏，放在想要的位置，比如放在最左边垂直摆放

2.在选中工具栏，在右下角的其属性设置geometry和orientation.

如果是用代码实现

1.setOrientation 设置水平或垂直方向

2.使用布局管理器来设置显示的位置，把工具栏当成一个普通的空间看待即可。

5.action 功能实现

action 使用的主要信号是trigger（）

a. 如果想使用现成的槽函数，直接在signals & slot editor 选择即可

b.如果是需要自定义的槽函数，在action editor 选择某个action 右键选择转到槽（go to slot）,选择trigger()信号，

自动在MainWindow类生成槽函数，也自动实现connect关联了。不需要手动写connect的代码了。

其实这些可视化的操作，背后生成的代码都在一个ui_xxx.h（如ui_mainwindow.h）的文件中，

这个.h文件是编译后自动生成，出现在debug或者release目录下，这份文件不需要手动修改，也没必要添加到项目中。

使用控件，如需特别设置控件的样式可以使用setStyleSheet来实现。

QT 可视化界面设计相关推荐

提升逻辑！APP数据可视化界面设计灵感
如何将繁复的数据转化为更加简洁明朗的可视化图表内容?不同领域的数据处理逻辑能力和网格框架的使用能力都必不可少,集设网www.ijishe.com设计师交流社区带来逻辑满分!12款数据可视化界面设计 ...
UI设计灵感|逻辑感十足的数据可视化界面设计
如何将繁复的数据转化为更加简洁明朗的可视化图表内容?不同领域的数据处理逻辑能力和网格框架的使用能力都必不可少,看看集设网 www.ijishe.com 设计师交流社区带来的逻辑感十足的数据可视化界面设 ...
oracle 可视化界面使用,Oracle DBMS可视化界面设计
文章编号 :1001 - 9081(2000) Suppl. - 0328 - 02 Oracle DBMS 可视化界面设计李凤森 ,俞蓓 (中国科学院计算技术研究所 ,北京 100080) 摘 ...
可视化界面设计工具-物联网实训教学辅助工具-物联网实训室
产品简介可视化界面设计工具是辅助师生用来构建物联网应用程序的一个教学工具,它采用图形化界面来代替代码开发界面,通过拖拽.移动一些控件与控件节点,来过完成一个页面的设计.它非常适合物联网初学者学者使用 ...
Java可视化界面设计
可以用Eclipse和 windowbuilder插件来实现 Java可视化界面设计 1. 安装JDK. JDK1.6官方下载_JDK6官方下载地址:http://www.java.net/downl ...
QT——可视化界面ui
目录 1. 需要文件 2.文件关系及编写 3. 源码 4. 界面的模态与非模态 1. 需要文件 test.cpp test.h test.ui ui_test.h 2.文件关系及编写 test.ui: ...
QT常见界面设计组件——QTreeWidget和QDockWidget
实例概述此实例主要介绍QTreeWidget.QDockWidget的使用,以及用QLabel显示图片的方法,实例主要使用QTreeWidget,创建一个照片管理器,实例运行界面效果如下: 此实例的 ...
Qt 可视化Ui设计
QMainWindow 是主窗口类,主窗口类具有主菜单栏.工具栏和状态栏,类似于一般的应用程序的主窗口: QWidget是所有具有可视界面类的基类,选择QWidget创建的界面对各种界面组件都可以支持 ...
matlab 可视化界面,Matlab 的可视化界面设计(上）
一个可发布的应用程序通常都需要具备一个友好的图形界面(比如,我们开课时或给学生上课而使用课件时,我们一般就会用到可视化界面).这样用户不需要知道应用程序究竟是怎样执行各种命令的, 而只需要了解可见界面 ...

QT 可视化界面设计

QT 可视化界面设计相关推荐

最新文章

热门文章