AD习编写游戏(一)创建Qt项目和加载图片.pdf

学习Qt 编程（一） 首先，我们学习如何用Qt Creator 来创建一个项目。然后用Qt Designer 修改界面文件来显示 一个带图片的标签（label ）和两个按钮（push button）的窗口，这就是一个简单GUI 的Qt 应 用程序。最后，我们建立一个用户交互，按不同的按钮显示不同的图片。 一、创建项目 下面教你如何一步一步建立项目。 为了创建项目, 分为下面几步 1.选择 文件 新建文件或项目 2.点击选择按钮 3.在名称文本框中输入一个项目名，例如PicturePro 点击创建路径后的“浏览”按钮，选择一个文件位置。建议改为”d:\” 然后点击“下一步”按钮 我们建立的这个项目所包含的所有文件都会被包含在d:\ PicturePro 文件夹下 4.直接选择“下一步”按钮 5. 直接选择“下一步”按钮 6.点击“完成”按钮，建立工程完毕，出现下面界面 7.运行程序 点击左下角的绿色三角形，运行程序 二、使用Qt Designer 下面，我们用Qt Designer 在主窗口上添加一个QLabel 和三个QPushButton。 你可以点击前 两个按钮选择不同的图片，也可以按下 “退出”按钮退出当前应用程序。 1. 将文件夹中的light0.png 和light1.png 两个文件拷贝到d:\ PicturePro 目录下 2. 点击左上角树状列表中的“界面文件”前的三角形，然后双击出现的“mainwindow.ui”, 显示界面如下： 3. 选择左侧的“Display Widget ”中的Label （注意拖动滚动条），按住左键，拖动到上 一步创建的界面中，并按住蓝色的方点调整 Label 的大小，也可以在控件上按住鼠标拖 动，改变Label 的位置。 4. 选择左侧的“Buttons”中的Push button （注意拖动滚动条），按住左键，拖动到第 一步创建的界面中，并按住蓝色的方点调整 Label 的大小，也可以在控件上按住鼠标拖 动，改变按钮的位置。操作三遍，建立三个按钮。 5. 鼠标左键双击第一个按钮，键入“开灯”。用同样的方法将第二个按钮的名称改为“关 灯”，第三个按钮改为“退出” 6. 运行程序，查看效果 三、添加按钮响应 1.右键点击第一个按钮，在弹出的菜单中选择“转到槽…”。在弹出的窗口中，直接点 击“确定”按钮。 将出现如下代码： void MainWindow ::on_pushButton_clicked() { } 2.在两个大括号之间插入代码如下，注意图片文件的位置改成你的图片位置： void MainWindow ::on_pushButton_clicked() { QImage *image= new QImage (d:\\PicturePro\\light1.png); *image = image-scaledToHeight(ui-label-height()); ui-label-setPixmap(QPixmap::fromImage(*image)); } 3.再次在左上角的树形列表中双击“mainwindow.ui”,对“关灯”按钮执行相同的 操作，如下添加代码： void MainWindow ::on_pushButton_2_clicked() { QImage *image= new QImage (d:\\PicturePro\\light0.png); *image = image-scaledToHeight(ui-label-height()); ui-label-setPixmap(QPixmap::fromImage(*image)); } 4.用同样的方法处理第三个按钮，在大括号中添加如下代码： void MainWindow ::on_pushButton_3_clicked() { QApplication