彩票走势图

Qt小部件基础教程:如何使用Qt Designer设计用户界面

转帖|使用教程|编辑:鲍佳佳|2020-07-27 09:42:29.483|阅读 1182 次

概述:Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写,所有平台无差别运行,更提供了几乎所有开发过程中需要用到的工具。本章节主要讲述如何使用qt designer,以及如何在qt designer中添加小部件。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

Qt是目前最先进、最完整的跨平台C++开发工具。它不仅完全实现了一次编写,所有平台无差别运行,更提供了几乎所有开发过程中需要用到的工具。如今,Qt已被运用于超过70个行业、数千家企业,支持数百万设备及应用。

点击下载QT最新试用版

该向导生成XML格式的用户界面定义:notepad.ui。当您在Qt Creator中打开notepad.ui文件时,它会在集成的Qt Designer中自动打开。

生成应用程序时,Qt Creator将启动Qt用户界面编译器(uic),该程序读取.ui文件并创建相应的C ++头文件ui_notepad.h。

使用Qt Designer

该向导将创建一个使用QMainWindow的应用程序。它具有自己的布局,可以在其中添加菜单栏,停靠小部件,工具栏和状态栏。中心区域可以被任何类型的小部件占据。向导将“记事本”小部件放在此处。

要在Qt Designer中添加小部件:

  1. 在Qt Creator Editor模式下,双击“Projects”视图中的notepad.ui文件,以在集成的Qt Designer中启动该文件。
  2. 将小部件Text Edit(QTextEdit)拖放到窗体。
  3. Ctrl + A(或Cmd + A)选择小部件,然后单击“Lay out Vertically(或按Ctrl + L)以应用垂直布局(QVBoxLayout)。
  4. Ctrl + S(或Cmd + S)保存更改。

用户界面现在在Qt Designer中如下所示:

您可以在代码编辑器中查看生成的XML文件:

<?xml版本=“ 1.0”编码=“ UTF-8”?>
<ui版本=“ 4.0”>
 <class>记事本</ class>
 <widget class =“ QMainWindow” name =“ Notepad”>
  <property name =“ geometry”>
   <rect>
    <x> 0 </ x>
    <y> 0 </ y>
    <width> 800 </ width>
    <height> 400 </ height>
   </ rect>
  </ property>
  <property name =“ windowTitle”>
   <string>记事本</ string>
  </ property>
  <widget class =“ QWidget” name =“ centralWidget”>
   <layout class =“ QVBoxLayout” name =“ verticalLayout”>
    <项目>
     <widget class =“ QTextEdit” name =“ textEdit” />
    </ item>
   </ layout>
  </ widget>
  <widget class =“ QMenuBar” name =“ menuBar”>
    ...

以下行包含XML声明,该声明指定文档中使用的XML版本和字符编码:

< ?xml版本= “ 1.0”编码= “ UTF-8” ?>

文件的其余部分指定一个ui定义记事本小部件的元素:

< ui版本= “ 4.0” >

这种情况是UI文件与Notepad类的头文件和源文件一起使用。我们将在后面的部分中查看UI文件的其余部分。

慧都高端UI界面开发

标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP