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

本文主要是介绍《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 C++ GUI Programming cook book 》笔记 1的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！