designer实现圆角 qt_1 new qt-ui designer使用介绍 – Qt-UI.com | Qt可视化跨平台软件开发工具 软件界面开发 软件界面设计 UI开发 软件UI设计 软件UI…

New Qt-UI Designer 使用说明

1 概述

1.1 欢迎界面介绍

双击New Qt-UI Designe.exe后启动New Qt-UI Designer,启动完成后会看到欢迎界面。

图示:创建solution文件

默认的皮肤界面方案名称为Solution.vgs,也可以命名为其他名称。

图示:新建页面文件

图示:拖拽控件操作

拖拽完成后页面上将会创建一个新的控件

1.4 页面列表

点击Page标签页可以打开页面列表,在页面列表中我们可以看到目前界面解决方案下所有的页面。

点击列表可以对页面进行切换显示。

图示:页面工具按钮

新建新页面

删除当前选中的页面

打开一个现有页面,并引入到当前解决方案下

复制一个选中页面,用来快速在一个页面基础上进行修改

1.5 控件层级树

控件可以建立起树形关系,通过树形的结构可以方便的来管理控件,比如:

隐藏父控件会隐藏掉所有的子控件

移动父控件也同步改变子控件的绝对位置

禁用父控件所有的子控件也将不可以

所以控件的树形结构的建立对软件后期是否方便维护至关重要,点击层级树标签页可以打开当前页面的控件关系。

图示:树形工具按钮

隐藏显示选中控件

删除选中控件

将选中控件下移动

将选中控件上移动

注意:兄弟控件之前也具有前后的关系,上面的控件会盖住上面的控件,通过上下移动按钮可以调整兄弟控件之前的上下显示关系。

1.6 属性列表

控件和页面都具备属性特性,通过属性列表可以修改控件的外观或者行为特性。

1.6.1 控件属性

在画布上单击,可以选中需要设置属性的控件,也可以直接在控件树形列表中选择。

选中后属性列表中会出现该控件的属性信息。

图示:在页面列表中选中需要设置属性的页面

图示:控件布局属性

布局属性显示的内容分别为:

控件名称

控件的父控件名称

控件的布局类型

控件在窗口上的位置

控件在父控件上的位置

目前控件提供了四种类型的控件布局,分别为

图示:绝对布局属性

绝对布局只在父控件上的绝对坐标,含义分别为:

X 距离左侧的位置

Y 距离顶部的位置

W 控件的宽度

H 控件的高度

1.7.2 停靠布局

图示:填充满父控件布局

填充布局可以让控件填充满父控件,父控件改变大小控件会一同进行改变,属性分别为:

MarginLeft 距离父控件左侧的距离

MarginTop 距离父控件上侧的距离

MarginRight 距离父控件右侧的距离

MarginBottom 距离父控件底部的距离

1.7.4 百分比控件布局

图示:控件事件标签页

不同的控件拥有不同的导出属性,通用导出属性为:

控件的名称

控件是否导出到代码中

控件导出变量名称,默认为 m_ 加上控件名称

后面在不同的事件里面填写事件函数,会自动导出到代码中

参考:控件事件函数请参考控件参考手册

1.8 工具栏

工具栏提供了快捷功能访问功能

图示:

新建页面按钮

打开解决方案按钮

保存解决方案按钮

图示:

拖拽选中控件

图示:

运行当前页面按钮

导出MFC框架代码按钮

导出WTL框架代码按钮

1.9 填充样式设置窗口

在属性列表的右侧点击更多按钮,可以打开填充样式设置窗口。

左侧分别为图片列表和样式列表

左侧为当前样式所支持的状态,比如按钮的背景样式包括:

Normal 正常

Hot 高亮

Pressed 按下

Disable 禁用

点击可以切换不同的状态进行设置样式

图示:样式名称

图示:是否有边框,边框颜色,边框粗细,是否绘制左,上,右,下边框

图示:文字样式设置窗口

图示:上方为该字体样式所拥有的状态,点击可以切换不同的状态进行分别设置

图示:多语言设置按钮

图示:上方工具按钮分别为:

新建一个语言关键字

删除选中语言关键字

导入CVS文件到当前语言列表

将当前语言列表导出CVS文件

新建一行关键字之后就可以双击设置语言文本内容

图示:上方可以新建语种和删除选中语种

Qt Stock Exchange Sys

View more

Qt股票交易系统

Qt Stock Exchange System

QtRobot 视频高清机器人控制系统

Qt Robot System

Qt IOT Bike

View more

Qt IOT 物联 自行车

Qt IOT Bike

Qt AutoDashboard

View more

Qt汽车仪表盘系统

Qt Auto Dashboard

Qt Conference

View more

Qt会议终端系统

Qt Conference System

Qt NetDisk

View more

Qt 盘系统

Qt SkyDrive

Qt即时通讯系统

Qt IM

designer实现圆角 qt_1 new qt-ui designer使用介绍 - Qt-UI.com | Qt可视化跨平台软件开发工具 软件界面开发 软件界面设计 UI开发 软件UI设计 软件UI...

Qt Cashier

View more

Qt便利店收银系统

Qt CashierSystem

相关资源:若为自由故:自由软件之父理查德·斯托曼传-讲义文档类资源-CSDN文库

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月17日
下一篇 2020年11月17日

相关推荐