QT图形用户界面ppt课件

1、本章方案本章方案 可视对象的前往值和数据 鼠标，键盘，定时器等事件的捕捉 一些事件的虚函数重载 ，信号从基类转发 掌握QDialog, QTimer, QTime 掌握QSettings, QSqlDatabase 了解Qt NetWork 掌握QGraphicsView, QGraphicsScene 掌握QGraphicsItem, QPixmap计算器里的关于窗口计算器里的关于窗口v上面有2个按钮，确定和取消，QMainWindow怎样知道他按了哪一个呢？v首先，那个是一个按钮组buttonBox，是QDialog组件里就关联好信号的。在 信号和槽编辑器里能看的到。我们可以看看QDial

2、og的槽accept()和rejecct()起什么作用，看HELP文档可视对象的前往值和数据可视对象的前往值和数据QDialog的槽的槽accept()和和rejecct()HELP文档里是这么解释的，看懂了吗？文档里是这么解释的，看懂了吗？void QDialog:accept () virtual slotHides the modal dialog and sets the result code to Accepted.void QDialog:reject () virtual slotHides the modal dialog and sets the result code t

3、o Rejected.void QDialog:accepted () signalThis signal is emitted when the dialog has been accepted either by the user or by calling accept() or done() with the QDialog:Accepted argument.QDialog的前往值的前往值跟据跟据HELP文档，我们可以这样写代码文档，我们可以这样写代码鼠标，键盘，定时器等事件的捕捉鼠标，键盘，定时器等事件的捕捉v事件在Qt里分很多种，比如鼠标，键盘，定时器，窗体扩展减少，有鼠标飘过，

4、有数值变化等等，任何一个小动作，在GUI里都会触发某种事件。当事件产生时，怎样来进展处置呢？v跟据C+的言语特性，虚函数重载可以处理这个问题，一切可以处置的事件，一定都是虚函数。v如今我们来做一个close事件处置。close事件的捕捉事件的捕捉还记得第一个例子吗，一个按钮一按就封锁窗口了。当然按右上角的X，也可以封锁，但有的窗口按了右上角的X会跳出一个框来。这个是经过重载 封锁事件而处置出的一个框，怎样做呢？QMainWindow的的close事件在哪？事件在哪？v刚刚讲过，一切能处置的事件，一定是虚函数，那虚函数去哪找？去protected里找。v如今我们要封锁的是QMainWindow，

5、并且要它跳出那个框出来，怎样找相应事件呢？来查下HELP文档 QMainWindow的的close事件在哪？事件在哪？v点不出来吧？为啥？由于QMainWindow没有，那怎样查？去找它的基类，它一定是从基类里承继了一切的事件。v点进Qwidget这个基类以后，再点Protected FuntionsQMainWindow的的close事件在哪？事件在哪？找到找到close事件了事件了点进看去阐明和例子点进看去阐明和例子By default, the event is accepted and the widget is closed. You can reimplement this fun

6、ction to change the way the widget responds to window close requests. For example, you can prevent the window from closing by calling ignore() on all events.他看不懂可以复制查google百度有道翻译就对了。要还在发呆，就是他的不对了。重载基类的虚函数的代码怎样写重载基类的虚函数的代码怎样写1. 想想C+语法，派生类怎样去重载基类的虚函数把声明抄过来.cpp的重载代码怎样写？的重载代码怎样写？C言语就强调了，用谁的东西，就include谁的

7、头文件一按X就重载了close事件，在这里我们用QMessageBox速生成了一个小框，然后取它的前往值看他按了什么键，假设按的取消，据据QMainWindow的HELP文档用ignore()接口忽略close事件中文显示的处置中文显示的处置#include int main(int argc, char *argv) QApplication a(argc, argv); QTextCodec *codec = QTextCodec:codecForName(GB2312); QTextCodec:setCodecForLocale(codec); QTextCodec:setCodecFo

8、rCStrings(codec); QTextCodec:setCodecForTr(codec); MainWindow w; w.show(); return a.exec(); 一个窗口有多少种事件可以处置呢？一个窗口有多少种事件可以处置呢？v看看HELP文档里的protected里有多少种事件v一定要学会查HELP文档，查google翻译v如今我们小试了中间的一个close事件，其它的事件后续会有引见，来做一个定时器来做一个定时器我们需求用到QTimer这个类，查HELP文档 QTimer是个什么类，查接口，信号，槽，和例子QTimer定时器定时器他可以先从Detailed Descr

