智能家居系统项目一 设计智能家居软件系统的界面1
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• void setText(const QString &)：设置Label的显示文字。 • void setVisible(bool visible)：设置Label是否为可见，系统默认值为true（可
见）,若参数为false，则表示该Label在界面中不可见。
设置Label控件样式
• 方法1：右击Label控件，选择“改变样式表”进行编辑。
• 方法2：利用控件的setStyleSheet(QString)方法，也可进行对控件样式 的设置。
1.在桌面创建一个Qt Gui项目“SmartHome”，并将构建目录指向该项目中的 Debug文件夹。 2.导入图片文件，步骤如下： （1）将需要的素材图片文件夹“images”复制到项目文件夹。注意文件夹和图 片的文件名都不能出现中文，否则会在项目编译时出错。
（3）右击Label标签，选择“改变样式表”，在编辑样式表中选择“添加字体”按钮，在“选择 字体”对话框中选择字体为“文泉驿微米黑”，大小为“24”。
（4）点击左侧的运行按钮，完成对该项目的编译和运行。
项目构建目录的设置
使用Qt Creator编译工程时，默认会生成一个与工程目录同级的构建目录，用于存放缓存文 件。构建目录名相当长，从而使得目录结构看起来显得有些凌乱。
百度文库
5.右击界面的Label控件选择“改变样式表”，在“添加资源”下拉列表中选择 “background-image”，弹出“选择资源”对话框，选择图片背景后确认。
03 . 环境数据检测页面的设计
使用Label和LCD Number控件进行环境数据检测部分界面的设计。其中，温度和 湿度值为十进制显示，保留两位小数。光照和烟雾值为十六进制显示。
Label控件的常用属性
• objectName：Label控件的控件名。 • text：Label控件的显示文本。 • X：Label控件顶点的X坐标。 • Y：Label控件顶点的Y坐标。 • 宽度（width）：Label控件的宽度。 • 高度（Height）：Label控件的高度。
Label控件的常用方法
项目一 设计智能家居软件系统的界面
01 . 创建第一个Qt图形化项目
• 创建一个Qt图形化窗口项目，在窗口中显示“Hello World”。
（欢迎）：用户可以快速打开最近使用的项目，为用户提供了方便。同 时自带一些实例模板，如：记事本、音乐播放器等。
（编辑）：在该选项下进行代码头文件和源文件的编辑。
LCD Number控件是显示控件组（Display Widgets）的另一个常用控件，用于显 示一个和LCD一样的数字。它可以显示几乎任意大小的数字，可以显示十进制、 十六进制、八进制或二进制数。
在智能家居系统软件中，为了使界面变得更加美观，可 以设计一个具有图片背景的Label。
显示控件组（Display Widgets）
• Label：标签。 • LCD Number：LCD数字。 • Progress Bar：进度条。 • Horizontal Line：水平线。 • Vertical Line：垂直线。
（设计）：在该选项下进行图形化界面的设计，包括控件的创建、属性 的设置、信号槽的设置等。
（调试）：在该选项下可以对项目进行调试，跟踪程序的运行情况。
（项目）：在该选项下可对项目的开发环境、调试目录等进行相关配置。 （运行）：编译并运行项目。快捷键为 Ctrl+R。
1.项目的创建
（1）运行Qt Creator，选择“文件”→“新建文件或项目”项，打开项目创建导航对话框。 在“项目”栏选择“Qt控件项目”，右侧对应选择“Qt Gui应用”（Gui:Graphical User Interface，即图形用户界面），如图所示。点击“选择”按钮，进入下一步骤。
（2）右击项目名称，点击“添加新文件…”
（3）在“新建文件”对话框中选择“Qt”->“Qt资源文件”，点击“选择”按 钮，进入下一步骤。
（4）在“新建Qt资源文件”对话框“位置”向导中输入名称“images”，路径 默认即可。点击“下一步”按钮进入下一步骤。
（5）在“汇总”向导中点击“完成”按钮，完成资源文件的创建。此时，会 在项目目录下新建一个“images.qrc”的资源文件。将该文件双击打开。 （6）在“添加”下拉框中选择“添加前缀”。输入前缀名“/”，如图1-23所 示。
在项目构造前可以先对构建目录进行设置。在“项目”选项卡中，对构建目录进行设置。一般会 将构建目录路径指向项目文件夹中。
构建目录设置完成后，编译的缓存文件会自动添加至该目录中。其中，与项目名同名的文件为可 执行文件（如在本项目中的Test文件），双击该文件便可直接运行此项目。
02 . 智能家居系统软件背景界面的设计
（2）定义项目名称并选择保存路径。这里项目名称不建议使用中文。这里将项目名命名为Test并 保存在桌面上，如图1-4所示。点击“下一步”按钮进入下一步骤。
（3）在“目标”向导中按系统默认设置即可，点击“下一步”按钮进入下一步骤。 （4）根据需要，选择一个“基类”。这里选择QDialog（对话框）类作为基类，定义类名，建议 首字母大写。修改类名后，头文件名、源文件名和界面文件名都会自动更新，如图所示。点击 “下一步”按钮进入下一步骤。
（7）在“添加”下拉框中选择“添加文件”。弹出“打开文件”对话框。将 步骤1复制的所有图片文件选中并导入。 （8）将该项目重启，图片文件便可使用。
3.双击打开界面文件“dialog.ui”，设置dialog对象属性宽度为800，高度为480 （6410网关默认分辨率为800*480）。
4.在界面中拖入一个Label控件，设置其控件名为lblBg。设置其属性X为0，Y 为0，宽度为800，高度为480，text为空。
（5）在“汇总”向导中按系统默认设置即可，点击“完成”按钮进入完成项目的创建。
2.显示“Hello World”
（1）在“项目”的树形列表中，找到“界面文件”中的“dialog.ui”文件，双击打开。 （2）在左侧组件箱中找到Label控件并将其拖入编辑区。双击该组件，将其变为可编辑状态，输 入要显示的文字“Hello World”
见）,若参数为false，则表示该Label在界面中不可见。
设置Label控件样式
• 方法1：右击Label控件，选择“改变样式表”进行编辑。
• 方法2：利用控件的setStyleSheet(QString)方法，也可进行对控件样式 的设置。
1.在桌面创建一个Qt Gui项目“SmartHome”，并将构建目录指向该项目中的 Debug文件夹。 2.导入图片文件，步骤如下： （1）将需要的素材图片文件夹“images”复制到项目文件夹。注意文件夹和图 片的文件名都不能出现中文，否则会在项目编译时出错。
（3）右击Label标签，选择“改变样式表”，在编辑样式表中选择“添加字体”按钮，在“选择 字体”对话框中选择字体为“文泉驿微米黑”，大小为“24”。
（4）点击左侧的运行按钮，完成对该项目的编译和运行。
项目构建目录的设置
使用Qt Creator编译工程时，默认会生成一个与工程目录同级的构建目录，用于存放缓存文 件。构建目录名相当长，从而使得目录结构看起来显得有些凌乱。
百度文库
5.右击界面的Label控件选择“改变样式表”，在“添加资源”下拉列表中选择 “background-image”，弹出“选择资源”对话框，选择图片背景后确认。
03 . 环境数据检测页面的设计
使用Label和LCD Number控件进行环境数据检测部分界面的设计。其中，温度和 湿度值为十进制显示，保留两位小数。光照和烟雾值为十六进制显示。
Label控件的常用属性
• objectName：Label控件的控件名。 • text：Label控件的显示文本。 • X：Label控件顶点的X坐标。 • Y：Label控件顶点的Y坐标。 • 宽度（width）：Label控件的宽度。 • 高度（Height）：Label控件的高度。
Label控件的常用方法
项目一 设计智能家居软件系统的界面
01 . 创建第一个Qt图形化项目
• 创建一个Qt图形化窗口项目，在窗口中显示“Hello World”。
（欢迎）：用户可以快速打开最近使用的项目，为用户提供了方便。同 时自带一些实例模板，如：记事本、音乐播放器等。
（编辑）：在该选项下进行代码头文件和源文件的编辑。
LCD Number控件是显示控件组（Display Widgets）的另一个常用控件，用于显 示一个和LCD一样的数字。它可以显示几乎任意大小的数字，可以显示十进制、 十六进制、八进制或二进制数。
在智能家居系统软件中，为了使界面变得更加美观，可 以设计一个具有图片背景的Label。
显示控件组（Display Widgets）
• Label：标签。 • LCD Number：LCD数字。 • Progress Bar：进度条。 • Horizontal Line：水平线。 • Vertical Line：垂直线。
（设计）：在该选项下进行图形化界面的设计，包括控件的创建、属性 的设置、信号槽的设置等。
（调试）：在该选项下可以对项目进行调试，跟踪程序的运行情况。
（项目）：在该选项下可对项目的开发环境、调试目录等进行相关配置。 （运行）：编译并运行项目。快捷键为 Ctrl+R。
1.项目的创建
（1）运行Qt Creator，选择“文件”→“新建文件或项目”项，打开项目创建导航对话框。 在“项目”栏选择“Qt控件项目”，右侧对应选择“Qt Gui应用”（Gui:Graphical User Interface，即图形用户界面），如图所示。点击“选择”按钮，进入下一步骤。
（2）右击项目名称，点击“添加新文件…”
（3）在“新建文件”对话框中选择“Qt”->“Qt资源文件”，点击“选择”按 钮，进入下一步骤。
（4）在“新建Qt资源文件”对话框“位置”向导中输入名称“images”，路径 默认即可。点击“下一步”按钮进入下一步骤。
（5）在“汇总”向导中点击“完成”按钮，完成资源文件的创建。此时，会 在项目目录下新建一个“images.qrc”的资源文件。将该文件双击打开。 （6）在“添加”下拉框中选择“添加前缀”。输入前缀名“/”，如图1-23所 示。
在项目构造前可以先对构建目录进行设置。在“项目”选项卡中，对构建目录进行设置。一般会 将构建目录路径指向项目文件夹中。
构建目录设置完成后，编译的缓存文件会自动添加至该目录中。其中，与项目名同名的文件为可 执行文件（如在本项目中的Test文件），双击该文件便可直接运行此项目。
02 . 智能家居系统软件背景界面的设计
（2）定义项目名称并选择保存路径。这里项目名称不建议使用中文。这里将项目名命名为Test并 保存在桌面上，如图1-4所示。点击“下一步”按钮进入下一步骤。
（3）在“目标”向导中按系统默认设置即可，点击“下一步”按钮进入下一步骤。 （4）根据需要，选择一个“基类”。这里选择QDialog（对话框）类作为基类，定义类名，建议 首字母大写。修改类名后，头文件名、源文件名和界面文件名都会自动更新，如图所示。点击 “下一步”按钮进入下一步骤。
（7）在“添加”下拉框中选择“添加文件”。弹出“打开文件”对话框。将 步骤1复制的所有图片文件选中并导入。 （8）将该项目重启，图片文件便可使用。
3.双击打开界面文件“dialog.ui”，设置dialog对象属性宽度为800，高度为480 （6410网关默认分辨率为800*480）。
4.在界面中拖入一个Label控件，设置其控件名为lblBg。设置其属性X为0，Y 为0，宽度为800，高度为480，text为空。
（5）在“汇总”向导中按系统默认设置即可，点击“完成”按钮进入完成项目的创建。
2.显示“Hello World”
（1）在“项目”的树形列表中，找到“界面文件”中的“dialog.ui”文件，双击打开。 （2）在左侧组件箱中找到Label控件并将其拖入编辑区。双击该组件，将其变为可编辑状态，输 入要显示的文字“Hello World”