CN102707946A - 一种应用程序界面的处理方法及装置 - Google Patents
一种应用程序界面的处理方法及装置 Download PDFInfo
- Publication number
- CN102707946A CN102707946A CN2012101137002A CN201210113700A CN102707946A CN 102707946 A CN102707946 A CN 102707946A CN 2012101137002 A CN2012101137002 A CN 2012101137002A CN 201210113700 A CN201210113700 A CN 201210113700A CN 102707946 A CN102707946 A CN 102707946A
- Authority
- CN
- China
- Prior art keywords
- coordinate
- interface
- application program
- breadth ratio
- original
- 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.)
- Granted
Links
Images
Landscapes
- Processing Or Creating Images (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明适用于应用程序界面显示技术领域,提供了一种应用程序界面的处理方法及装置,所述方法包括:获取应用程序的原始界面长宽比及目标界面长宽比,当该原始界面长宽比与该目标界面长宽比不同时,根据该原始界面长宽比与该目标界面长宽比之间的大小关系,获取该原始界面上的物体在视觉坐标系中的位移参数,调整该物体在该视觉坐标系中的坐标,将调整后的视觉坐标投影为视平面坐标,基于坐标变换关系,将该物体的视平面坐标转换为在该目标界面屏幕坐标系中的屏幕坐标,以使该物体在该目标界面屏幕上显示。本发明使得该应用程序界面能够适配多平台、多屏幕分辨率。
Description
技术领域
本发明属于应用程序界面显示技术领域,尤其涉及一种应用程序界面的处理方法及装置。
背景技术
目前,随着智能手机、电视机、电脑等终端设备的屏幕分辨率及***平台的多样化,应用程序适配多样化的屏幕和***平台的工程越来越复杂。例如,运行在不同平台上的同一应用程序,由于不同***平台支持的分辨率会不同,通常需要设计不同的界面布局,以保证用户的使用体验和屏幕显示效果,因而现有应用程序界面存在无法适应多平台多分辨率的问题。
发明内容
本发明实施例的目的在于提供一种应用程序界面的处理方法及装置,旨在解决由于现有应用程序界面无法适配多平台、多屏幕分辨率的问题。
本发明实施例是这样实现的,一种应用程序界面的处理方法,所述方法包括下述步骤:
获取应用程序的原始界面长宽比以及目标界面长宽比;
当判断所述应用程序的原始界面长宽比与所述目标界面长宽比不同时,根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视觉坐标系中的位移参数;
根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标;
将调整后的视觉坐标投影为视平面坐标;
基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将所述物体的视平面坐标转换为在所述目标界面屏幕坐标系中的屏幕坐标,以使所述物体在所述目标界面屏幕上显示。
本发明实施例的另一目的在于提供一种应用程序界面的处理装置,所述装置包括:
界面参数获取单元,用于获取应用程序的原始界面长宽比以及目标界面长宽比;
位移参数获取单元,用于当判断所述应用程序的原始界面长宽比与所述目标界面长宽比不同时,根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视觉坐标系中的位移参数;
坐标调整单元,用于根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标;
平面坐标转换单元,用于将调整后的视觉坐标投影为视平面坐标;以及
屏幕坐标转换单元,用于基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将所述物体的视平面坐标转换为在所述目标界面屏幕坐标系中的屏幕坐标,以使所述物体在所述目标界面屏幕上显示。
本发明实施例通过获取应用程序的原始界面长宽比以及目标界面长宽比,结合目标界面长宽比与原始界面长宽比之间的大小关系,根据获取到的位移参数,调整该物体在该视觉坐标系中的当前坐标,并将调整后的视觉坐标投影为视平面坐标,再基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,实现将该物体的视平面坐标转换为在该目标界面屏幕坐标系中的屏幕坐标,解决了由于现有应用程序界面无法适配多平台、多屏幕分辨率的问题,实现了该应用程序不依赖于任何一个操作***,可以自适应地适配安装在不同分辨、不同***平台中的目的。
附图说明
图1是本发明第一实施例提供的应用程序界面的处理方法的实现流程图;
图2是图1中视锥体模型的示意图;
图3是图1中投影关系示意图;
图4(a)、4(b)分别是图1中视平面与显示屏幕的长宽示意图;
图5是本发明第二实施例提供的应用程序界面的处理装置的结构图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例只需要预先设置好同一应用程序的原始界面长宽比,通过将该原始界面长宽比与目标界面长宽比进行比较,则根据比较结果调整原始界面上的物体的位移,使得应用程序开发者只需要开发一种具有最佳适配屏幕分辨率的界面布局,就可以安装在不同的***平台上并适配不同的屏幕分辨率,减少了开发者的工作量,也提升了用户使用体验。
以下结合具体实施例对本发明的具体实现进行详细描述:
实施例一:
图1示出了本发明第一实施例提供的应用程序界面的处理方法的实现流程,详述如下:
在步骤S101中,获取应用程序的原始界面长宽比以及目标界面长宽比。
在具体实施过程中,由于同一应用程序的原始界面往往预先设置好一原始最佳适配屏幕分辨率,而该应用程序经常需要被安装在不同的***当中,同一***平台的不同界面或者不同***平台的不同界面都有可能存在不同的分辨率或者不同的界面显示的长宽比,若以不同***平台的不同分辨率的显示界面为例,当预先设置好该应用程序一原始最佳适配屏幕分辨率,该最佳适配屏幕分辨率能够适配某一种***平台,而当将该应用程序安装到另一具体不同分辨率的***平台上时,则需要利用本发明实施例提供的处理方法首先获取该应用程序的原始最佳适配屏幕分辨率,以及从当前***平台中获取目标设备物理屏幕的分辨率,比如720P、1080P等,则根据目标设备物理屏幕的分辨率可以容易获取该目标界面长宽比值,该目标设备物理屏幕的分辨率或称目标界面分辨率是指安装该***平台的移动终端支持的屏幕分辨率。一般情况下,在该应用程序使用过程中,都可以通过调用***平台的应用程序接口函数,自动检测获取物理屏幕的显示界面的分辨率,如果不能根据接口函数获取,一般情况下,还可以手工设置该目标界面分辨率与屏幕物理分辨率相同。而获取应用程序的原始界面长宽比的步骤具体为根据原始最佳适配屏幕分辨率获取应用程序的原始界面长宽比,即根据该分辨率的长维度与宽维度的像素信息即能获取屏幕长宽比。
在步骤S102中,当判断该应用程序的原始界面长宽比与该目标界面长宽比不同时,根据该原始界面长宽比与该目标界面长宽比之间的大小关系,获取该应用程序原始界面上的物体在视觉坐标系中的位移参数。
在具体实施过程中,需要判断获取到的该目标界面长宽比与该应用程序的原始界面长宽比是否相同,当判断为相同时,则此时不需要对该应用程序界面上的物体在视平面坐标系中的坐标值做任何改变,直接可以将该应用程序界面上的物体在该视觉坐标系中的当前坐标投影为视平面坐标,再基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将该视平面坐标转换为该目标界面屏幕坐标,或者直接设置当前***平台的目标界面分辨率为该应用程序的原始最佳适配屏幕分辨率,以使应用程序界面与***平台的目标界面相适应。
在步骤S103中,根据该位移参数,调整该物体在该视觉坐标系中的坐标。
在该步骤S102中:
记原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws,判断如果Lp/Wp与Ls/Ws均大于1或者均小于1时,该位移参数为(Lp/Wp)/(Ls/Ws);
则此时,该步骤S103具体包括以下步骤:
如果(Lp/Wp)大于(Ls/Ws),则调整该物体在视觉坐标系中的Y轴坐标y为y’,y’=y×位移参数;
如果(Lp/Wp)小于(Ls/Ws),则调整该物体在视觉坐标系中的X轴坐标x为x’,x’=x×位移参数。
作为本发明一实例,该步骤S102具体为:
记原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws,判断如果Lp/Wp与Ls/Ws其中一个大于1,另一个小于1时,该位移参数为(Wp/Lp)/(Ls/Ws);
则此时,该步骤S103具体包括以下步骤:
如果(Wp/Lp)大于(Ls/Ws),则调整该物体在视觉坐标系中的Y轴坐标y为y’,y’=y×位移参数;
如果(Wp/Lp)小于(Ls/Ws),则调整该物体在视觉坐标系中的X轴坐标x为x’,x’=x×位移参数。
在本发明实施例中,为了描述方便,以下将该应用程序的原始界面或称最佳适配屏幕分辨率对应的界面的长度、宽度分别以Lp、Wp来表示,而该应用程序待安装的***的目标界面或者物理屏幕长度、宽度分别以Ls、Ws来表示,则该原始界面长宽比与该目标界面长宽比分别以Lp/Wp与Ls/Ws来表示。
具体地,如果出现一个应用程序预设的原始最佳适配屏幕分辨率大小720P,将该应用程序安装在目标界面分辨率为1080P的目标***平台,或者一个应用程序的当前界面大小1080P,将其安装在720P的目标***平台中的情况,若该预设的原始最佳适配屏幕分辨率对应的界面长宽比与该目标界面长宽比均为16∶9,则由于他们的长宽比相同,该当前界面长宽比与该目标界面长宽比的比值(Lp/Wp)/(Ls/Ws)为1,那么该应用程序界面上的物体在视平面坐标系中的位移参数为该原始界面长宽比与该目标界面长宽比的比值,也即该位移参数为1,因而不需要对该物体在视平面坐标系中的坐标值做任何改变,只需要直接进行视平面上的该应用程序的成像转化为目标界面屏幕上的坐标步骤即可。
具体地,当该原始界面长宽比与该目标界面长宽比均大于1或者均小于1时,也即如果Lp/Wp与Ls/Ws均大于1或者均小于1时,分为以下两种情况,假设物体p在视觉坐标系下的坐标为(x,y),调整后的坐标为(x’,y’):
1).如果Lp/Wp大于Ls/Ws,则说明该应用程序是要在相对比较宽的屏幕上运行,此时如果不做任何操作,则最终显示的效果如同一个胖子被沿宽度方向拉高,此时相机camera离视平面的距离保持不变,由于长宽比例改为Ls/Ws,需要将该物体在视觉坐标系中的纵坐标y值增大。因此视锥体里面的物体应做相应的移动,可以理解为实际物体的沿Y轴坐标方向移动到y’位置处,否则可能无法显示,即:位移参数为(Lp/Wp)/(Ls/Ws),y’=y×(Lp/Wp)/(Ls/Ws),而x值不变,调整后的对应坐标为(x,y’)。
2).如果Lp/Wp小于Ls/Ws,则说明是要运行在相对比较窄的屏幕上运行,此时如果不做任何操作,则最终显示的效果如同一个瘦子被沿长度向拉长,为了解决此问题,需要将该物体的x值变小,因此视锥体里面的物体应做相应的移动,否则可能无法显示,减小X轴坐标值,即:x’=x×(Lp/Wp)/(Ls/Ws),而y值不变,调整后的对应在视觉坐标系中的坐标为(x’,y)。
具体地,当该原始界面长宽比与该目标界面长宽比中一个小于1,另一个大于1时,也即如果Lp/Wp与Ls/Ws中有一个大于1,一个小于1时,也分为两种情况,如下述:
当该预设的原始界面长宽比与该目标界面长宽比中一个小于1,另一个大于1时,也即如果Lp/Wp与Ls/Ws中有一个大于,一个小于1时,也分为以下两种情况,则首先需要将3D或者2.5D应用程序界面中的物体,均以如图2所示的视平面法向量方向(相机坐标系Z轴)为轴心向左旋转90度,然后该各个物体再以各自的中心Z轴为轴心向右旋转90度,设置之后进行如下判断:
1).如果Wp/Lp大于Ls/Ws,则说明该应用程序是要运行在相对比较宽的屏幕上运行,此时如果不做任何操作,则最终显示的效果如同一个胖子被沿宽度方向拉高。在此时相机离视平面的距离保持不变,由于长宽比例需要改为Ls/Ws,因此视锥体里面的物体应做相应的移动,否则则可能无法显示,所以只需将y轴坐标增大,调整为:y’=y×(Wp/Lp)/(Ls/Ws),x坐标值不变。
2).如果Wp/Lp小于Ls/Ws,则说明是要运行在相对比较窄的屏幕上运行,此时相机离视平面的距离保持不变,由于长宽比例需要改为Ls/Ws,则需要将视锥体里面的物体应做相应的移动,所以只需将x轴坐标变小,调整为:x’=x×(Wp/Lp)/(Ls/Ws),y坐标值不变。
进而,可以获取该应用程序界面上的所有物体在视觉坐标下的更新后的坐标。
在步骤S104中,将调整后的视觉坐标投影为视平面坐标。
在本发明实施例中,针对3D或者2.5D的应用程序界面,需要根据计算机图形学中的透视投影的方法建立如图2所示的视锥体模型,其中,视锥体由眼睛位置eye(或者称为camera的相机位置)、近裁剪平面np(near clipping plane)、远裁剪平面fp(far clipping plane)组成,left表示np平面左边界距离该np平面中心的距离,right表示np平面右边界距离该np平面中心的距离,left与right反向,top表示np平面上边界距离该np平面中心的距离,bottom表示np平面下边界距离该np平面中心的距离,top与bottom反向。若选择近裁剪平面作为投影平面或称视平面,对于视锥体中的任一物体p在视觉坐标系中的坐标p(x,y,z)投影到该视平面后的点为p’(x’,y’),其中任一物体在视觉坐标系中的坐标为在需要根据步骤S103调整时,调整后的坐标值。如图3所示,N是eye到np的距离,F是眼睛到远裁剪平面的距离,通过相似三角形性质,可以求出p’的坐标,也即能够求出该3D或者2.5D应用程序原始界面上的物体投影到该视平面坐标系中的坐标,该视平面坐标系也即为以该np平面的中心为原点,水平向左为横坐标x的正方向,垂直向上为纵坐标y的正方向所构成的二维坐标系。需要说明的是,该应用程序原始界面上的物体在视觉坐标系中的坐标为调整后的坐标,根据步骤S104,将调整后的视觉坐标投影为视平面坐标。
在步骤S105中,基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将该物体的视平面坐标转换为在该目标界面屏幕坐标系中的屏幕坐标,以使该物体在该目标界面屏幕上显示。
其中,该视平面坐标系到目标界面屏幕坐标系的坐标变换关系如下公式所示:
其中,Lp、Wp分别表示该应用程序界面的原始界面的长度、宽度,Ls、Ws分别表示该应用程序界面的目标界面的长度、宽度,(xp,yp)表示该应用程序界面的物体在视平面坐标系中的坐标,(xs,ys)表示该应用程序界面的物体在目标界面屏幕坐标系中的坐标。
在具体实施过程中,该上述公式(1)、(2)是根据计算机图形学中现有透视投影的方法等建立的,如图2所示,再根据图3所示的投影关系,通过相似三角形性质,可以得出P’的在视觉坐标系下的当前坐标,结合视锥体与视平面的关系、透视投影的标准模型等,可以将调整后的视觉坐标投影为视平面坐标系中的视平面坐标,再将该视平面上的成像或称透视投影的结果转化为到目标界面的屏幕显示,如图4(a)、4(b)所示分别为视平面与显示屏幕的长宽示意图,最终可以获取上述公式(1)、(2),以将该视平面坐标系转换到屏幕坐标系。由于该转换关系为现有技术,在此不再赘述。进而,可以根据该公式(1)、(2)也即基于该视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将更新后的该物体在该视平面坐标系中的坐标转换为该目标界面屏幕坐标。
在本发明实施例中,该应用程序界面的处理方法根据目标界面长宽比,对该应用程序中预设的原始界面长宽值、该原始界面上的物体在视觉坐标系下的坐标值等进行调整,并将调整后的视觉坐标投影为视平面坐标系中的视平面坐标,基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将调整后的坐标值映射到目标界面的屏幕坐标,实现在显示屏幕上的准确显示,从而达到同一应用程序适应多种平台多种分辨率的显示界面的目的,提高了应用程序安装、运行的适应性、灵活性,也节省了应用程序开发成本,提升用户使用体验。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,所述的程序可以存储于一计算机可读取存储介质中,所述的存储介质,如ROM/RAM、磁盘、光盘等。
实施例二:
图5示出了本发明第二实施例提供的应用程序界面的处理装置的结构,为了便于说明,仅示出了与本发明实施例相关的部分。
该应用程序界面的处理装置包括界面参数获取单元51、位移参数获取单元52、坐标调整单元53、平面坐标转换单元54以及屏幕坐标转换单元55其中:
界面参数获取单元51,用于获取应用程序的原始界面长宽比以及目标界面长宽比。
界面参数获取单元51具体包括:
原始界面参数获取单元,用于根据原始最佳适配屏幕分辨率获取应用程序的原始界面长宽比;以及
目标界面参数获取单元,用于根据目标设备物理屏幕的分辨率获取目标界面长宽比。
位移参数获取单元52,用于当判断该应用程序的原始界面长宽比与该目标界面长宽比不同时,根据该原始界面长宽比与该目标界面长宽比之间的大小关系,获取该应用程序原始界面上的物体在视觉坐标系中的位移参数。
在本发明实施例中,该应用程序界面的处理装置还包括:
比较单元,用于判断该目标界面长宽比与该应用程序的原始界面长宽比是否相同;
第一转换单元,用于当该比较单元输出结果为是时,将该应用程序界面上的物体在该视觉坐标系中的当前坐标投影为视平面坐标,并触发屏幕坐标转换单元55;以及
第二转换单元,用于当该比较单元输出结果为否时,触发该位移参数获取单元52。
而当判断该应用程序的原始界面长宽比与该目标界面长宽比不同时,该位移参数获取单元52具体包括:
判断单元521,用于判断Lp/Wp与Ls/Ws是否均大于1或者均小于1,其中,记该原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws;
第一参数获取单元522,用于当该判断单元521输出结果为是时,设置该位移参数为(Lp/Wp)/(Ls/Ws);以及
第二参数获取单元523,用于当该判断单元521输出结果为否时,设置该位移参数为(Wp/Lp)/(Ls/Ws)。
在本发明实施例中,以不同***平台的不同长宽比的显示界面为例,当预先设置好该应用程序一原始最佳适配屏幕分辨率对应的界面长宽比,该较佳的原始界面长宽比能够适配某一种***平台,而当将该应用程序安装到另一具体不同长宽比的***平台上时,则需要利用本发明实施例提供的处理方法首先获取该应用程序的原始最佳适配屏幕分辨率,以及从该当前***平台中获取目标设备物理屏幕的分辨率,比如720P、1080P等,则根据目标设备物理屏幕的分辨率可以容易获取该目标界面长宽比值,该目标设备物理屏幕的分辨率或称目标界面分辨率是指安装该***平台的移动终端支持的屏幕分辨率。一般情况下,在该应用程序使用过程中,都可以通过调用***平台的应用程序接口函数,自动检测获取物理屏幕的显示界面的分辨率,如果不能根据接口函数获取,一般情况下,还可以手工设置该目标界面分辨率与最佳适配屏幕分辨率相同。而获取应用程序的原始界面长宽比具体为根据原始最佳适配屏幕分辨率获取应用程序的原始界面长宽比。
进而,需要判断获取到的该目标界面长宽比与该应用程序的原始界面长宽比是否相同,当判断为相同时,则不需要对该应用程序界面上的物体在视平面坐标系中的坐标值做任何改变,直接可以将应用程序界面上的物体在该视觉坐标系中的当前坐标投影为视平面坐标,再基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将该应用程序界面上的物体在该视平面坐标系中的当前坐标转换为该目标界面屏幕坐标,或者也可以直接设置当前***平台的目标界面分辨率为该应用程序的原始最佳适配屏幕分辨率,以使应用程序界面与***平台的目标界面相适应。
而当判断该原始界面长宽比与该目标界面长宽比不同时,针对3D或者2.5D的应用程序界面,需要根据计算机图形学中的透视投影的方法建立的如图2所示的视锥体模型,如图3所示投影关系示意图,可以获取该应用程序原始界面上的物体在视平面坐标系下的当前坐标,根据判断单元521、第一参数获取单元522、第二参数获取单元523等可以获取该物体的位移参数,以对其当前坐标转换进行调整,使得视觉坐标适应目标界面的长度,宽度。
坐标调整单元53,用于根据该位移参数,调整该物体在该视觉坐标系中的坐标。
该坐标调整单元53具体包括:
坐标处理单元,用于将该物体在该视觉坐标系中的当前X坐标或者Y坐标乘以该位移参数;以及
坐标更新子单元,用于更新该当前坐标为乘以该位移参数后的坐标。
平面坐标转换单元54,用于将调整后的视觉坐标投影为视平面坐标。
在本发明实施实例中,基于上述获取到的位移参数,更新该物体在该视觉坐标系中的当前纵坐标或者横坐标,使得该物体的坐标根据该应用程序的原始界面长宽比与该目标界面长宽比之间的大小关系作相应的位移,并将调整后的视觉坐标投影为视平面坐标。
屏幕坐标转换单元55,用于基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将该物体的视平面坐标转换为在该目标界面屏幕坐标系中的屏幕坐标。
该屏幕坐标转换单元55中视平面坐标系到目标界面屏幕坐标系的坐标变换关系如下公式所示:
其中,Lp、Wp分别表示该应用程序界面的原始界面的长度、宽度,Ls、Ws分别表示该应用程序界面的目标界面的长度、宽度,(xp,yp)表示该应用程序界面的物体在视平面坐标系中的坐标,(xs,ys)表示该应用程序界面的物体在目标界面屏幕坐标系中的坐标。
在本发明实施例中,由于最终要将该应用程序运行在目标***平台的显示屏幕中,在更新后的物体在该视觉坐标系中横坐标或者纵坐标之后,利用平面坐标转换单元54进行投影变化,根据该公式(1)、(2),也即基于该视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将更新后的该物体在该视平面坐标系中的坐标转换为该目标界面屏幕坐标。
在本发明实施例中,该应用程序界面的处理装置根据界面参数获取单元获取应用程序的目标界面长宽比以及目标界面长宽比;当判断该应用程序的原始界面长宽比与该目标界面长宽比不同时,位移参数获取单元根据该应用程序的原始界面长宽比与该目标界面长宽比之间的大小关系,获取该应用程序原始界面上的物体在视觉坐标系中的位移参数;坐标调整单元根据该位移参数,调整该物体在该视觉坐标系中的坐标;平面坐标转换单元将调整后的视觉坐标投影为视平面坐标;基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,坐标转换单元将该物体的视平面坐标转换为在该目标界面屏幕坐标系中的屏幕坐标。从而,只需预设应用程序的原始界面长宽比与原始界面长宽比,就可以将该应用程序安装在具有不同分辨率的相同或者不同***平台中,不依赖于任何一个操作***,解决了不同分辨率下应用程序界面的布局问题,也解决了应用程序无法适配多样化的屏幕和***平台的问题。
本发明实施例提供的该应用程序界面的处理方法,通过在某一应用程序中预先设置好一种原始最佳适配屏幕分辨率,也即设置一最佳界面长宽比,就可以根据其与目标界面长宽比之间的关系,自适应调整原始界面长宽值与目标界面长宽值相同,且能够自适应调整原始界面上物体的位移,最终能够准确地显示在目标界面中,且具有较好的显示效果,相对于现有技术中,应用程序开发者需要为每一种分辨率或者每一***平台专门开发对应的一种应用程序,存在工作量较大、维护工作难度大的问题,本发明实施例也使得用户的使用体验和屏幕显示效果均得到提高。
以上所述仅为本发明的较佳实施例而已,并不用以限制本发明,凡在本发明的精神和原则之内所作的任何修改、等同替换和改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种应用程序界面的处理方法,其特征在于,所述方法包括下述步骤:
获取应用程序的原始界面长宽比以及目标界面长宽比;
当判断所述应用程序的原始界面长宽比与所述目标界面长宽比不同时,根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视觉坐标系中的位移参数;
根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标;
将调整后的视觉坐标投影为视平面坐标系中的视平面坐标;
基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将所述物体的视平面坐标转换为在所述目标界面屏幕坐标系中的屏幕坐标,以使所述物体在所述目标界面屏幕上显示。
2.如权利要求1所述的方法,其特征在于,所述根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视平面坐标系中的位移参数的步骤具体为:
记原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws,判断如果Lp/Wp与Ls/Ws均大于1或者均小于1时,所述位移参数为(Lp/Wp)/(Ls/Ws),则所述根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标的步骤具体包括以下步骤:
如果(Lp/Wp)大于(Ls/Ws),则调整所述物体在视觉坐标系中的Y轴坐标y为y’,y’=y×位移参数;
如果(Lp/Wp)小于(Ls/Ws),则调整所述物体在视觉坐标系中的X轴坐标x为x’,x’=x×位移参数。
3.如权利要求1所述的方法,其特征在于,所述根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视平面坐标系中的位移参数的步骤具体为:
记原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws,判断如果Lp/Wp与Ls/Ws其中一个大于1,另一个小于1时,所述位移参数为(Wp/Lp)/(Ls/Ws),则所述根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标的步骤具体包括以下步骤:
如果(Wp/Lp)大于(Ls/Ws),则调整所述物体在视觉坐标系中的Y轴坐标y为y’,y’=y×位移参数;
如果(Wp/Lp)小于(Ls/Ws),则调整所述物体在视觉坐标系中的X轴坐标x为x’,x’=x×位移参数。
4.如权利要求1所述的方法,其特征在于,所述视平面坐标系到目标界面屏幕坐标系的坐标变换关系如下公式所示:
其中,Lp、Wp分别表示所述应用程序界面的原始界面的长度、宽度,Ls、Ws分别表示所述应用程序界面的目标界面的长度、宽度,(xp,yp)表示所述应用程序界面的物体在视平面坐标系中的坐标,(xs,ys)表示所述应用程序界面的物体在目标界面屏幕坐标系中的坐标。
5.如权利要求1所述的方法,其特征在于,所述获取应用程序的原始界面长宽比以及目标界面长宽比的步骤具体为:
根据原始最佳适配屏幕分辨率获取应用程序的原始界面长宽比,根据目标设备物理屏幕的分辨率获取目标显示界面的长宽比。
6.一种应用程序界面的处理装置,其特征在于,所述装置包括:
界面参数获取单元,用于获取应用程序的原始界面长宽比以及目标界面长宽比;
位移参数获取单元,用于当判断所述应用程序的原始界面长宽比与所述目标界面长宽比不同时,根据所述原始界面长宽比与所述目标界面长宽比之间的大小关系,获取所述应用程序原始界面上的物体在视觉坐标系中的位移参数;
坐标调整单元,用于根据所述位移参数,调整所述物体在所述视觉坐标系中的坐标;
平面坐标转换单元,用于将调整后的视觉坐标投影为视平面坐标;以及
屏幕坐标转换单元,用于基于视平面坐标系到目标界面屏幕坐标系的坐标变换关系,将所述物体的视平面坐标转换为在所述目标界面屏幕坐标系中的屏幕坐标,以使所述物体在所述目标界面屏幕上显示。
7.如权利要求6所述的装置,其特征在于,所述位移参数获取单元具体包括:
判断单元,用于判断Lp/Wp与Ls/Ws是否均大于1或者均小于1,其中,记原始界面的长度、宽度分别为Lp、Wp,目标界面的长度、宽度分别为Ls、Ws;
第一参数获取单元,用于当所述判断单元输出结果为是时,设置所述位移参数为(Lp/Wp)/(Ls/Ws);以及
第二参数获取单元,用于当所述判断单元输出结果为否时,设置所述位移参数为(Wp/Lp)/(Ls/Ws)。
8.如权利要求6所述的装置,其特征在于,所述坐标调整单元具体包括:
坐标处理单元,用于将所述物体在所述视觉坐标系中的当前X坐标或者Y坐标乘以所述位移参数;以及
坐标更新子单元,用于更新所述当前坐标为乘以所述位移参数后的坐标。
9.如权利要求6所述的装置,其特征在于,所述屏幕坐标转换单元中所述视平面坐标系到目标界面屏幕坐标系的坐标变换关系如下公式所示:
其中,Lp、Wp分别表示所述应用程序界面的原始界面的长度、宽度,Ls、Ws分别表示所述应用程序界面的目标界面的长度、宽度,(xp,yp)表示所述应用程序界面的物体在视平面坐标系中的坐标,(xs,ys)表示所述应用程序界面的物体在目标界面屏幕坐标系中的坐标。
10.如权利要求6所述的装置,其特征在于,所述界面参数获取单元具体包括:
原始界面参数获取单元,用于根据原始最佳适配屏幕分辨率获取应用程序的原始界面长宽比;以及
目标界面参数获取单元,用于根据目标设备物理屏幕的分辨率获取目标界面长宽比。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210113700.2A CN102707946B (zh) | 2012-04-17 | 2012-04-17 | 一种应用程序界面的处理方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201210113700.2A CN102707946B (zh) | 2012-04-17 | 2012-04-17 | 一种应用程序界面的处理方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN102707946A true CN102707946A (zh) | 2012-10-03 |
CN102707946B CN102707946B (zh) | 2016-08-17 |
Family
ID=46900770
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201210113700.2A Expired - Fee Related CN102707946B (zh) | 2012-04-17 | 2012-04-17 | 一种应用程序界面的处理方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN102707946B (zh) |
Cited By (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102023849A (zh) * | 2009-09-22 | 2011-04-20 | 北京搜狗科技发展有限公司 | 一种多平台多分辨率应用程序界面的处理方法和装置 |
CN102981793A (zh) * | 2012-11-22 | 2013-03-20 | Tcl集团股份有限公司 | 一种屏幕同步方法及装置 |
CN103546689A (zh) * | 2013-10-11 | 2014-01-29 | Tcl集团股份有限公司 | android***外接摄像头的分辨率获取方法及装置 |
CN103559096A (zh) * | 2013-09-05 | 2014-02-05 | 澳门岭南投资有限公司 | 计算机软件端口无缝对接技术 |
CN104423950A (zh) * | 2013-09-02 | 2015-03-18 | 联想(北京)有限公司 | 一种信息处理的方法及电子设备 |
CN104516703A (zh) * | 2013-09-30 | 2015-04-15 | 中国电信股份有限公司 | 在安卓终端上实现虚拟桌面屏幕分辨率自动适配的方法和*** |
CN105187634A (zh) * | 2015-08-07 | 2015-12-23 | 北京思特奇信息技术股份有限公司 | 一种终端应用动态适配智能终端屏幕的方法及*** |
CN105225201A (zh) * | 2015-09-06 | 2016-01-06 | 网易(杭州)网络有限公司 | 一种显示对象自适应分辨率显示的方法及*** |
CN106339061A (zh) * | 2015-07-16 | 2017-01-18 | 华为技术有限公司 | 一种移动终端及其运行应用程序的方法 |
CN106528273A (zh) * | 2016-10-31 | 2017-03-22 | 北京小米移动软件有限公司 | 应用程序管理方法及装置 |
CN107506163A (zh) * | 2017-08-31 | 2017-12-22 | 努比亚技术有限公司 | 调整屏幕显示的方法、终端及计算机可读存储介质 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多***显示适配方法、电子设备及存储介质 |
CN108765582A (zh) * | 2018-04-28 | 2018-11-06 | 青岛海信电器股份有限公司 | 一种全景图片显示方法及设备 |
CN110928407A (zh) * | 2019-10-30 | 2020-03-27 | 维沃移动通信有限公司 | 信息显示方法及装置 |
WO2020155785A1 (zh) * | 2019-01-31 | 2020-08-06 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
CN112667343A (zh) * | 2021-01-07 | 2021-04-16 | 苏州沁游网络科技有限公司 | 一种界面调整方法、装置、设备及存储介质 |
CN112822157A (zh) * | 2020-12-25 | 2021-05-18 | 广州朗国电子科技有限公司 | 电子白板间的数据共享方法、装置及存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050093893A1 (en) * | 2003-10-31 | 2005-05-05 | Jay Senior | Aspect ratio conversion of video content |
CN101222570A (zh) * | 2008-01-25 | 2008-07-16 | 中兴通讯股份有限公司 | 一种应用于移动终端的图像浏览器及图像调整方法 |
CN101789132A (zh) * | 2010-01-22 | 2010-07-28 | 苏州领航自动化科技有限公司 | 一种单视图多OpenGL视口的显示方法 |
CN101853121A (zh) * | 2010-03-02 | 2010-10-06 | 深圳市同洲电子股份有限公司 | 一种基于重力感应器的图片浏览方法和装置 |
-
2012
- 2012-04-17 CN CN201210113700.2A patent/CN102707946B/zh not_active Expired - Fee Related
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20050093893A1 (en) * | 2003-10-31 | 2005-05-05 | Jay Senior | Aspect ratio conversion of video content |
CN101222570A (zh) * | 2008-01-25 | 2008-07-16 | 中兴通讯股份有限公司 | 一种应用于移动终端的图像浏览器及图像调整方法 |
CN101789132A (zh) * | 2010-01-22 | 2010-07-28 | 苏州领航自动化科技有限公司 | 一种单视图多OpenGL视口的显示方法 |
CN101853121A (zh) * | 2010-03-02 | 2010-10-06 | 深圳市同洲电子股份有限公司 | 一种基于重力感应器的图片浏览方法和装置 |
Non-Patent Citations (1)
Title |
---|
胡丹桂: "基于游戏引擎的3D图形***的研究", 《中国优秀博硕士学位论文全文数据库(硕士)信息科技辑 第03期》 * |
Cited By (27)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102023849A (zh) * | 2009-09-22 | 2011-04-20 | 北京搜狗科技发展有限公司 | 一种多平台多分辨率应用程序界面的处理方法和装置 |
CN102981793A (zh) * | 2012-11-22 | 2013-03-20 | Tcl集团股份有限公司 | 一种屏幕同步方法及装置 |
CN102981793B (zh) * | 2012-11-22 | 2017-02-15 | 深圳Tcl工业研究院有限公司 | 一种屏幕同步方法及装置 |
CN104423950A (zh) * | 2013-09-02 | 2015-03-18 | 联想(北京)有限公司 | 一种信息处理的方法及电子设备 |
CN104423950B (zh) * | 2013-09-02 | 2021-05-18 | 联想(北京)有限公司 | 一种信息处理的方法及电子设备 |
CN103559096A (zh) * | 2013-09-05 | 2014-02-05 | 澳门岭南投资有限公司 | 计算机软件端口无缝对接技术 |
CN104516703A (zh) * | 2013-09-30 | 2015-04-15 | 中国电信股份有限公司 | 在安卓终端上实现虚拟桌面屏幕分辨率自动适配的方法和*** |
CN104516703B (zh) * | 2013-09-30 | 2018-02-16 | 中国电信股份有限公司 | 在安卓终端上实现虚拟桌面屏幕分辨率自动适配的方法和*** |
CN103546689B (zh) * | 2013-10-11 | 2018-02-13 | Tcl集团股份有限公司 | android***外接摄像头的分辨率获取方法及装置 |
CN103546689A (zh) * | 2013-10-11 | 2014-01-29 | Tcl集团股份有限公司 | android***外接摄像头的分辨率获取方法及装置 |
CN110888521A (zh) * | 2015-07-16 | 2020-03-17 | 华为技术有限公司 | 一种移动终端及其运行应用程序的方法 |
CN106339061A (zh) * | 2015-07-16 | 2017-01-18 | 华为技术有限公司 | 一种移动终端及其运行应用程序的方法 |
CN106339061B (zh) * | 2015-07-16 | 2019-11-05 | 华为技术有限公司 | 一种移动终端及其运行应用程序的方法 |
CN105187634A (zh) * | 2015-08-07 | 2015-12-23 | 北京思特奇信息技术股份有限公司 | 一种终端应用动态适配智能终端屏幕的方法及*** |
CN105225201B (zh) * | 2015-09-06 | 2018-07-06 | 网易(杭州)网络有限公司 | 一种显示对象自适应分辨率显示的方法及*** |
CN105225201A (zh) * | 2015-09-06 | 2016-01-06 | 网易(杭州)网络有限公司 | 一种显示对象自适应分辨率显示的方法及*** |
CN106528273A (zh) * | 2016-10-31 | 2017-03-22 | 北京小米移动软件有限公司 | 应用程序管理方法及装置 |
CN107506163A (zh) * | 2017-08-31 | 2017-12-22 | 努比亚技术有限公司 | 调整屏幕显示的方法、终端及计算机可读存储介质 |
CN107506163B (zh) * | 2017-08-31 | 2022-11-15 | 努比亚技术有限公司 | 调整屏幕显示的方法、终端及计算机可读存储介质 |
CN108334391A (zh) * | 2017-12-31 | 2018-07-27 | 广州金十信息科技有限公司 | 一种多***显示适配方法、电子设备及存储介质 |
CN108765582B (zh) * | 2018-04-28 | 2022-06-17 | 海信视像科技股份有限公司 | 一种全景图片显示方法及设备 |
CN108765582A (zh) * | 2018-04-28 | 2018-11-06 | 青岛海信电器股份有限公司 | 一种全景图片显示方法及设备 |
WO2020155785A1 (zh) * | 2019-01-31 | 2020-08-06 | 掌阅科技股份有限公司 | 屏幕适配显示方法、电子设备及计算机存储介质 |
CN110928407A (zh) * | 2019-10-30 | 2020-03-27 | 维沃移动通信有限公司 | 信息显示方法及装置 |
CN112822157A (zh) * | 2020-12-25 | 2021-05-18 | 广州朗国电子科技有限公司 | 电子白板间的数据共享方法、装置及存储介质 |
CN112667343A (zh) * | 2021-01-07 | 2021-04-16 | 苏州沁游网络科技有限公司 | 一种界面调整方法、装置、设备及存储介质 |
CN112667343B (zh) * | 2021-01-07 | 2024-03-01 | 苏州沁游网络科技有限公司 | 一种界面调整方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN102707946B (zh) | 2016-08-17 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102707946A (zh) | 一种应用程序界面的处理方法及装置 | |
CN103226453B (zh) | 一种手机屏幕的显示和操作映射到计算机类终端的方法 | |
CN103544253A (zh) | 一种以瀑布流方式显示图片的实现方法及*** | |
CN104035664A (zh) | 一种应用程序用户界面的显示方法及装置 | |
CN102023849A (zh) | 一种多平台多分辨率应用程序界面的处理方法和装置 | |
CN103530117A (zh) | 一种适配移动终端不同尺寸屏幕的方法及装置 | |
CN106648581B (zh) | 页面显示方法及装置 | |
CN104866206A (zh) | 一种图片数据的移动方法及移动终端 | |
US10331317B2 (en) | Widget area adjustment method and apparatus | |
CN107861711B (zh) | 页面适配方法及装置 | |
US9229585B2 (en) | Projection system, image generating method, and computer-readable storage medium | |
CN106844521A (zh) | 基于bs架构的跨终端三维数字地球交互方法 | |
CN104808959A (zh) | 一种信息处理方法及电子设备 | |
CN109933323A (zh) | 一种设置用户界面的方法及装置 | |
CN103905752A (zh) | 遥控终端遥控方法、装置和显示终端显示方法、装置 | |
US20240040093A1 (en) | Method, apparatus, device, and system for customizing motion-based projection | |
CN104020925A (zh) | 投影方法及装置 | |
CN106126057B (zh) | 一种屏幕截图方法、装置及终端设备 | |
CN104391631A (zh) | 一种电子阅读器翻页的控制方法和*** | |
CN105760177A (zh) | 一种适用于Mac***的控件文本的排列显示方法和装置 | |
CN112445553A (zh) | 一种终端显示调节方法、装置和终端 | |
CN104777968A (zh) | 一种信息处理方法和电子设备 | |
CN111259567B (zh) | 一种布局图生成方法、装置和存储介质 | |
US10921950B1 (en) | Pointing and interaction control devices for large scale tabletop models | |
CN108803995B (zh) | 基于svg的图表数据展示*** |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant | ||
CF01 | Termination of patent right due to non-payment of annual fee | ||
CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160817 |