9、iption例如开场看QTimer *timer = new QTimer(this); connect(timer, SIGNAL(timeout(), this, SLOT(update(); timer-start(1000);看到这个例子代码，根本知道怎样用这个定时器了定时器对象需求生成；定时器用start()启动，有2个重载，带形参的是毫秒间隙时间；定时器启动以后，每隔间隙时间发来一个timeout()信号, 他可以去衔接一个他的槽来处置。练习练习 做定时器做定时器要求：1. 按start就开场一秒一秒的计时2. 按pause就暂停显示，但背地里还在计时，再按pause就显示实践的时

10、间按stop就停，再按一次就清零按X退出时，要有对话框有协助-关于 QDialog， 上面写上 XXX 几几年几几月几日制做，版本V0.1对对Qt的几点总结和感悟的几点总结和感悟做了一些GUI程序以后，我们总结一下Qt只是提供一些GUI的显示，和一些功能类，对象与对象，对象与GUI的逻辑关联，和Qt没有关系Qt提供数据传输和通道方案逻辑关系完全是由C构造实现Qt对象有什么功能，怎样和其它对象衔接，要多查HELP文档他领会出来了吗？Qt GUI稳定练习稳定练习 电子钟电子钟v 做一个电子钟，做一个电子钟，24小时制显示小时制显示 时时:分分:钞钞v 时分钞中的时分钞中的 : 需求一秒一闪需求一秒

11、一闪v 当按日期按钮时，需求变成日期显示当按日期按钮时，需求变成日期显示v 日期格式日期格式 年年-月月-日日v 日期显示完日期显示完5秒后，又变回时间显示秒后，又变回时间显示v 查查HELP里里QTime时间类的运用时间类的运用,v 显示用显示用QLCDnumber类类v 留意逻辑是留意逻辑是C语法才干实现语法才干实现Qt 的一些其它类的一些其它类 QGraphicsViewQGraphicsView 动态2D显示容器查看一下HELP里它的Detailed DescriptionQGraphicsView提供了一个界面，它既可以管理大数量的定制2D items，又可与它们交互，有一个view

12、 widget可以把这些项绘制出来，并支持旋转与缩放。这个柜架也包含一个事件传播构造，对于在scene中的这些items,它具有双精度的交互才干。Items能处置键盘事件，鼠标的按，挪动、释放、双击事件，也可以跟踪鼠标挪动。整个框架是这样的QGraphicsView 容器 - QGraphicsScene 场景 - QGraphicsItem 图元Qt 的一些其它类的一些其它类 QGraphicsViewQGraphicsView 里包含了 QGraphicsScene 而 QGraphicsScene 拥有多个图元，包含三层：背景层，图元层，前景层QGraphicsItem 图元支持鼠标事件

13、，滚轮事件，上下文菜单事件支持键盘输入焦点，按键事件支持拖放支持分组Qt 的一些其它类的一些其它类 QGraphicsViewQGraphicsItem图元类，只是一个虚基类，有8种不同的派生类.QGraphicsEllipseItem 椭圆图元QGraphicsLineItem 线图元QGraphicsPathItem 曲线图元QGraphicsPixmapItem像素图元QGraphicsPolygonItem 多边形图元QGraphicsRectItem 矩形图元QGraphicsSimpleTextItem 文本标签图元QGraphicsTextItem 文本阅读器图元Qt 的一些其它

14、类的一些其它类 QGraphicsView我们以QGraphicsPixmapItem像素图元为例，引见框架的衔接QGraphicsPixmapItem像素图元，也就是拿一张图片来显示图元程序框架如下QMainWindow - QGraphicsView 容器 - QGraphicsScene 场景 - QGraphicsPixmapItem像素图元Qt 的一些其它类的一些其它类 QGraphicsViewQMainWindow 和 QGraphicsView 怎样衔接，画上去就可以了拖过去，大约拉大一点。View容器容器 场景场景 像素图元像素图元QGraphicsView 容器 - QGr

15、aphicsScene 场景 - QGraphicsPixmapItem像素图元场影 和 图元怎样衔接 View呢？场影 和 图元 在这里每个类需求派生一个自已改造的类，为此我们要建 .h和.cpp场景 我们建 myScene图元 我们建 myItem建建 场景场景1 32 4建建 图元图元用同样的方法建图元， 并且是 像素图元 留意，这里的类型信息没有承继自QObjectQGraphicsPixmapItem 的基类是QGraphicsItem， 但是QGraphicsItem并没有承继自QObject，这意味着QGraphicsPixmapItem不能运用 信号和槽 通讯View容器容器-

16、场景场景-像素图元像素图元QGraphicsView 容器 - QGraphicsScene 场景 - QGraphicsPixmapItem像素图元查HELP文档View的Detailed Description有一个例子,是用对象构造的方法来参与了scene的关连QGraphicsView view(&scene); view.show();查构造函数 QGraphicsView ( QGraphicsScene * scene, QWidget * parent = 0 );有没有直接可以设定scene的接口呢？查查add, set之类的关键词void setScene ( QG

17、raphicsScene * scene );View容器容器-场景场景在mainwindow.h里包含myscene.h头文件，创建一个对象，调用setScene接口和View关连场景场景-像素图元像素图元QGraphicsScene 场景 - QGraphicsPixmapItem像素图元查HELP文档QGraphicsScene找关连Item的接口，查add, set之类的关键词找到void addItem ( QGraphicsItem * item )；先不论空间泄露总之曾经关连了2D QGraphicsViewOK, 我们完成了 2D图形的程序框架如下QMainWindow - Q

18、GraphicsView 容器 - QGraphicsScene 场景 - QGraphicsPixmapItem像素图元到此程序编译胜利，可以运转，但是一片空白。为啥？由于item并没有贴上像素，也就是没有贴图片GUI也就是在绘图，或是显示图片如今我们给Item贴上图片QGraphicsPixmapItem像素图元像素图元 贴图贴图QGraphicsPixmapItem像素图元查HELP文档QGraphicsPixmapItem找相关贴图的接口，还是找add, set, Pixmap相关的单词，英语不好的童鞋好好查友道词典，不要发呆，不要等他人现成的答案。QGraphicsPixmapIte

19、m像素图元像素图元 贴图贴图找到void setPixmap ( const QPixmap & pixmap );形参需求一个QPixmap 的类，继续看QPixmap Format格式支持里，支持BMP GIF JPG PNG等很多的图片格式，但是原生只支持BMP和PNG，但其它的格式都经过了插件的方式支持了。怎样把图片的格式转换成QPixmap呢？找接口。图片是一个文件, 一个filename ，就找filename 相关QPixmap ( const QString & fileName, const char * format = 0, Qt:ImageConvers

20、ionFlags flags = Qt:AutoColor )bool load ( const QString & fileName, const char * format = 0, Qt:ImageConversionFlags flags = Qt:AutoColor )一个是构造时就可以转换，一个是用load()来转换QGraphicsPixmapItem像素图元像素图元 贴图贴图要贴的图片文件要先参与资源文件，这里取名ppp加完了以后，双击ppp.qrcQGraphicsPixmapItem像素图元像素图元 贴图贴图1 2 31. 添加前缀2. 下面的前缀很长，改成 / ,

21、 在这里的途径和程序里的途径都按Linux/Unix规范45度的杠执行；3. 把他要的图片文件先复制到工程文件夹下，再去按添加- “添加文件 ，可以一次性框选多个文件QGraphicsPixmapItem像素图元像素图元 贴图贴图好了，开场给Item贴图这里调用QGraphicsPixmapItem的setPixmap()接口直接用QPixmap构造函数生成无名对象输入setPixmap()如今运转一下程序看看，有图片了。应应 用用这么大的力气，显示了一张图？他可以显示4张图，然后加上定时器打地鼠；再多显示几张，围棋，国际象棋，假设让item在一秒内多次挪动坐标动起来的话？对了，可以做俄罗斯方块假设把图片贴的美丽一点，内容再丰富一点，植物大战僵尸，小鸟没有做不到，只需想不到。鼠标事件呼应鼠标事件呼应还记得protected里的虚函数么?去找Item的虚函数，找mouse相关的虚函数重载来实现鼠标事件处置virtual void mousePressEvent();还记