一种用于实现界面布局的皮肤文件生成方法、装置及设备制造方法及图纸

技术编号:19488995 阅读:18 留言:0更新日期:2018-11-17 12:00
本申请公开一种用于实现界面布局的皮肤文件生成方法、装置及设备,在可视化界面编辑区利用树结构管理视图中的各个控件。首先接收在可视化界面编辑区针对任一控件的编辑操作;然后,根据编辑操作对树结构中的控件的控件属性和/或排版属性进行更新;根据更新控件后的树结构显示界面布局效果;最后在接收到预设的皮肤文件生成指令后,根据更新控件后的树结构中各个控件生成皮肤文件,用于实现应用软件的界面布局。由于皮肤文件能独立于业务功能代码存在,因此利用该皮肤文件实现各种应用的界面布局时,能够避免视图逻辑代码与业务功能代码的耦合性,在应用的界面布局需进行调整时只需更改皮肤文件,降低了界面布局更改对应用版本更新发布的依赖。

【技术实现步骤摘要】
一种用于实现界面布局的皮肤文件生成方法、装置及设备
本申请涉及互联网领域,具体涉及一种用于实现界面布局的皮肤文件生成方法、装置及设备。
技术介绍
各种应用(英文:Application;简称:APP)中,为了向用户展现丰富的内容以及提供良好的使用体验,应用的界面布局往往被作为吸引用户的重要元素之一,通常各种应用的界面布局具有多样性。目前,应用的开发人员是通过编写视图逻辑代码的方式实现应用的界面布局,这种实现方式不得不将用于实现界面布局的视图逻辑代码与用于实现应用业务功能的代码糅杂在一起,使得二者耦合度极高。由于应用的界面布局会随着用户的需求不断调整更新,以吸引更多用户的关注,一旦涉及到应用的界面布局的调整,则开发人员需要对用于实现界面布局的视图逻辑代码进行更改。而视图逻辑代码与业务功能代码之间的耦合性,要求在更改视图逻辑代码的同时,也需要对业务功能代码进行调整,重新发布整个新版本的应用后,最终完成对界面布局的更新。可见,上述对应用的界面布局的调整过程相对复杂,且依赖业务功能代码的调整,以及整个应用新版本的发布。
技术实现思路
为解决上述问题,本申请提供了一种用于实现界面布局的皮肤文件生成方法、装置及设备,具体技术方案如下:第一方面,本申请提供了一种用于实现界面布局的皮肤文件生成方法,在可视化界面编辑区,利用树结构管理视图中的各个控件,所述控件具有控件属性和排版属性,所述方法包括:接收在所述可视化界面编辑区针对任一控件的编辑操作,所述编辑操作包括控件属性编辑操作和/或排版属性编辑操作;根据所述编辑操作,对所述树结构中的控件进行更新;根据更新控件后的树结构,显示界面布局效果;在接收到预设的皮肤文件生成指令后,根据所述更新控件后的树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局。可选的,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件之前,还包括:接收针对任一控件的绑定操作;所述绑定操作携带事件标识;将所述控件与所述事件标识进行绑定,以便在所述控件被触发后响应所述事件标识对应的事件。可选的,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件之后,还包括:将所述皮肤文件以资源文件的形式存储于目标应用软件,以实现所述目标应用软件的界面布局。可选的,所述方法还包括:接收对所述皮肤文件的更改操作;根据所述更改操作,对所述目标应用软件的皮肤文件进行更新。可选的,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局,包括:在接收到预设的皮肤文件生成指令后,以递归的方式将所述树结构中的各个控件的控件属性和排版属性保存为可扩展标记语言XML文件,所述XML文件为用于实现应用软件的界面布局的皮肤文件。第二方面,本申请提供了一种用于实现界面布局的皮肤文件生成装置,在可视化界面编辑区,利用树结构管理视图中的各个控件,所述控件具有控件属性和排版属性,所述装置包括:第一接收单元,用于接收在所述可视化界面编辑区针对任一控件的编辑操作,所述编辑操作包括控件属性编辑操作和/或排版属性编辑操作;第一更新单元,用于根据所述编辑操作,对所述树结构中的控件进行更新;显示单元,用于根据更新控件后的树结构,显示界面布局效果;生成单元,用于在接收到预设的皮肤文件生成指令后,根据所述更新控件后的树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局。可选的,所述装置还包括:第二接收单元,用于接收针对任一控件的绑定操作;所述绑定操作携带事件标识;绑定单元,用于将所述控件与所述事件标识进行绑定,以便在所述控件被触发后响应所述事件标识对应的事件。可选的,所述装置还包括:存储单元,用于将所述皮肤文件以资源文件的形式存储于目标应用软件,以实现所述目标应用软件的界面布局。可选的,所述装置还包括:第三接收单元,用于接收对所述皮肤文件的更改操作;第二更新单元,用于根据所述更改操作,对所述目标应用软件的皮肤文件进行更新。可选的,所述生成单元包括:递归子单元,用于在接收到预设的皮肤文件生成指令后,以递归的方式将所述树结构中的各个控件的控件属性和排版属性保存为可扩展标记语言XML文件,所述XML文件为用于实现应用软件的界面布局的皮肤文件。第三方面,本申请提供了一种用于实现界面布局的皮肤文件生成设备。该设备包括存储器和处理器,存储器用于存储程序代码,并将程序代码传输给处理器;处理器用于根据程序代码中的指令,执行上述第一方面提供的任一项用于实现界面布局的皮肤文件生成方法。本申请提供的用于实现界面布局的皮肤文件生成方法,在可视化界面编辑区,利用树结构管理视图中的各个控件,该方法首先接收在可视化界面编辑区针对任一控件的编辑操作;然后,根据编辑操作,对树结构中的控件的控件属性或排版属性进行更新;根据更新控件后的树结构,显示最新界面布局效果;最后,在接收到预设的皮肤文件生成指令后,根据更新控件后的树结构中的各个控件生成皮肤文件,皮肤文件用于实现应用软件的界面布局。利用本申请生成的用于实现界面布局的皮肤文件能够独立于业务功能代码存在,因此,利用该皮肤文件实现各种应用的界面布局时,能够避免现有技术中视图逻辑代码与业务功能代码的耦合性,在应用的界面布局需要进行调整时只需要更改皮肤文件即可,降低了界面布局更改对应用版本更新发布的依赖性。附图说明为了更清楚地说明本申请实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种用于实现界面布局的皮肤文件生成方法的流程示意图;图2为本申请实施例提供的根据编辑操作更新树结构控件的原理图;图3为本申请实施例提供的递归视图生成XML文件的流程图;图4为本申请实施例提供的一种用于实现界面布局的皮肤文件生成装置的结构示意图;图5为本申请实施例提供的一种用于实现界面布局的皮肤文件生成设备的结构示意图。具体实施方式由于目前通过编写视图逻辑代码实现应用的界面布局的方式,存在视图逻辑代码与实现应用业务功能的代码之间耦合度过高的问题,因而界面布局的更新或调整无法独立于应用的业务功能进行。也就是说,每次为更新应用界面布局调整视图逻辑代码的同时,还要对业务功能代码做相应调整。除此以外,由应用开发者更新并发布新的应用版本才能实现更新后的业务功能以及界面布局,因此致使应用界面布局更新对发版具有重度的依赖性。然而,应用的界面布局是吸引用户关注的重要因素,用户对应用界面布局效果更新的需求频率往往高于应用版本的更新频率,另外,更新应用版本对于移动终端用户的流量消耗较大,故,通过编写视图逻辑代码实现应用界面布局的方法,不利于应用的推广和发展。有鉴于此,本申请实施例提供了一种用于实现界面布局的皮肤文件生成方法,在可视化界面编辑区,利用树结构管理视图中的各个控件,该方法首先接收在可视化界面编辑区针对任一控件的编辑操作;然后,根据编辑操作,对树结构中控件的控件属性或排版属性进行更新;根据更新控件后的树结构,显示最新界面布局效果;最后,在接收到预设的本文档来自技高网...

