[发明专利]一种所见即所得的动态生成用户界面的方法和系统

说明书

技术领域

本发明涉及带人机交互界面的计算机程序应用技术领域，特别是涉及一种在二维显示平面中所见即所得动态生成布局界面控件元素的方法和系统。

背景技术

在带有用户界面的计算机应用程序中，如果内外界情况发生了改变，目前的用户操作界面不能满足新的应用要求，或者要新增一套新的用户界面，例如：智能家居产品中，新增加了一类智能终端产品，这个类别是之前的系统中没有的，而新类别的智能终端产品操作方式和已有产品的操作方式大不相同，这就需要新增一套用户界面。那么这种情况下普遍需要修改应用程序的源代码，修改界面部分处理代码，甚至还要修改数据处理部分的代码，然后测试并发布新的应用程序版本；终端显示设备再把新版本的程序重新安装并部署好。其间花费的人力物力成本巨大，周期长。而且以上步骤中，最终用户除了重新安装部署应用程序之外，其它工作都无法帮忙，只能被动等待。

发明内容

为了解决上述问题，本发明解决的技术问题在于提供了一种所见即所得的动态生成用户界面的方法和系统，以更方便灵活的修改和添加各种布局。

本发明提供了一种所见即所得的动态生成用户界面的方法，包括，

所见即所得的用户界面设计工具用来添加并自由拖拽各类控件到合适的显示区域位置，设置控件的布局参数，设置控件的编号，并生成布局配置文件；

所述所见即所得的用户界面设计工具在添加图片类控件和图片按钮类控件的时候，都要从本地选取一个图片文件作为此控件对应显示的图片；

所述布局配置文件和所述控件对应显示的图片文件被导入或者下载到终端显示设备中；

所述终端显示设备解析所述布局配置文件，根据各个控件的布局参数、编号和控件对应显示的图片文件，动态生成各个控件并显示到所述终端显示设备的屏幕上。

上述的所见即所得的动态生成用户界面的方法中，其中，所述所见即所得的用户界面设计工具根据所述显示终端设备分辨率的大小，来设定所述各类控件的可被显示和可被拖拽区域的大小。

上述的所见即所得的动态生成用户界面的方法，其中，用户能够在所述终端显示设备上设置下载所述布局配置文件和所述控件对应显示的图片文件的下载地址。

上述的所见即所得的动态生成用户界面的方法，其中，所述终端显示设备在动态生成各个控件的时候，把所述控件的编号设置在控件的标签属性中（例如在android系统中，可设置的属性包括android控件的tag信息位置和ID信息位置）。

本发明还提供了一种所见即所得的动态生成用户界面的系统，包括所见即所得的用户界面设计工具和终端显示设备，其中，

所述所见即所得的用户界面设计工具包括布局配置文件加载单元、控件添加编辑单元、布局配置文件生成单元；所述终端显示设备包括解析单元、动态生成控件并显示单元、控件事件响应处理单元；

所述布局配置文件加载单元，用于打开之前保存的布局配置文件，分析文件中的控件数量和布局参数并把所有控件显示在所述所见即所得的用户界面设计工具的布局区域；

所述控件添加编辑单元，用于添加和编辑各类控件，拖拽各类控件到合适的位置；

所述布局配置文件生成单元，用于把所有控件综合起来生成一个布局配置文件；

所述解析单元，用于对布局配置文件进行读取和解析；

所述动态生成控件并显示单元，用于根据所述解析单元的解析结果，动态生成各个控件并显示各个控件到所述终端显示设备的屏幕上；

所述控件事件响应处理单元，用于对控件的产生的事件进行监听、响应和处理和更新显示。

上述的所见即所得的动态生成用户界面的系统，其中，所述所见即所得的用户界面设计工具，可以添加的控件种类包括图片，图片按钮，数字时钟，控制数据，文字标签，状态数字。

上述的所见即所得的动态生成用户界面的系统，其中，所述所见即所得的用户界面设计工具，可以设置控件的布局参数，包括控件横坐标，控件纵坐标，控件上显示的文本，还包括控件的编号。

上述的所见即所得的动态生成用户界面的系统，其中，所述布局配置文件，包括控件的编号，控件类型，控件横坐标，控件纵坐标，控件上显示的文本。

上述的所见即所得的动态生成用户界面的系统，其中，所述控件横坐标是指控件的所处位置到屏幕参考原点的横向直线点阵数；所述控件纵坐标是指控件的所处位置到屏幕参考原点的纵向直线点阵数。