《Qt5 C++ GUI Programming cook book 》笔记 1

一,前言

第一章,使用QT Designer 和QT Quick Designer自定义设计用户界面

第二章,通过增强的状态机框架和动画框架,制作用户界面动画。

第三章,使用QT内建的类绘制矢量和位图。

第四章,整合OpenGl到QT项目,演示如何渲染3d图形。

第五章,创建一个触屏软件,展示QT再触屏设备上的使用。

第六章,分析XML格式的数据,并且结合谷歌API创造一个简单的地址寻找器。

第七章,使用QT内建的类和第三方程序,转换不同类型的变量图片格式和视频格式。

第八章,接入数据库,使用QT连接一个SQL数据库。

第九章,使用QT WEB ENGINE开发一套网络应用。

在 htttp://www.packtpub.com注册并下载本书的案例。

第一章:观察和感受自定义

主题:

      使用QT Designer的样式表

       基本样式表的定义

      使用样式表创建登录界面

      在样式表中调用资源

      自定义属性和子层级控制

      QML中的风格化

      C++引用QML的物体对象

在QT中,我们可以使用一个非常熟悉的方法设计程序用户界面。QT不仅给我们提供了不需要写代码就能设计用户界面的工具-QT Designer,而且还给高级用户提供了一个自定义QT样式表的脚本语言。

在这个例子中,通过使用样式表资源改善我们的项目并且使项目看起来更加的专业。QT提供了一个叫做QT 样式表的语言来装饰用户界面,特别像装饰网页用的css。

1,打开QT Creat 创建一个新项目。第一次使用QT Create 可以点击New Project边上的+号,或者file-new file/new project

2,选择project 窗口下的Application ,然后选择QT WIdgets Application.

3,点解选择按钮,然后会弹出一个填写名字和位置的窗口。

4,填写完成后,点击下一步,并点击完成按钮创建项目。现在都保持默认吧,我们会在未来的某一刻去讨论这个事。弹开的界面中,你会看到左侧成吨的大图标,这个区域叫做选择器模式窗口。

5,在靠近选择器模式组边上罗列着我们的资源。这是我们选择文件并进行编辑的地方,选中mainwindow.ui。

6,双击mainwindow.ui  ,将出现一个完全不同的画面。当QT侦测到你试图打开.UI扩展文件时候,QT自动打开了面向UI的脚本编辑器。

7,模式选择器会从高亮的EDIT转换到Design按钮。你也可以点击上面的按钮切回。

8,让我们回到QT DESIGNER并且看一下mainwindow.ui文件。这是一个默认的最基本的项目主窗口。点击模式选择器底部的绿色RUN按钮,进行编译,当编译完成的时候,你可以看到一个弹出的空窗口。

9,现在,在widgetbox的button分类里面,点击并拖动 pushbutton 项目到程序mainwindow 的UI中。当选中按钮的时候,可以在窗口的右侧属性面板看到pushbutton的属性列表。向下滑动到中间位置,找到一个叫做style sheet的属性。这就是widget应用风格的地方,是不是会继承取决于如何应用样式表。或者,你可以在form编辑器中右键点击ui中的任何部件,在弹出的菜单栏中选择改变样式表选项。

10.可以直接写入脚本,也可以点击旁边的输入框打开编辑样式表窗口,在窗口里可以写入更长的样式表代码。当不记得属性名字的时候,可以使用窗口顶部的比如 add resource,add gradient,add color,add font等按钮。

让我们使用编辑样式表窗口做一些简单的 样式吧!

11,点击add color并选择颜色。

12,在颜色拾取窗口选择一个随机颜色,比如说纯红色。然后点击ok.

13,这时候在样式编辑窗口会出现一条代码,我的是这样的:

color:rgb(255,0,0);

14,点击ok,你会发现按钮上的文字已经成为了红色。 

上一篇:QT5百度地图开发学习——地图显示


下一篇:《设计模式解析(第2版•修订版)》—第1章 1.9节小结