标签：Qt5 窗口 QT GUI Programming add 点击 样式表 按钮

一，前言

第一章，使用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,窗口,QT,GUI,Programming,add,点击,样式表,按钮
来源： https://blog.csdn.net/shuishou1000/article/details/120376763

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。