【qt】仿写一个智能家居页面

来源

B站大学
示例图片：

1. 向界面中添加图片

1.1 添加图片资源文件

后面的保持默认，点击完成。成功后可以看到：


再将图片拖入工程文件夹下面。

向页面添加图片



前缀名可以是自己设定，注意添加完毕后一定要先保存(ctrl+s)，看文件后面的小星号*消失就保存成功，否则后面无法添加文件。

4.2 引用这个图片

回到ui文件，将一个label拖到页面中，删除label中的文字，右键这个label，选改变样式表。
点击添加资源旁边的小箭头(不要直接点击添加资源！)，点击border image。

然后一直ok就行。
同样可以通过拖拽label为图片添加文字说明。

4.3 向按钮添加图片

示例图片中单机相应按钮会触发相应事件(开灯、开空调等等)，因此我们需要为图片添加功能，即在按钮上添加图片。
选中按钮->右键->改变样式表