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

权利要求书

1.一种所见即所得的动态生成用户界面的方法，其特征在于，包括：

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

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

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

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

2.根据权利要求1所述的所见即所得的动态生成用户界面的方法，其特征在于，所述所见即所得的用户界面设计工具根据所述显示终端设备分辨率的大小，来设定所述各类控件的可被显示和可被拖拽区域的大小。

3.根据权利要求1所述的所见即所得的动态生成用户界面的方法，其特征在于，用户能够在所述终端显示设备上设置下载所述布局配置文件和所述控件对应显示的图片文件的下载地址。

4.根据权利要求1所述的所见即所得的动态生成用户界面的方法，其特征在于，所述终端显示设备在动态生成各个控件的时候，把所述控件的编号设置在控件的标签属性中。

5.一种所见即所得的动态生成用户界面的系统，其特征在于，包括所见即所得的用户界面设计工具和终端显示设备，其中，

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

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

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

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

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

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

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

6.根据权利要求5所述的所见即所得的动态生成用户界面的系统，其特征在于，所述所见即所得的用户界面设计工具，可以添加的控件种类包括图片，图片按钮，数字时钟，控制数据，文字标签，状态数字。

7.根据权利要求5所述的所见即所得的动态生成用户界面的系统，其特征在于，所述所见即所得的用户界面设计工具，可以设置控件的布局参数，包括控件横坐标，控件纵坐标，控件上显示的文本，还包括控件的编号。

8.根据权利要求5所述的所见即所得的动态生成用户界面的系统，其特征在于，所述布局配置文件，包括控件的编号，控件类型，控件横坐标，控件纵坐标，控件上显示的文本。

9.根据权利要求7或8所述的所见即所得的动态生成用户界面的系统，其特征在于，所述控件横坐标是指控件的所处位置到屏幕参考原点的横向直线点阵数；所述控件纵坐标是指控件的所处位置到屏幕参考原点的纵向直线点阵数。

10.根据权利要求5或7所述的所见即所得的动态生成用户界面的系统，其特征在于，所述终端显示设备还包括静态存储单元，所述静态存储单元会给每个控件分配一个数据存储空间，所有控件对应的数据组成一个数组，所述控件的编号等同于数组内数据元素的序号。

11.根据权利要求1或5所述的所见即所得的动态生成用户界面的方法和系统，其特征在于，所述终端显示设备还包括非易失性存储单元，所述的布局配置文件和控件对应显示的图片文件，都放置在非易失性存储单元中。

12.根据权利要求1所述的所见即所得的动态生成用户界面的方法，其特征在于，所述控件对应显示的图片，所述图片文件的名字用数字命名，其名字的内容包括该控件的编号和一个数字序号；同一个编号的控件，可以对应多个图片文件，以不同的数字序号来区分。

13.根据权利要求1、4、6、10或11所述的所见即所得的动态生成用户界面的方法和系统，其特征在于，所述终端显示设备从控件的标签属性中取得控件的编号，根据编号找到对应的所述数组内数据元素数值；如果控件是所述图片控件或者所述图片按钮控件，就会根据所述控件的编号和所述数组内数据元素的数值找到控件的所述对应显示的图片名字，所述图片名字的前半部分是控件的编号，所述图片名字的后半部分是所述数组内数据元素数值，从而显示出正确的图片；如果控件是所述数字时钟、控制数据、状态数字，就会把对应的所述数组内数据元素数值显示出来；如果控件是所述按钮图片、所述数字时钟、所述控制数据且控件被用户点击、触摸等，就可以直接修改对应的所述数组内数据元素数值，更新用户界面显示，同时执行相应的命令动作。