1使用热点控件创建一个公司介绍项目使用热点控件创建一个公司介绍项目热点控件介绍www.vibesic.comsales.cn@vibesic.com.cn86-755-2646-265786-755-2645-26752使用热点控件创建一个公司介绍项目图片、热点控件的使用修订历史版本日期说明V1.02009/09/28创建文档V1.12010/03/27增加布局一节V2.02010/06/12使用最新HMIDesigner版本创建V2.12010/11/1增加视频演示23使用热点控件创建一个公司介绍项目图片、热点控件的使用目录项目背景...........................................................................................................................................4整体风格设计...................................................................................................................................4HMIDesigner设计流程....................................................................................................................6主控MCU设计..............................................................................................................................10视频演示.........................................................................................................................................10免责声明.........................................................................................................................................1134使用热点控件创建一个公司介绍项目图片、热点控件的使用项目背景在人机界面的应用中，有很多说明性的场合。例如公司介绍、银行、医院、税务等专业机构的业务介绍等应用。在这个示例项目中将使用热点控件直接生成一个公司的产品介绍。本项目中无需其他主控MCU向VSD发送指令，VSD使用自身的触摸屏作为整个系统的输入，而不同的介绍页面为作为系统的输出。本项目将在VM8048-7TVSD模组中实现，分辨率为800x480。在本示例中将设计由4个页面组成的一个公司介绍，分别有“成功案例”“行业介绍”“设计流程”“联系我们”整体风格设计关于介绍页面的整体图片风格用户可以自由设计，也可以交由专业的UI设计公司来做。示例项目中我们制作的公司介绍包括四个画面，分别为画面1画面245使用热点控件创建一个公司介绍项目图片、热点控件的使用画面3画面456使用热点控件创建一个公司介绍项目图片、热点控件的使用有了以上的各种画面的图片后，就可以直接通过热点控件来创建公司介绍项目。HMIDesigner设计流程以下将详细介绍HMIDesigner中的实现过程。1.启动HMIDesigner设计软件，并新建方案；a)软件启动后，选择《方案》/《新建方案》弹出对话框b)定义方案名称，以及工程名称，分别为“8048方案”，“公司介绍”；方案与工程的区别请参考名词解释。67使用热点控件创建一个公司介绍项目图片、热点控件的使用c)选择板卡类型，选择通信的串口，选择保存路径。2.设置工程属性；点击“工程”选项卡选中“公司介绍”工程点击“属性”选项卡，在其中设置当前工程的属性：波特率：此处的串口波特率为工程实现完成后与主控MCU之间通信的串口波特率，支持从2400到1152