CN106325647B - 一种ui调整方法、装置和移动终端 - Google Patents
一种ui调整方法、装置和移动终端 Download PDFInfo
- Publication number
- CN106325647B CN106325647B CN201510337643.XA CN201510337643A CN106325647B CN 106325647 B CN106325647 B CN 106325647B CN 201510337643 A CN201510337643 A CN 201510337643A CN 106325647 B CN106325647 B CN 106325647B
- Authority
- CN
- China
- Prior art keywords
- control
- equipment
- app client
- client software
- modification information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Landscapes
- Stored Programmes (AREA)
Abstract
本发明公开了一种UI调整方法、装置和移动终端,用以简化APP客户端软件的UI在真机上的调试过程,无需修改IDE平台原生的布局代码,也无需经历频繁的编码、编译、打包、卸载和安装等过程,减小了UI的开发难度,提升了UI的调整效率。该方法为:第一设备与第二设备建立通信连接;所述第二设备为安装有待调整的应用APP客户端软件的移动终端;所述第一设备获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;所述第一设备通过所述通信连接将所述修改信息发送给所述第二设备,以便于所述第二设备根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
Description
技术领域
本发明涉及移动互联网技术领域,尤其涉及一种用户界面(英文:UserInterface,简称:UI)调整方法、装置和移动终端。
背景技术
随着智能手机和平板电脑等移动终端设备的普及,用户逐渐习惯了使用应用(英文:Application,简称:APP)客户端软件上网的方式,而目前国内各大电商,均拥有了各自的APP客户端软件,这标志着APP客户端软件的使用已经开始初露锋芒。然而随着智能手机和平板电脑的分辨率和屏幕尺寸的不断发展,使得模拟器不能完全模拟出所有机型的智能手机和平板电脑的分辨率以及屏幕尺寸,进而有可能导致在模拟器上布局效果良好的APP客户端软件被打开时所呈现的UI在真机上运行时布局效果却不理想,比如APP客户端软件的UI的长宽比例不协调或APP客户端软件的UI中的控件位置放置不当等。
目前常用的调整方法是,在集成开发环境(英文:Integrated DevelopmentEnvironment,简称:IDE)中重新修改有关APP客户端软件的UI的代码,并对修改后的代码进行编译和打包,以及将新的包安装到真机进行测试,从而检验APP客户端软件的UI是否调整妥当。其中,IDE为用于程序开发环境的应用程序,一般包括代码编辑器、编译器、调整器和图形UI工具,如iOS系统上的Xcode编程软件和Android系统上的Eclipse编程软件均为典型的IDE。
但是,基于这种调整方式,每次发现APP客户端软件的UI在真机上运行时的布局不合格时,都需要重新经历一个从编码、编译、打包到安装的完整的开发过程,开发难度高,操作步骤繁琐,并且调整效率低。
发明内容
本发明实施例提供一种UI布局的调整方法、装置和移动终端,用以解决现有技术中调整APP客户端软件的UI时开发难度高,操作步骤繁琐以及调整效率低的问题。
第一方面,本发明提供了一种UI调整方法,包括:
第一设备与第二设备建立通信连接;所述第二设备为安装有待调整的APP客户端软件的移动终端;
所述第一设备获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第一设备通过所述通信连接将所述修改信息发送给所述第二设备,以便于所述第二设备根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
结合第一方面,在第一方面的第一种可能的实现方式中,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;
所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;
所述控件的样式信息用于描述所述UI中包括的控件的样式。
第二方面,本发明提供了一种UI布局的调整方法,包括:
第二设备与第一设备建立通信连接;所述第二设备为安装有待调整的应用APP客户端软件的移动终端,所述APP客户端软件内有一布局引擎;
所述第二设备通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第二设备通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
结合第二方面,在第二方面的第一种可能的实现方式中,所述方法还包括:
所述第二设备接收状态调整指令,所述状态调整指令来自所述第一设备或用户;
所述第二设备根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态;
所述第二设备更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性之后,所述方法还包括:
所述第二设备接收布局调整指令;
所述第二设备根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
结合第二方面的第一种可能的实现方式,在第二方面的第二种可能的实现方式中,所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息,包括:
所述第二设备查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;
所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并
将所述第二修改信息进行存储。
结合第二方面和第二方面的第一种至第二种可能的实现方式中的任意一种,在第二方面的第三种可能的实现方式中,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;
所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;
所述控件的样式信息用于描述所述UI中包括的控件的样式。
第三方面,本发明提供了一种UI调整装置,包括:
连接单元,用于与移动终端建立通信连接;所述移动终端安装有待调整的APP客户端软件;
获取单元,用于获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
发送单元,用于通过所述通信连接将所述修改信息发送给所述移动终端,以便于所述移动终端根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
结合第三方面,在第三方面的第一种可能的实现方式中,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;
所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;
所述控件的样式信息用于描述所述UI中包括的控件的样式。
第四方面,本发明提供了一种移动终端,所述移动终端安装有待调整的APP客户端软件,所述APP客户端软件内有一布局引擎,所述移动终端包括:
连接单元,与第一设备建立通信连接;
接收单元,用于通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
处理单元,用于通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
结合第四方面,在第四方面的第一种可能的实现方式中,
所述接收单元还用于,接收状态调整指令,所述状态调整指令来自所述第一设备或用户;
所述移动终端还包括:
状态调整单元,用于根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态;
所述接收单元还用于,接收布局调整指令;
所述移动终端还包括:
布局调整单元,用于根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
生成单元,用于根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
结合第四方面的第一种可能的实现方式,在第四方面的第二种可能的实现方式中,所述生成单元具体用于:
查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;
根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并
将所述第二修改信息进行存储。
本发明提供的方案,可以简化APP客户端软件的UI在真机上的调试过程,无需修改IDE平台原生的布局代码,也无需经历频繁的编码、编译、打包、卸载和安装等过程,从而极大地减小了APP客户端软件的UI的开发难度,提高了APP客户端软件的UI的调整效率。
附图说明
图1为本发明实施例提供的一种UI调整方法在第一设备侧的流程图;
图2为本发明实施例提供的一种UI调整方法在第二设备侧的流程图;
图3为本发明实施例提供的一种UI调整装置的结构示意图;
图4为本发明实施例提供的一种移动终端的结构示意图;
图5为本发明实施例提供的另一种UI调整装置的结构示意图;
图6为本发明实施例提供的另一种移动终端的结构示意图。
具体实施方式
本发明实施例提供了一种UI调整方法、装置和移动终端,用以简化APP客户端软件的UI在真机上的调试过程,无需修改IDE平台原生的布局代码,也无需经历频繁的编码、编译、打包、卸载和安装等过程,从而极大地减小了APP客户端软件的UI的开发难度,提高了APP客户端软件的UI的调整效率。
下面结合说明书附图和各实施例对本发明技术方案进行说明。
参阅图1所示,为本发明实施例提供的UI调整方法,实施流程如下:
步骤101:第一设备与第二设备建立通信连接;所述第二设备为安装有待调整的APP客户端软件的移动终端。
其中,所述通信连接可以是有线连接,如通用串行总线(英文:Universal SerialBus,简称:USB)连接,或者,也可以是无线连接,如无线宽带(英文:Wireless-Fidelity,简称:Wi-Fi)连接。以所述通信连接是Wi-Fi连接为例,所述第一设备可以是任何一个运行互联网(英文:Web)服务的设备或单板等。
所述第二设备为调试APP客户端软件UI的真机,可以是便携式设备(如平板计算机)或智能手机等。
步骤102:所述第一设备获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
可选的,所述修改信息可以包括控件的布局信息和控件的样式信息中的至少一个。其中,所述控件的布局信息用于描述所述UI中包括的控件的位置和大小,比如控件的顶边距、左边距、底边距、右边距、宽和高等。所述控件的样式信息用于描述所述UI中包括的控件的样式,比如控件的颜色、背景和边框等。
所述控件的布局信息可以以可扩展标记语言(英文:Extensible MarkupLanguage,简称:XML)的格式存储,所述控件的样式信息可以以层叠样式表(英文:Cascading Style Sheets,简称:CSS)的格式存储。这样,若需要调整UI中包括的控件的位置和控件大小,只需在已有的XML文件的基础上修改其中的相关代码,便可得到新的XML文件;若需要调整UI中包括的控件的样式,只需在已有的CSS文件的基础上修改其中的相关代码,便可得到新的CSS文件,整个过程不需要去修改IDE平台原生的布局代码,从而极大地减小了UI的开发难度。
本发明实施例中,所述控件的布局信息支持的布局方式包括:绝对布局方式(英文:absolute),垂直布局方式(英文:vertical)和水平布局方式(英文:horizontal)中的至少一个。
布局为容器类控件的属性,每个容器类的控件只能支持一种布局方式,但同一UI上的不同控件可以分别支持不同的布局方式。
绝对布局方式,一般为控件的默认布局方式,表示子节点相对父节点的绝对位置,其中,参数left/top表示子节点左上角相对于父节点的左上角的距离,参数right/bottom表示子节点右下角相对于父节点的右下角的距离,参数center-x/center-y表示子节点中心点相对于父节点的中心点的距离,以上各参数的单位为像素(单位:px)或相对长度单位(单位:em),默认配置为子节点相对父节点的左上角对齐,即left=0,top=0。子节点不支持外边距,即不支持参数margin。子节点的尺寸,即参数width/height可以支持px/em/auto/fill四种格式,当为px时,width/height为固定像素,当为em时,width/height在不同的设备上根据设备的尺寸进行物理大小的等比缩放,当为auto时,width/height根据当前对象内的内容撑开,当为fill时,width/height同父节点的高度和宽度,默认配置为fill。当子节点的尺寸变更时,子节点将被移至当前界面的中心位置。兄弟节点之间,后一个节点覆盖前一个节点。
垂直布局方式,不支持绝对位置,即不支持参数left/top/right/bottom;使用外边距调整相对位置,即支持参数margin-left/magin-top/margin-right/margin-bottom。子节点的尺寸,即参数width/height支持px/em/auto/fill四种格式,其中,px/em/auto三种格式可以参考绝对布局方式,fill格式表示撑满剩余空间,例如,在长宽比不同的手机中,在布局header-content-footer页面时,可以将header、footer设置为em单位固定高度,将content设置为fill,让content填充页面除header和footer占据的空间外的剩余空间。子节点从上向下依次排列,水平方向默认靠左对齐。
水平布局方式,不支持绝对位置,即不支持参数left/top/right/bottom;使用外边距调整相对位置,即支持参数margin-left/magin-top/margin-right/margin-bottom。子节点的尺寸,即参数width/height支持px/em/auto/fill四种格式,这四种格式可以参考垂直布局方式。子节点从左向右依次排列,垂直方向默认靠上对齐。
实际应用中,某些IDE可能只支持个别的几种布局方式,如iOS系统上的Xcode编程软件只支持绝对布局方式,采用其他布局方式的代码编译而成的安装包对于iOS系统的真机而言是无法识别的。但采用本发明的技术方案,iOS系统的真机上通过解析存储有控件的布局信息和样式信息的XML文件和CSS文件,不论XML文件中采用何种布局方式,均能根据文件描述生成相应的布局,从而渲染出相应的页面。
步骤103:所述第一设备通过所述通信连接将所述修改信息发送给所述第二设备,以便于所述第二设备根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
需要说明的是,本发明实施例只在所述第二设备上第一次安装所述APP客户端软件时,需要经历一次编码、编译、打包和安装的过程,而由于本发明实施例在初始开发所述APP客户端软件时,在其代码中增加了一段程序用于实现一布局引擎,该布局引擎可以解析存储有控件的布局信息和样式信息的XML文件和CSS文件的代码,并根据解析出的文件描述生成相应的UI,因此本发明实施例后续可以通过修改、传输和解析XML文件和CSS文件实现调试APP客户端软件的UI的目的,减少了编译、打包、安装和卸载的操作步骤,提高了APP客户端软件UI的调整效率。
参阅图2所示,为和图1所示的方法对应的UI调整方法,其流程如下:
步骤201:第二设备与第一设备建立通信连接;所述第二设备为安装有待调整的APP客户端软件的移动终端,所述APP客户端软件内有一布局引擎。
其中,所述布局引擎嵌入在所述APP客户端软件中,由运行在所述APP客户端软件内的一段程序实现,具有解析所述第一设备编辑的布局信息和样式信息,根据解析出的文件描述生成所述APP客户端软件的UI,调整所述APP客户端软件的状态为运行状态或可编辑状态,在所述APP客户端软件处于可编辑状态时响应用户的触摸操作改变UI中包括的控件的属性,以及在响应用户的触摸操作改变UI中包括的控件的属性后根据改变后的UI生成新的布局信息和样式信息等功能。
区别于现有的用于开发的APP客户端软件在真机上只有一个运行状态,本发明实施例中用于开发的APP客户端软件可在运行状态和可编辑状态间转换,其中,在运行状态所述APP客户端软件可正常执行业务,在可编辑状态所述APP客户端软件不执行业务,但可响应用户的触摸操作在UI上增添/删除控件、拖动控件以及更改控件的其他属性等。
步骤202:所述第二设备通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
可选的,所述修改信息可以包括控件的布局信息和控件的样式信息中的至少一个。其中,所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;所述控件的样式信息用于描述所述UI中包括的控件的样式。
可选的,所述控件的布局信息支持的布局方式包括:绝对布局方式,垂直布局方式和水平布局方式中的至少一个。
可选的,所述控件的布局信息可以以XML的格式存储,所述控件的样式信息可以以CSS的格式存储。
步骤203:所述第二设备通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
例如,所述第二设备可以将接收的修改信息,即XML文件和/或CSS文件,覆盖本地已有的XML文件和/或CSS文件,并在运行的APP客户端软件中,打开本地的XML文件和CSS文件,根据文件描述生成控件,渲染出相应的UI。
步骤201-203的实施不受限于所述APP客户端软件处于运行态或可编辑状态。在步骤201-203实施之前、之后或过程中,所述第二设备可以随时接收状态指令,并根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态,所述状态调整指令可来自于所述第一设备或用户。具体的,所述第一设备可以通过所述通信连接传达所述状态调整指令,所述用户可以通过点击浮在所述APP客户端软件UI上的状态调整按钮来触发下达状态调整指令。
可选的,在所述第二设备更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性之后,若需要对更新后的UI做进一步的调整,可以选择将所述APP客户端软件调整为可编辑状态,直接在所述第二设备上进行调整,具体方式如下:所述第二设备可以接收用户的布局调整指令,并根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性,然后根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
需要说明的是,这种直接在移动终端上调整APP客户端软件的UI的技术手段并不依赖于本发明的技术方案,该技术手段可以与其它技术手段配合实施,也可以单独实施,均能够达到调整UI的目的。
可选的,生成所述第二修改信息的过程可以如下:所述第二设备可以查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息,然后根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息,并将所述第二修改信息进行存储。
可选的,所述调整指令可以包括,添加控件的指令;删除控件的指令;修改控件的位置的指令;修改控件的大小的指令;修改控件的样式的指令,修改控件的布局方式的指令中的任意一项或多项。
可选的,若调整后的UI中包括的控件只涉及位置或者大小的变动,只需修改XML文件中的相关代码,并只将修改后的XML文件发送给所述第一设备;同理,若调整后的UI中包括的控件只涉及样式的变动,只需修改CSS文件中的相关代码,并只将修改后的CSS文件发送给所述第一设备。
后续,所述第一设备基于接收的修改信息,可以打包发布正式的APP客户端软件的安装包。
参阅图3所示,本发明实施例提供了一种UI调整装置,用于实现本发明图1所示的一种UI调整方法,所述装置包括:
连接单元301,用于与移动终端建立通信连接;所述移动终端安装有待调整的APP客户端软件。
获取单元302,用于获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
发送单元303,用于通过所述通信连接将所述修改信息发送给所述移动终端,以便于所述移动终端根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
可选的,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;所述控件的样式信息用于描述所述UI中包括的控件的样式。
可选的,所述控件的布局信息支持的布局方式包括:绝对布局方式,垂直布局方式和水平布局方式中的至少一个。
参阅图4所示,本发明实施例提供了一种移动终端,用于实现本发明图2所示的一种UI调整方法,所述移动终端安装有待调整的APP客户端软件,所述APP客户端软件内有一布局引擎,所述移动终端包括:
连接单元401,与第一设备建立通信连接。
接收单元402,用于通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
处理单元403,用于通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
可选的,所述接收单元402还用于,接收状态调整指令,所述状态调整指令来自所述第一设备或用户。
所述移动终端还包括:
状态调整单元404,用于根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态。
所述接收单元402还用于,接收布局调整指令。
所述移动终端还包括:
布局调整单元405,用于根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
生成单元406,用于根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
可选的,所述生成单元406具体用于:查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并将所述第二修改信息进行存储。
可选的,所述调整指令包括如下任意一项或多项:添加控件的指令;删除控件的指令;修改控件的位置的指令;修改控件的大小的指令;修改控件的样式的指令;修改控件的布局方式的指令。
可选的,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;所述控件的样式信息用于描述所述UI中包括的控件的样式。
可选的,所述控件的布局信息支持的布局方式包括:绝对布局方式,垂直布局方式和水平布局方式中的至少一个。
参阅图5所示,本发明实施例还提供了一种UI调整装置,该装置包括:
处理器501和存储器502;
处理器501和存储器502通过总线503相互连接;总线503可以是外设部件互连标准(peripheral component interconnect,简称PCI)总线或扩展工业标准结构(extendedindustry standard architecture,简称EISA)总线等。所述总线可以分为地址总线、数据总线、控制总线等。为便于表示,图5中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
存储器502,用于存放程序。具体地,程序可以包括程序代码,所述程序代码包括计算机操作指令。存储器502可能包含随机存取存储器(random access memory,简称RAM),也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器501,用于运行存储在存储器502的程序,执行以下操作:
与移动终端建立通信连接;所述移动终端安装有待调整的APP客户端软件;获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;通过所述通信连接将所述修改信息发送给所述移动终端,以便于所述移动终端根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
可选的,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;所述控件的样式信息用于描述所述UI中包括的控件的样式。
可选的,所述控件的布局信息支持的布局方式包括:绝对布局方式,垂直布局方式和水平布局方式中的至少一个。
参阅图6所示,本发明实施例还提供了一种移动终端,所述移动终端安装有待调整的APP客户端软件,所述APP客户端软件内有一布局引擎,所述移动终端包括:
处理器601、收发器602和存储器603;其中,这些部件通过一个或多个通信总线或信号线604来通信。
需要说明的是,图6所示仅仅是移动终端的一个范例,并且实际的移动终端可以具有比图6中所示出的更多的或者更少的部件,可以组合两个或更多的部件,或者可以具有不同的部件配置。图6中所示出的各种部件可以在包括一个或多个信号处理和/或专用集成电路在内的硬件、软件、或硬件和软件的组合中实现。
存储器603,用于存放程序。具体地,程序可以包括程序代码,所述程序代码包括计算机操作指令。存储器603可能包含RAM,也可能还包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器601,用于运行存储在存储器502的程序,执行以下操作:
与第一设备建立通信连接。
收发器602,用于通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性。
处理器601还用于,通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性。
可选的,收发器602还用于,接收状态调整指令,所述状态调整指令来自所述第一设备或用户。
处理器601还用于,根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态。
收发器602还用于,接收布局调整指令。
处理器601还用于,根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;以及根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
可选的,在生成所述第二修改信息时,处理器601具体用于:查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并将所述第二修改信息进行存储。
可选的,所述调整指令包括如下任意一项或多项:添加控件的指令;删除控件的指令;修改控件的位置的指令;修改控件的大小的指令;修改控件的样式的指令;修改控件的布局方式的指令。
可选的,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;所述控件的样式信息用于描述所述UI中包括的控件的样式。
可选的,所述控件的布局信息支持的布局方式包括:绝对布局方式,垂直布局方式和水平布局方式中的至少一个。
综上所述,本发明实施例提供的技术方案,可以通过在调试设备上修改控件的布局信息和样式信息,并将布局信息和样式信息直接推送给相连的真机上运行的APP客户端软件,APP客户端软件基于内嵌的布局引擎,根据推送的布局信息和样式信息,重新渲染UI;也可以通过在真机的APP客户端软件上直接调整布局,根据调整后的布局生成新的布局信息和样式信息,回传给调试设备进行打包发布。这两种方式可以分别单独实施,也可以结合使用,能够简化APP客户端软件的UI在真机上的调试过程,无需修改IDE平台原生的布局代码,也无需经历频繁的编码、编译、打包、卸载和安装等过程,从而极大地减小了UI的开发难度,提升了UI的调整效率,并且后者直接在真机的APP客户端软件上的调试UI的布局,比在模拟器上进行调试布局效果更为良好。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样,倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
Claims (10)
1.一种用户界面UI调整方法,其特征在于,包括:
第一设备与第二设备建立通信连接;所述第二设备为安装有待调整的应用APP客户端软件的移动终端;
所述第一设备获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第一设备通过所述通信连接将所述修改信息发送给所述第二设备,以便于所述第二设备根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性;
所述第一设备若确定所述APP客户端软件需要调整,则向所述第二设备发送状态调整指令,所述状态调整指令用于指示所述第二设备通过布局引擎将所述APP客户端软件调整为可编辑状态。
2.如权利要求1所述的方法,其特征在于,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;
所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;
所述控件的样式信息用于描述所述UI中包括的控件的样式。
3.一种用户界面UI布局的调整方法,其特征在于,包括:
第二设备与第一设备建立通信连接;所述第二设备为安装有待调整的应用APP客户端软件的移动终端,所述APP客户端软件内有一布局引擎;
所述第二设备通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第二设备通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性;
所述第二设备若接收到状态调整指令,则根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态,所述状态调整指令来自所述第一设备或用户。
4.如权利要求3所述的方法,其特征在于,所述第二设备更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性之后,所述方法还包括:
所述第二设备接收布局调整指令;
所述第二设备根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
5.如权利要求4所述的方法,其特征在于,所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息,包括:
所述第二设备查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;
所述第二设备根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并
将所述第二修改信息进行存储。
6.如权利要求3-5中任意一项所述的方法,其特征在于,所述修改信息包括控件的布局信息和控件的样式信息中的至少一个;
所述控件的布局信息用于描述所述UI中包括的控件的位置和大小;
所述控件的样式信息用于描述所述UI中包括的控件的样式。
7.一种用户界面UI调整装置,其特征在于,包括:
连接单元,用于与移动终端建立通信连接;所述移动终端安装有待调整的应用APP客户端软件;
获取单元,用于获取修改信息,所述修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
发送单元,用于通过所述通信连接将所述修改信息发送给所述移动终端,以便于所述移动终端根据所述修改信息更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性;
处理单元,用于若确定所述APP客户端软件需要调整,则向第二设备发送状态调整指令,所述状态调整指令用于指示所述第二设备通过布局引擎将所述APP客户端软件调整为可编辑状态。
8.一种移动终端,其特征在于,所述移动终端安装有待调整的应用APP客户端软件,所述APP客户端软件内有一布局引擎,所述移动终端包括:
连接单元,与第一设备建立通信连接;
接收单元,用于通过所述通信连接接收所述第一设备发送的第一修改信息;所述第一修改信息用于描述所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
处理单元,用于通过所述布局引擎,解析所述第一修改信息得到解析结果,以及根据所述解析结果更新所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性;
状态调整单元,用于若接收到状态调整指令,则根据所述状态调整指令,通过所述布局引擎将所述APP客户端软件调整为可编辑状态,所述状态调整指令来自所述第一设备或用户。
9.如权利要求8所述的移动终端,其特征在于,所述移动终端还包括:
布局调整单元,用于根据所述布局调整指令,调整更新后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性;
生成单元,用于根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,生成用于描述调整后的所述APP客户端软件被打开时所呈现的UI中包括的控件的属性的第二修改信息。
10.如权利要求9所述的移动终端,其特征在于,所述生成单元具体用于:
查找在本次调整之前存储的、用于描述所述更新后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性的所述第一修改信息;
根据调整后的所述APP客户端软件在被打开时所呈现的UI中包括的控件的属性,修改查找到的所述第一修改信息得到所述第二修改信息;并
将所述第二修改信息进行存储。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510337643.XA CN106325647B (zh) | 2015-06-17 | 2015-06-17 | 一种ui调整方法、装置和移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510337643.XA CN106325647B (zh) | 2015-06-17 | 2015-06-17 | 一种ui调整方法、装置和移动终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106325647A CN106325647A (zh) | 2017-01-11 |
CN106325647B true CN106325647B (zh) | 2019-10-18 |
Family
ID=57732746
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510337643.XA Active CN106325647B (zh) | 2015-06-17 | 2015-06-17 | 一种ui调整方法、装置和移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106325647B (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107391287A (zh) * | 2017-07-19 | 2017-11-24 | 环球智达科技(北京)有限公司 | 基于多端交互的展示方法 |
CN107333186A (zh) * | 2017-07-19 | 2017-11-07 | 环球智达科技(北京)有限公司 | 用于数据显示的远程控制方法 |
CN108415742A (zh) * | 2018-01-26 | 2018-08-17 | 上海电气分布式能源科技有限公司 | 分布式能源管理系统中模块化的界面配置方法及装置 |
CN111371901B (zh) * | 2020-03-13 | 2023-05-23 | 百度在线网络技术(北京)有限公司 | 客户端行为控制方法、装置、电子设备和介质 |
CN111666075B (zh) * | 2020-05-30 | 2022-04-12 | 荣耀终端有限公司 | 一种多设备交互的方法及系统 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102129376A (zh) * | 2010-01-13 | 2011-07-20 | 腾讯科技(深圳)有限公司 | 一种上传和下载软件更新信息的方法、设备和系统 |
CN103164197A (zh) * | 2011-12-14 | 2013-06-19 | 中兴通讯股份有限公司 | Ui布局自适应方法、移动设备以及布局生成设备 |
CN103336691A (zh) * | 2013-06-29 | 2013-10-02 | 安科智慧城市技术(中国)有限公司 | 一种基于Android的动态布局方法及系统 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8468465B2 (en) * | 2010-08-09 | 2013-06-18 | Apple Inc. | Two-dimensional slider control |
-
2015
- 2015-06-17 CN CN201510337643.XA patent/CN106325647B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102129376A (zh) * | 2010-01-13 | 2011-07-20 | 腾讯科技(深圳)有限公司 | 一种上传和下载软件更新信息的方法、设备和系统 |
CN103164197A (zh) * | 2011-12-14 | 2013-06-19 | 中兴通讯股份有限公司 | Ui布局自适应方法、移动设备以及布局生成设备 |
CN103336691A (zh) * | 2013-06-29 | 2013-10-02 | 安科智慧城市技术(中国)有限公司 | 一种基于Android的动态布局方法及系统 |
Also Published As
Publication number | Publication date |
---|---|
CN106325647A (zh) | 2017-01-11 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106325647B (zh) | 一种ui调整方法、装置和移动终端 | |
CN107608889B (zh) | 一种测试脚本自动生成方法及系统 | |
CN108279932B (zh) | 一种移动终端动态配置用户界面方法和装置 | |
US20170286068A1 (en) | Development support system | |
CN107025037B (zh) | 一种智能设备的控制方法及装置 | |
CN109388396A (zh) | 页面生成方法、装置、计算机设备和存储介质 | |
CN103164197A (zh) | Ui布局自适应方法、移动设备以及布局生成设备 | |
CN109324799A (zh) | 一种代码编译方法、计算机装置及计算机可读存储介质 | |
CN105204871B (zh) | 一种插件式开发方法和装置 | |
CN101645006B (zh) | 一种Eclipse的属性页的动态生成方法及装置 | |
US20200410150A1 (en) | Generating a template-driven schematic from a netlist of electronic circuits | |
CN110221848A (zh) | App页面更新方法、装置、电子设备及存储介质 | |
CN108563579A (zh) | 白盒测试方法、装置、系统及存储介质 | |
CN112214210A (zh) | 后勤业务规则引擎及其配置方法、装置、设备和存储介质 | |
CN107632833A (zh) | 轻应用的生成方法、设备及电子设备 | |
CN109739600A (zh) | 数据处理方法、介质、装置和计算设备 | |
CN109376087A (zh) | 一种软件测试方法、装置及电子设备 | |
CN105912341A (zh) | 一种传感器的校准参数的配置方法及电子设备 | |
CN109918314A (zh) | 移动终端上的测试方法及装置、电子设备、存储介质 | |
CN104133706B (zh) | 固件修改方法及固件修改装置 | |
CN109284126A (zh) | 类库自动更新方法、装置、电子设备、存储介质 | |
US20170346702A1 (en) | Computer implemented method for displaying a user interface | |
CN107153563B (zh) | 一种软件版本生成方法及装置 | |
CN106776266A (zh) | 测试工具的配置方法及终端设备 | |
CN110275923B (zh) | 插件化图形的管理方法及设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |