QT5学习之一

                                                                           简单的小界面一

环境介绍

VS2015 [Debug x86]
注：本博客是方便自己记忆为主，能用到的小伙伴可以看看，希望指出问题更进一步，谢谢 ！

一、新建QT工程

(1)打开vs2015,选择【文件】→【新建】→【项目】

(2)选择[Qt]→[Qt GUI Application]，自己命名项目名称和选择项目位置

(3)点击[next]

(4)点击[next]

(5)命名Class Name，不想改也可以不改吧，并点击[finish]就ok了。

(6)下面是创建好后的文件



(7)ctrl+F5运行程序

二、建立一个小界面

(1)编辑myWindow.h

(2)编辑myWindow.cpp

(3)运行程序

三、为小界面控件添加功能

(1)编辑myWindow.h

(2)编辑myWindow.cpp

(3)运行程序
1、点击OPEN按钮

2、弹出的界面

3、选择图片并打开

4、效果

四、小界面显示功能优化

4-1添加滑动条

(1)编辑myWindow.h

(2)编辑myWindow.cpp


(3)运行程序

4-2添加图片按钮

分享一下我自己用ps做的按钮图标，虽然质量不咋滴。
4-2-1 ps做图标
(1)打开ps

(2)ctrl+N 新建文件

(3)ctrl+shift+N 新建图层

(4)选择椭圆选框工具

(5)按住鼠标左键的同时按住shift键画圆，最好移动到如图所示的位置，便于后面的操作

(6)alt+Delete 将所画的圆填充为黑色

(7)ctrl+D取消选择区域

(8)同样的操作再画一个小圆移动到如图所示区域

(9)Delete删除选取内的内容

(10)ctrl+D取消选区，然后新建一个图层2

(11)选择矩形选框工具画一个矩形，处理后移动至如图所示位置

(12)按ctrl选中图层1和图层2，再按ctrl+G合并图层为组1

(13)选中组1，ctrl+T进行自由变换

(14)按住shift旋转30°

(15)按下Enter

(16)对图片进行裁剪

(17)保存图片


(18)打开刚保存的图片,ctrl+J复制原图

(19)选择魔棒工具

(20)点击空白区域，出现“虚线”后再按Delete，同时关闭背景（便于观察）

(21)制作完成

(22)保存图片


4-2-2 添加qt资源文件
(1)双击.qrc文件出现如图窗口

(2)更改前缀名“/myWindow”为“/”(我的不改成这样就读不了图片)

(3)点击 Add Files

(4)选择图片

(5)添加后入下所示

(6)点击save

4-2-3 利用qt资源为按钮添加图标
①编辑myWindow.h

②编辑myWindow.cpp


③运行程序

④打开图片

⑤点击图片按钮

⑥再次点击图片按钮

本工程代码资源：
https://pan.baidu.com/s/1I6msMP1RerfVZxjeV6-V7Q