Qt嵌入式开发：智能家居项目2 智能家居软件系统界面设计.pptxVIP

项目2智能家居软件系统界面设计

1任务1设计智能家居软件背景界面目录/CONTENTS23任务2设计环境数据检测界面任务3设计图片按钮控制界面4任务4设计空调控制界面5678任务5设计工作模式界面任务6设计单控模式界面任务7设计联动模式界面任务8设计自定义模式界面9任务9利用信号和槽机制实现设备状态切换

任务1设计智能家居软件背景界面

任务描述在智能家居系统软件中，为了使背景界面更加美观，可以设计一个带图片背景的Label控件。

任务目标1.掌握Label控件的常用属性。2.掌握Label控件的常用方法。3.掌握设置Label控件样式的方法。

知识准备1.显示控件组（DisplayWidgets）Label标签控件是显示控件组中的一个控件，常用来显示一行文本信息，但文本信息不能编辑，也可以用于显示图像作为界面背景。序号控件名称含义1Label标签2TextBrowser文本浏览器3GraphicsView图形视图4CalendarWidget日历5LCDNumberLCD数字6ProgressBar进度条7HorizontalLine水平线8VerticalLine垂直线9OpenGLWidgetOpenGL组件10QQuickWidget快速布局组件

知识准备2.Label控件的常用属性序号属性名称属性说明1objectNameLabel控件的名称2TextLabel控件中显示的文本3XLabel控件顶点的X坐标4YLabel控件顶点的Y坐标5宽度Label控件的宽度6高度Label控件的高度

知识准备3.Label控件的常用方法⑴voidsetText(constQString)：设置Label控件的显示文字。例如，在任务1的Dialog.cpp文件的构造方法中加入代码，表示在Label中显示“Qt智能家居项目”的文本。

知识准备3.Label控件的常用方法⑵voidsetVisible(boolvisible)：设置Label是否为可见。在Qt中，多数控件拥有setVisible(boolvisible)方法，该方法的默认值为true，即可见。若参数为false，则表示该Label在界面中不可见。

知识准备4.设置Label控件的样式⑴右键单击Label控件，在弹出的快捷菜单中选择“改变样式表”命令进行编辑。

知识准备4.设置Label控件的样式(2)点击“编辑样式表”中“添加颜色”右侧的下拉箭头，选择“color”，在弹出的“选择颜色”对话框中，选择需要的颜色，或修改红（R）、绿（G）、蓝（B）的值，此处修改为（255，0，0），Label显示为红色。

任务实施⑴运行QtCreator，执行菜单【文件】→【新建文件或项目】，打开项目创建导航对话框。在左侧的“项目”列表框中选择“Application”，中间的列表框选择“QtWidgetsApplication”，项目名称为SmartHome，其余项目信息保持默认，将项目保存在“home/linux/Qt”文件夹中。

任务实施⑵项目生成后，在工程目录中新建一个“Debug”文件夹，用于构建项目时存放缓存文件。⑶将图片文件导入项目，步骤如下：①将需要的素材图片文件夹“images”复制到项目文件夹“SmartHome”中，注意，文件夹和图片的名称都不能出现中文，否则在编译项目时会产生错误。②执行菜单【文件】→【新建文件或项目】，打开项目创建导航对话框。在左侧“文件和类”列表中选择“Qt”，中间的列表中选择“QtResourceFile”，点击“选择”按钮进入下一步。

任务实施③在“新建Qt资源文件”对话框的“位置”向导中输入资源名称“images”，路径保持默认设置。点击“下一步”按钮进入下一步骤。

任务实施④在“汇总”向导中无须设置，单击“完成”按钮即可完成资源文件的创建。此时，会在项目目录下会产生一个“资源”目录，展开此目录有一个名为“images.qrc”的资源文件。⑤选中“images.qrc”文件，在右侧下方的“添加”下拉框中选择“添加前缀”选项，输入前缀名为“/”。

任务实施⑥在“添加”下拉框中选择“添加文件”选项，弹出“打开文件”对话框，将步骤①中复制的images文件夹中的所有图片文件选中并导入。⑦保存所有文件并重新启动SmartHome项目，图片文件便可使用。

任务实施⑶双击打开界面文件“mainwindow.ui”，设置“MainWindow”对象的属性，宽度为800，高度为480（6410或A9网关默认分辨率为800px×480px），在SmartHome项目中，界面无需菜单栏、工具栏和状态栏，可在对象浏览器（ObjectInspector）中将其移除，以移除