一,前言
第一章,使用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,你会发现按钮上的文字已经成为了红色。