智能终端应用程序界面设计方法

文档序号:9217019阅读:321来源:国知局
智能终端应用程序界面设计方法
【技术领域】
[0001] 本发明涉及智能终端领域,尤其涉及一种智能终端应用程序界面设计方法。
【背景技术】
[0002] 目前智能终端的应用程序的开发领域已经被几大操作系统瓜分,比如android操 作系统的开发、iSO操作系统的开发等。如图1所示,一款同样的应用程序为了不同的操作 系统需要分别开发,比如,手机QQ既要开发android版本的应用又要开发支持iSO版本的 应用;而开发出来的不同版本的应用还需要在界面设置上尽可能的一致,保持相同功能的 应用程序外观及操作上的一致性。这时对于不同的操作系统上的界面的设置开发就是在做 重复开发,额外的增加了开发成本。

【发明内容】

[0003] 本发明要解决的技术问题是:提供一种针对不同的操作系统只经过一次开发就能 兼容不同操作系统的智能终端应用程序界面设计方法,经过该方法开发的应用程序界面在 各个操作系统上具有完全相同的外观及操作。
[0004] 为实现上述目的,本发明提供一种智能终端应用程序界面设计方法。
[0005] 所述智能终端应用程序界面设计方法包括以下步骤:
[0006] 步骤1 :初步设计应用程序界面分布图,根据所述分布图使用软件语言编写界面 配置文档,将所述界面配置文档分发给不同操作系统下的初级应用;
[0007] 步骤2 :对所述界面配置文档解析,并生成支持不同操作系统的显示及控制界面;
[0008] 所述步骤2包括以下步骤:
[0009] 步骤21 :加载所述界面配置文档;
[0010] 步骤22 :对界面元素进行解析;
[0011] 步骤23 :对界面进行布局;
[0012] 步骤24 :设置界面自适应屏幕大小;
[0013] 在步骤1中,所述初级应用为在操作系统上完成数据获取、处理、运算形成界面配 置信息,但还未对形成的界面配置信息进行解析的不完全的应用程序。
[0014] 进一步的,所述操作系统包括android系统、iSO系统、Symbian系统、Windows Phone系统和BlackBerry0S系统。
[0015] 进一步的,获取所述界面配置信息并合并至一个界面配置文档时,采用JS0N或者 XML语言格式进行编写;所述界面配置文档中设置有多个界面元素的大小、值、ID及背景颜 色的属性。
[0016] 进一步的,加载完成所述界面配置文档后,调用所述应用程序界面所对应的基类, 并从基类开始进行解析和配置。
[0017]
[0018] 进一步的,所述界面布局时,采用自上而下,从左到右的流式布局;表单的下级元 素是多个表单行,遵守从上到下布局模式。表单行内的元素遵守从左到右布局模式,表单 行内也可以嵌套表单,构造出智能终端应用程序所需要的各种界面效果。
[0019] 本发明的有益效果:
[0020] 本发明提供的智能终端应用程序界面设计方法只经过一次开发就能兼容不同操 作系统,该方法能够避免应用程序界面的重复开发,降低开发成本;经过该方法开发的应用 程序界面在各个操作系统上具有完全相同的外观及操作。
【附图说明】
[0021] 下面结合附图,通过对本发明的【具体实施方式】详细描述,将使本发明的技术方案 及其它有益效果显而易见。
[0022] 附图中,
[0023] 图1为目前不同操作操作系统开发同款应用程序的示意图;
[0024] 图2为本发明智能终端应用程序界面设计方法的原理示意图;
[0025] 图3为本发明智能终端应用程序界面设计方法的界面配置文档主体结构图;
[0026] 图4为本发明智能终端应用程序界面设计方法的界面配置文档第一级结构图;
[0027] 图5为本发明智能终端应用程序界面设计方法的流程图;
[0028] 图6为本发明智能终端应用程序界面设计方法的不同操作系统对界面配置文档 解析时的具体编程流程图。
【具体实施方式】
[0029] 为更进一步阐述本发明所采取的技术手段及其效果,以下结合本发明的优选实施 例及其附图进行详细描述。本发明【具体实施方式】提供的本发明提供一种智能终端应用程序 界面设计方法。
[0030] 请参阅图2、图5及图6,在本基本原理下,本发明提供的所述智能终端应用程序界 面设计方法包括以下步骤:
[0031]步骤1:初步设计应用程序界面分布图,根据所述分布图使用软件语言编写界面 配置文档,将所述界面配置文档分发给不同操作系统下的初级应用。
[0032] 首先在步骤1中,不同的操作系统包括android系统、iSO系统、Symbian系统、 WindowsPhone系统和BlackBerry0S系统,这些系统之间并不兼容。
[0033] 在步骤1中,初级应用并不是一个完整的应用程序,而是在操作系统上完成数据 获取、处理、运算形成界面配置信息,但还未对形成的界面配置信息进行解析的不完全的应 用程序。例如在开发一款手机即时通信应用时,该初级应用是指,能够接受对方数据并进行 数据的基本编解码,处理、变换、并将处理后的数据发送至应用软件的应用层,同时还能够 将自身发送的数据进行输入、处理、变换并发送至底层驱动,从而发送网络乃至对方应用程 序上;但是初级应用并不包括数据在应用程序应用层的显示及控制,以及数据的输入及发 送事件,以及界面的布局。
[0034] 在本实施方式中,进一步的,在步骤1中界面配置文档采用JS0N或者XML语言格 式进行编写;所述界面配置文档中设置有每个界面元素的大小、值、ID及背景颜色等各种 属性。
[0035] 下面以JS0N语言格式为例对界面配置文档编写,编写后的界面配置文档主体结 构如图3所示,对图3中第一级展开后的结构图如图4所示。
[0036] 其中,在对界面配置文档全部展开后的J0SN语言示例如下:
[0037] {
[0038]
[0039]
[0040]
[0041]
[0042] 在本实施方式中,当完成步骤1后,续执行步骤2。
[0043] 所述步骤2包括对所述界面配置文档解析,并生成支持不同操作系统的显示及控 制界面。
[0044] 在本实施方式中,显示及控制界面所根据的数据来自于界面配置文档中每个界面 元素的大小、值、ID及背景颜色等各种属性。具体的,所述步骤2包括以下步骤:
[0045] 步骤21 :加载所述界面配置文档;
[0046] 步骤22 :对界面元素进行解析;
[0047] 步骤23 :对界面进行布局;
[0048] 步骤24 :设置界面自适应屏幕大小。
[0049] 在本实施方式中,在执行步骤21时,采用swift语言的代码对界面配置文档进行 加载为不例,具体的为:
[0050] //MARK:APP STARTED: Public func application ( application: UIApplication, didFinishLaunchingWithOptions launchOptions:[NSObject: AnyObject]?)
[0051]
[0052] 在本实施方式中,进一步的,在执行步骤22时,加载完成所述界面配置文档后,调 用所述应用程序界面所对应的基类,并从基类开始进行解析和配置。这个基类存在于不同 的操作系统中,每个操作系统中基类存在差异。
[0053] 其中,在属性配置时,需要实现界面配置文档中指定的各项属性。例如在页面类的 viewDidLoad事件中,可以调用基类的呈现方法来配置界面配置文档中的属性内容,具体 的:
[0054]
[0055] 对于上述"按钮"所对应的解析方法为:
[0056]
[0057] 进一步的,在执行步骤23时,当对界面布局时,采用自上而下,从左到右的流式布 局;表单的下级元素是多个表单行,遵守从上到下布局模式。表单行内的元素遵守从左到右 布局模式。
[0058] 需要说明的是,采用这样的页面布局的方式是大多数的应用程序所采用的,也是 人们长期应用所习惯了布局方式,但是,如果有特殊的要求可以变更页面布局的方式。
[0059] 进一步的,在执行步骤24时,以设定默认的界面的分别率为320*480为例进行说 明。需要在实际运行的设备上,根据实际屏幕宽度与320的比值对宽度和高度进行等比例 的缩放。
[0060] 其中,如果在页面中,遇到内容高度超过屏幕高度的时候,应该为内容增加一个可 以滚动的容器。
[0061] 有时界面元素所占据屏幕的区域是与屏幕底边相关的,可以指定其高度为"屏幕 高度-固定值"。例如:配置文件中的〃高度":"-60",表示元素的高度等于:"屏幕高 度-60"。
[0062] 有时界面元素所占据屏幕的区域是与屏幕左右两边相关的,可以指定其宽度为" 屏幕宽度-固定值"。
[0063] 在通过以上的方法实现了统一界面设计之后,还可以对界面元素进行事件处理, 主要是通过元素的ID值进行定位。例如在iSO系统中,不同的ID的元素可以制定不同的tag整数,然后根据指定的tag定位指定ID的元素,从而可以进一步绑定事件处理。
【主权项】
1. 一种智能终端应用程序界面设计方法,其特征在于,包括以下步骤: 步骤1:初步设计应用程序界面分布图,根据所述分布图使用软件语言编写界面配置 文档,将所述界面配置文档分发给不同操作系统下的初级应用; 步骤2 :对所述界面配置文档解析,并生成支持不同操作系统的显示及控制界面; 所述步骤2包括以下步骤: 步骤21 :加载所述界面配置文档; 步骤22 :对界面元素进行解析; 步骤23 :对界面进行布局; 步骤24 :设置界面自适应屏幕大小; 在步骤1中,所述初级应用为在操作系统上完成数据获取、处理、运算形成界面配置信 息,但还未对形成的界面配置信息进行解析的不完全的应用程序。2. 根据权利要求1所述的智能终端应用程序界面设计方法,其特征在于,所述操作系 统包括android系统、iSO系统、Symbian系统、WindowsPhone系统和BlackBerryOS系 统。3. 根据权利要求1所述的智能终端应用程序界面设计方法,其特征在于,编写界面配 置文档时,采用JSON或者XML语言格式进行编写;所述界面配置文档中设置有每个界面元 素的大小、值、ID及背景颜色等各种属性。4. 根据权利要求1所述的智能终端应用程序界面设计方法,其特征在于,加载完成所 述界面配置文档后,调用所述应用程序界面所对应的基类,并从基类开始进行解析和配置。5. 根据权利要求1所述的智能终端应用程序界面设计方法,其特征在于,所述界面布 局时,采用自上而下,从左到右的流式布局;表单的下级元素是多个表单行,遵守从上到下 布局模式。表单行内的元素遵守从左到右布局模式,表单行内也可以嵌套表单,构造出智 能终端应用程序所需要的各种界面效果。
【专利摘要】本发明提供一种智能终端应用程序界面设计方法,包括以下步骤:1:初步设计应用程序界面分布图,根据所述分布图使用软件语言编写界面配置文档,将所述界面配置文档分发给不同操作系统下的初级应用;2:对所述界面配置文档解析,并生成支持不同操作系统的显示及控制界面;所述步骤2包括以下步骤:21:加载所述界面配置文档;22:对界面元素进行解析;23:对界面进行布局;24:设置界面自适应屏幕大小;在步骤1中,所述初级应用为在操作系统上完成数据获取、处理、运算形成界面配置信息,但还未对形成的界面配置信息进行解析的不完全的应用程序。本发明能够避免应用程序界面重复开发,降低开发成本。
【IPC分类】G06F9/44
【公开号】CN104932877
【申请号】CN201510200647
【发明人】陈小州, 常文元
【申请人】陈小州, 常文元
【公开日】2015年9月23日
【申请日】2015年4月24日
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1