【技术保护点】
1.一种用于实现界面布局的皮肤文件生成方法,其特征在于,在可视化界面编辑区,利用树结构管理视图中的各个控件,所述控件具有控件属性和排版属性,所述方法包括:接收在所述可视化界面编辑区针对任一控件的编辑操作,所述编辑操作包括控件属性编辑操作和/或排版属性编辑操作;根据所述编辑操作,对所述树结构中的控件进行更新;根据更新控件后的树结构,显示界面布局效果;在接收到预设的皮肤文件生成指令后,根据所述更新控件后的树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局。

【技术特征摘要】
1.一种用于实现界面布局的皮肤文件生成方法,其特征在于,在可视化界面编辑区,利用树结构管理视图中的各个控件,所述控件具有控件属性和排版属性,所述方法包括:接收在所述可视化界面编辑区针对任一控件的编辑操作,所述编辑操作包括控件属性编辑操作和/或排版属性编辑操作;根据所述编辑操作,对所述树结构中的控件进行更新;根据更新控件后的树结构,显示界面布局效果;在接收到预设的皮肤文件生成指令后,根据所述更新控件后的树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局。2.根据权利要求1所述的方法,其特征在于,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件之前,还包括:接收针对任一控件的绑定操作;所述绑定操作携带事件标识;将所述控件与所述事件标识进行绑定,以便在所述控件被触发后响应所述事件标识对应的事件。3.根据权利要求1所述的方法,其特征在于,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件之后,还包括:将所述皮肤文件以资源文件的形式存储于目标应用软件,以实现所述目标应用软件的界面布局。4.根据权利要求3所述的方法,其特征在于,所述方法还包括:接收对所述皮肤文件的更改操作;根据所述更改操作,对所述目标应用软件的皮肤文件进行更新。5.根据权利要求1-4任一项所述的方法,其特征在于,所述在接收到预设的皮肤文件生成指令后,根据所述树结构中的各个控件生成皮肤文件,所述皮肤文件用于实现应用软件的界面布局,包括:在接收到预设的皮肤文件生成指令后,以递归的方式将所述树结构中的各个控件的控件属性和排版属性保存为可扩展标记语言XML文件,所述XML文件为用于实现应用软件的界面布局的皮肤文件。6.一种用于实现界面布局的皮肤文件生成装置,其特征在于,在可视化界面编辑区,利用树...

【专利技术属性】
技术研发人员:张芹芹
申请(专利权)人:北京奇艺世纪科技有限公司
类型:发明
国别省市:北京,11

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

1