专利名称：一种基于脚本编辑图文单元的方法
技术领域：
本发明涉及图文编辑技术，特别涉及一种基于脚本编辑图文单元的方法。
背景技术：
随着计算机网络技术的发展，通过点对点的技术来实现互联网上的即时沟通的即时通讯(IM, Instant Messaging)工具应用越来越普遍，IM已经被大多数的用户所接受并成为用户日常生活、工作的交流与沟通中必不可少的一部分。图I为现有用户终端通过頂工具展示的QQ聊天用户界面结构示意图。参见图1， 该聊天用户界面定义了 QQ用户的头像、昵称、聊天内容以及聊天时间等图文单元，图文单元包括图片、和/或，文字，按照一定的格式排列在聊天用户中。在具体实现上，主要是通过设计人员基于脚本编辑图文单元，从而构建用户界面，即各运营厂商的设计人员基于用户终端提供的配置化编辑用户界面(UI，User Interface)功能的操作系统，例如，基于用户终端的iPhone操作系统(iOS, iPhone Operation System)或Android系统,通过编写超文本标记语言(HTML, Hyper Text Mark-up Language)脚本,然后调用iOS系统或Android系统的标准应用程序接口(API,ApplicationProgram Interface)执行该脚本,可以实现在聊天用户界面编辑脚本描述的图文单元。随着用户越来越多的利用頂工具软件进行日常的交流与沟通，用户对頂工具软件的易用性以及个性化服务等方面提出了越来越高的要求。例如，对于图I中的头像图文单元，用户希望能够根据自己个性化的需求进行动态调整，举例来说，将头像置于聊天用户界面的中间或右对齐等，对于其中的文字，需要动态改变字体的大小、颜色、位置等。但现有的基于脚本实现图文单元编辑的方法，需要掌握相关的程序设计语言，即需要专门的设计人员通过修改脚本中的代码、编译程序并重新发布来提供对图文单元的更新，对用户能力要求高、流程复杂，使得开发周期长、维护成本高，软件开发效率低；而且，不同的脚本需要基于相应的操作系统运行，使得各实现图文单元编辑的脚本不能兼容，通用性较低。
发明内容
有鉴于此，本发明的主要目的在于提出一种基于脚本编辑图文单元的方法，提高软件开发效率、降低软件的维护成本。为达到上述目的，本发明提供了一种基于脚本编辑图文单元的方法，该方法包括预先设置包含各图文单元布局结构信息的用户界面模板；采用可扩展标记语言为设置的用户界面模板定义脚本语法规则；为定义的脚本语法规则编辑脚本解析代码；调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版；封装排版的用户界面模板，形成脚本配置文件信息。
所述调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版具体包括读入设置的脚本语法规则，调用脚本解析代码编译脚本语法规则，生成对该脚本语法规则的具体数据描述，根据脚本语法规则的具体数据描述中的各元素的属性排版设置的用户界面模板中各图文单元，生成排版的用户界面模板。所述根据脚本语法规则的具体数据描述中的各元素的属性排版设置的用户界面模板中各图文单元具体包括根据标签中元素属性包含的固定坐标参数进行坐标运算；或，根据标签中元素的固有属性进行坐标运算；或，根据标签中元素的活动属性进行坐标运算；或，根据标签的先后排列关系进行坐标运算；或，根据标签中元素的边界自动换行运算。所述封装排版的用户界面模板，形成脚本配置文件信息具体包括根据在用户界面模板中编辑排版的各图文单元的布局结构信息，以库的方式进行封装形成脚本配置文件并提供调用接口函数。进一步包括运行脚本配置文件，获取排版的用户界面模板，更新图文单元。所述获取排版的用户界面模板，更新图文单元具体包括绑定与脚本相关的具体数据描述；自动匹配脚本和具体数据描述；接收用户传入的图文单元信息，匹配并更新脚本配置文件中相应元素属性，根据更新的元素属性展示图文单元。通过可视化的自动工具层面展示所述图文单元。所述自动工具层面由文件列表区域、控件列表区域、控件属性显示区域和功能按钮区域组成，其中，文件列表区域，用于保存当前应用过程中的配置文件；控件列表区域，用于存储当前配置文件中用到的控件集合；控件属性区域，用于展示每个控件可修改的属性；功能按钮区域，用于保存修改后的属性到移动终端。所述图文单元布局结构信息包括背景元素、边框元素、图片元素以及文本段元素。所述文本段元素属性包括字体、颜色、大小，所述图片元素属性包括对齐方式、大小、位置。所述脚本语法规则格式包括标签头、标签内容以及标签尾，具体为<标签名称属性I = ”？ ”属性2 = “ ？ ” >内容〈/标签名称> ;其中， 标签头以括号〈> 为标识，标签尾以带斜杠的括号〈/>为标识，标签头和标签尾之间的部分为标签内容。由上述的技术方案可见，本发明提供的一种基于脚本编辑图文单元的方法，预先设置包含各图文单元布局结构信息的用户界面模板；采用可扩展标记语言为设置的用户界面模板定义脚本语法规则；为定义的脚本语法规则编辑脚本解析代码；调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版；封装排版的用户界面模板，形成脚本配置文件信息。这样，通过编写脚本配置文件编辑图文单元，不需要重新编写程序，减少了编写基本程序代码的工作量，提高了软件开发人员开发软件的工作效率； 同时，脚本配置文件可在不同系统上复用、且可以通过修改脚本配置文件更新图文单元，从而减少了修改代码和重新编译的步骤，降低了后期维护和调整优化的成本。
图I为现有用户终端通过頂工具展示的QQ聊天用户界面结构示意图。图2为本发明实施例基于脚本编辑图文单元的方法流程示意图。
图3为本发明实施例n配置工具界面结构示意图。图4为本发明实施例的默认界面结构示意图。图5为本发明实施例调整边框宽度后的界面结构示意图。图6为本发明实施例修改背景颜色后的界面结构示意图。图7为本发明实施例修改对齐方式后的界面结构示意图。图8为本发明实施例基于脚本编辑图文单元的方法具体流程示意图。
具体实施例方式为使本发明的目的、技术方案和优点更加清楚，下面将结合附图及具体实施例对本发明作进一步地详细描述。图2为本发明实施例基于脚本编辑图文单元的方法流程示意图。参见图2，该流程包括步骤201，预先设置包含各图文单元布局(div)的用户界面模板；本步骤中，根据运营商的需求或实际需要预先设置用户界面(UI)模板，包括各图文单元的布局结构信息，例如，对于QQ聊天用户界面，设置的用户界面模板可以包括我的家人、我的好友、我的同事以及我的同学等用户界面子模板，其中，每一用户界面子模板可以由多个图文单元组成，例如，我的好友由包含多个QQ用户的图文单元组成。图文单元的布局结构信息包括背景、边框、图片、文本段等元素，其中，图片可以是QQ用户头像、大小以及在用户界面模板中的位置，文本段可以是以QQ用户名称以及昵称标识的文本等。每一元素具有属性，例如，对于文本段，其属性包括字体、颜色、大小等，对于图片，其属性包括对齐方式、大小、位置等。因而，本发明实施例中，每个图文单元在用户界面模板的区域可以采用类HTML的方式进行描述。步骤202,采用可扩展标记语言(XML,Extensible Markup Language)为设置的用户界面模板定义脚本语法规则；XML是一种可以通过标签的描述来表示包含图文单元的图形界面的计算机脚本， 本步骤中，根据图文单元的特点，采用XML定义脚本语法规则，该脚本语法规则类似HTML， 与HTML不同的是，可以基于不同的操作系统运行。关于XML的脚本语法，具体可参见相关 XML技术文献，在此不再赘述。本步骤中，利用XML为图文单元设置用于后续脚本编辑的脚本语法规则，下面对与本发明相关的一些脚本语法规则进行说明，所应说明的是，可以根据实际需要对脚本语法规则进行相应扩展。采用XML定义的脚本语法规则格式如下<标签名称属性I = ”？ ”属性2 = “ ？ ” >内容〈/标签名称>
其中，标签为XML语法的基本单元,对应图文单元中包含的元素,包括标签头、标签内容以及标签尾，标签头以括号O为标识，标签尾以带斜杠的括号〈/>为标识，标签头和标签尾之间的部分为标签内容。在标签头中，可以包含N个属性(N大于或等于0)，对应元素属性，属性包括属性名称以及属性内容，例如，如上所述，1、2为属性名称，举例来说，图文单元中的背景、边框、图片、文本段等元素可以为属性名称，”？ ”为属性内容，举例来说，对于图片，其属性内容可以为图片大小、位置等信息。实际应用中，标签之间可以互相嵌套。例如，对于一个图片地址来自于pic. png、图片宽100像素、高200像素、横坐标位置为20 (X = 20)，对齐方式为居中(align =”center”)的图片标签，采用XML定义的脚本语法规则如下<img src = ” pic. png” width = IOOheight = 200x = 20align =，，center” >〈/img>0再例如，对于字体为宋体、加粗、红色的文本段标签，采用XML定义的脚本语法规则如下〈text font =”宋体”color = ”#ff0000Hod = TRUE〉文本段内容部分〈/text〉。表I为本发明实施例定义的脚本语法规则中支持的标签列表。表I
权利要求
1.一种基于脚本编辑图文单元的方法，其特征在于，该方法包括 预先设置包含各图文单元布局结构信息的用户界面模板； 采用可扩展标记语言为设置的用户界面模板定义脚本语法规则； 为定义的脚本语法规则编辑脚本解析代码； 调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版； 封装排版的用户界面模板，形成脚本配置文件信息。
2.如权利要求I所述的方法，其特征在于，所述调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版具体包括 读入设置的脚本语法规则，调用脚本解析代码编译脚本语法规则，生成对该脚本语法规则的具体数据描述，根据脚本语法规则的具体数据描述中的各元素的属性排版设置的用户界面模板中各图文单元，生成排版的用户界面模板。
3.如权利要求2所述的方法，其特征在于，所述根据脚本语法规则的具体数据描述中的各元素的属性排版设置的用户界面模板中各图文单元具体包括 根据标签中元素属性包含的固定坐标参数进行坐标运算；或， 根据标签中元素的固有属性进行坐标运算；或， 根据标签中元素的活动属性进行坐标运算；或， 根据标签的先后排列关系进行坐标运算；或， 根据标签中元素的边界自动换行运算。
4.如权利要求I所述的方法，其特征在于，所述封装排版的用户界面模板，形成脚本配置文件信息具体包括 根据在用户界面模板中编辑排版的各图文单元的布局结构信息，以库的方式进行封装形成脚本配置文件并提供调用接口函数。
5.如权利要求I至4任一项所述的方法，其特征在于，进一步包括 运行脚本配置文件，获取排版的用户界面模板，更新图文单元。
6.如权利要求5所述的方法，其特征在于，所述获取排版的用户界面模板，更新图文单元具体包括 绑定与脚本相关的具体数据描述； 自动匹配脚本和具体数据描述； 接收用户传入的图文单元信息，匹配并更新脚本配置文件中相应元素属性，根据更新的元素属性展示图文单元。
7.如权利要求6所述的方法，其特征在于，通过可视化的自动工具层面展示所述图文单元。
8.如权利要求7所述的方法，其特征在于，所述自动工具层面由文件列表区域、控件列表区域、控件属性显示区域和功能按钮区域组成，其中， 文件列表区域，用于保存当前应用过程中的配置文件； 控件列表区域，用于存储当前配置文件中用到的控件集合； 控件属性区域，用于展示每个控件可修改的属性； 功能按钮区域，用于保存修改后的属性到移动终端。
9.如权利要求6所述的方法，其特征在于，所述图文单元布局结构信息包括背景元素、边框元素、图片元素以及文本段元素。
10.如权利要求9所述的方法，其特征在于，所述文本段元素属性包括字体、颜色、大小，所述图片元素属性包括对齐方式、大小、位置。
11.如权利要求10所述的方法，其特征在于，所述脚本语法规则格式包括标签头、标签内容以及标签尾，具体为 <标签名称属性I =”？ ”属性2 = “ ？ ” >内容〈/标签名称> ; 其中， 标签头以括号O为标识，标签尾以带斜杠的括号〈/>为标识，标签头和标签尾之间的部分为标签内容。
全文摘要
本发明公开了一种基于脚本编辑图文单元的方法。预先设置包含各图文单元布局结构信息的用户界面模板；采用可扩展标记语言为设置的用户界面模板定义脚本语法规则；为定义的脚本语法规则编辑脚本解析代码；调用脚本解析代码编译脚本语法规则，对设置的用户界面模板中的各图文单元进行排版；封装排版的用户界面模板，形成脚本配置文件信息。应用本发明，可以提高软件开发效率、降低软件的维护成本。
文档编号G06F9/44GK102622215SQ20111003256
公开日2012年8月1日 申请日期2011年1月27日 优先权日2011年1月27日
发明者朱维松, 王涛, 罗程, 陈静聪, 高月 申请人:腾讯科技(深圳)有限公司