简单的小界面一
环境介绍
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