利用XML进行手机UI设计的方法技术

技术编号:7272210 阅读:498 留言:0更新日期:2012-04-15 19:44
本发明专利技术公开了一种利用XML进行手机UI设计的方法,其包括以下步骤:S1、在PC机上构建SDK,并通过SDK开发手机界面,手机界面包括UI和GUI;S2、通过SDK中的工程编译,将UI和GUI转换成资源文件,并下载到手机文件系统中,其中该资源文件包括图片、字符串和XML文件;S3、手机开机过程中将图片、字符串资源读入手机内存,同时调用XML解析接口读取XML文件中指定的UI元素,并将该UI元素信息反馈给图形界面接口生成界面。应用本发明专利技术即使更改UI、GUI(图形用户界面)设置仅需要更改文件系统中XML文件即可,不需要重新编译、烧录程序。这样便于维护且提高了软件开发质量与进度。

【技术实现步骤摘要】

本专利技术涉及一种手机UI的设计方法,特别是涉及一种利用XML进行手机UI设计的方法
技术介绍
目前基于某些平台(比如大唐Arena平台、STE平台)的手机UI (用户界面)设计主要是用excel表格先制定好UI规格,然后研发人员根据UI规格,用C语言编写人机交互界面,这样当有新的UI需求变更时,整个软件代码修改较大,给新项目移植及代码维护带来非常大的困难。其中,Arena操作系统是由我国大唐移动自主研发的手机操作系统。 目前Arena得到了国内和韩国厂商的支持。Arena由大唐移动主导开发,目前主要应用于 TD-SCDMA手机,已经有超过10款2G,2. 5G和3G手机终端使用了该操作系统。而STE平台也为一种手机平台,为st errison公司开发的一种手机研发平台。
技术实现思路
本专利技术要解决的技术问题是为了克服现有技术手机UI设计方法可修改性、移植性差的缺陷,提供一种利用XML进行手机UI设计的方法。本专利技术是通过下述技术方案来解决上述技术问题的一种利用XML进行手机UI设计的方法,其特点在于,其包括以下步骤S1、在PC机上构建SDK,并通过SDK开发手机界面,手机界面包括UI和⑶I ;&、通过SDK中的工程编译,将UI和⑶I转换成资源文件,并下载到手机文件系统中,其中该资源文件包括图片、字符串和XML文件;&、手机开机过程中将图片、字符串资源读入手机内存,同时调用XML解析接口读取XML文件中指定的UI元素,并将该UI元素信息反馈给图形界面接口生成界面。较佳地,步骤&之后还包括步骤S21 制定XML描述规范,包括制定主题、布局和控件描述规范。较佳地,所述布局为按照一定规则和排列方式将控件和子布局组织起来的排列结构。较佳地,所述控件与手机平台使用的图形库相关。较佳地,所述主题包括手机的换肤功能,所述主题的配置包括控件的背景图、文字大小颜色和系统级别的共有配置。较佳地,所述手机的平台为Arena平台或STE平台。本专利技术的积极进步效果在于本专利技术利用XML语言对UI各个元素进行描述,使用时由XML解析器获取各个元素的值。即使更改UI、GUI (图形用户界面)设置仅需要更改文件系统中XML文件即可,不需要重新编译、烧录程序。这样便于维护且提高了软件开发质量与进度。附图说明图1为现有技术中的一种XML DOM树的结构图。图2为本专利技术的方法中UI、GUI转化为资源文件的流程图。图3为本专利技术的方法中资源文件转化为UI、GUI的流程图。具体实施例方式下面结合附图给出本专利技术较佳实施例,以详细说明本专利技术的技术方案。首先有必要对XML技术做一简要描述,从而理解本专利技术的下述内容会更加顺利。XML是一种简单的数据存储交换语言,其使用一系列简单的标记描述数据。 DOM (Document Object Model)是W3C的一个标准,并且也被推荐用来当作访问XML文件的一个API (应用程序接口)。可以在任何平台上使用任何语言来编写程序并通过DOM访问 XML文件。对于XML而言,DOM包含了许多对象,并且每个对象都提供了许多接口(属性和函数)供程序实现对XML文件数据的访问。由于XML文件结构类似于一棵树,因此XML DOM 对象就依循着一个树状的数据结构提供函数与属性,可以通过这些函数与属性操纵XML文件。 根据DOM,XML文件中的每个成份都是一个Node (节点)。其中,整个文档是一个文档节点;每个XML标记是一个元素节点;包含在XML元素中的文本是文本节点;每一个XML 属性是一个属性节点;注释属于注释节点。例如,XML文档的DOM树结构(部分)如图1所示,而其对应的标记语言如下。< ? xml version=" 1.0" encoding = “ utf-8" standalone =" yes" ? ><LAY0UT_LIST_ITEMId =〃 IDL_LISTITEM_SET_USER_NAME"Height = " 37〃 >〈LINEARLAY0UT Name = “ ID_LINEARLAY0UT_1“ >〈LINEARLAY0UTName = “ ID_LINEARLAY0UT_2“Width = " 0.975〃 Margin = " 4〃 Orientation = " Vertical" >〈STATICName =" IDC_STATIC_SETTING〃 Height =" 17〃BgType = " None" FillColor = " 255 255 255〃 ><TEXT TextId = " IDS_USER_NAME" FontSize = " 14" />〈/STATIC〉<EDIT Name =" IDC_EDIT_SETTING" Height =" 17" Margin =" 1"FontSize = " 14〃 Style =" Normal" InputMethodType" ID_SYSTEM_IME_DIGITID_SYSTEM_IME_L0WERCASEID_SYSTEM_IME_UPPERCASEID_SYSTEM_IME_ENGLISH ID_SYSTEM_IME_HANDWRITING"MaxLength = " 20〃 SingleLine = " True" /></LINEARLAY0UT></LINEARLAY0UT></LAY0UT_LIST_ITEM>有了 D0M,就可以通过客户端脚本动态载入和解析XML文件,访问XML DOM节点,甚至可以更改节点信息,更新整个XML文档。基于这样的技术,本专利技术的总体思想可分为两大步骤。1、如图2所示,在PC机上通过SDK (Software Development Kit,即软件开发工具包)开发手机界面包括UI及GUI,并分类转化为各类XML文件、字符串及图片资源文件。其中,UI是主要侧重于流程方面的界面设计,比如按了某个按键之后进入对应的哪个界面等。 而⑶I则主要侧重于界面上的布局等等。将这些资源文件打包后放入到手机文件系统中。图2中,最左侧的方框代表手机的界面,标题下面为具体的界面布局。利用SDK工具将界面解析(Parse)成控件XML、主题XML和布局XML,然后转化成资源文件。2、如图3所示,手机在开机过程中将图片、字符串等二进制资源读入(Iosd)到手机内存中,同时调用XML解析接口读取相应XML文件中指定UI元素(比如控件、图片坐标、 文字坐标等)。图1-图3中,为符合本领域技术人员的习惯,如Parse等技术术语在图中继续沿用,对应中文上面均有解释。本专利技术在具体实施时,步骤如下。实现UI、⑶I与资源文件的转换首先需要构建PC机侧的SDK,将PC机编写的UI、 GUI界面信息转为资源文件,同时手机终端需要有DCOM类解析接口完成逆向功能。DCOM类解析接口为一种现有的XML解析接口。1、构建SDK:包括窗口、主题、资源编辑管理,除此之外还包括最底端左右按键、状态条、弹出框、切换分辨率、字符串转换等功能。用户在PC机上设计好手机UI、GUI流程后通过SDK中的本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员:刘美红
申请(专利权)人:基信康信息技术上海有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1
相关领域技术