CN103530117A - 一种适配移动终端不同尺寸屏幕的方法及装置 - Google Patents
一种适配移动终端不同尺寸屏幕的方法及装置 Download PDFInfo
- Publication number
- CN103530117A CN103530117A CN201310459625.XA CN201310459625A CN103530117A CN 103530117 A CN103530117 A CN 103530117A CN 201310459625 A CN201310459625 A CN 201310459625A CN 103530117 A CN103530117 A CN 103530117A
- Authority
- CN
- China
- Prior art keywords
- view control
- mobile terminal
- size
- screen
- adaptation parameter
- 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.)
- Pending
Links
Images
Landscapes
- Telephone Function (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种适配移动终端不同尺寸屏幕的方法。该方法包括:在开发环境Xcode中创建一个控制器,并生成与该控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。本申请还公开了适配移动终端不同尺寸屏幕的装置。本申请的技术方案可减少甚至消除代码的参与,提高适配不同尺寸屏幕的效率。
Description
技术领域
本申请涉及移动技术领域,特别涉及一种适配移动终端不同尺寸屏幕的方法及其对应的装置。
背景技术
随着移动终端技术的发展,移动终端屏幕尺寸的大小变得多元化,不同大小的屏幕如果以相同的分辨率进行显示将显示出不同的大小。比如,一个应用程序的界面,在较小的移动终端屏幕上显示时,显示的画面小、信息量少,而在较大的移动终端屏幕显示时,显示的画面大、信息量多,这就涉及到一个应用程序的界面如何适配不同移动终端屏幕的问题。
下面以iphone手机为例进行说明,iphone5出现以后,iphone手机屏幕出现了两种尺寸:iphone5尺寸和iphone5以前型号的屏幕尺寸。针对这两种尺寸,同一个应用程序界面窗口的适配方式存在两种技术:一是针对手机不同的屏幕尺寸分别制作两套界面,一套界面适配iphone5尺寸,一套界面适配iphone5以前型号的屏幕尺寸,在代码判断出当前手机屏幕尺寸后,选择加载对应的界面;二是所有程序界面采用纯代码编写,当控件在界面上显示的位置,根据手机尺寸大小改变位置等属性,以适配各自的手机屏幕。
然而,上述两种方式均需要代码的参与,而在一个移动终端上的程序界面的数量相当大,针对每个界面进行程序编码,其工作量较大,降低了适配移动终端不同尺寸屏幕的效率。
发明内容
为解决上述技术问题,本申请实施例提供了一种适配移动终端不同尺寸屏幕的方法及其装置,以减少甚至消除代码的参与,提高适配不同尺寸屏幕的效率。
本申请提供的适配移动终端不同尺寸屏幕的方法包括:
在开发环境Xcode中创建一个控制器,并生成与该控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;
在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。
优选地,所述适配参数配置结果包括移动终端不同尺寸的屏幕的比例参数,在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整具体包括:根据适配参数配置结果中的比例参数对视图控件进行缩放调整。
优选地,所述适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数的配置结果,所述根据适配参数配置结果对视图控件进行自动调整包括:
根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变,根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点保持不变,所述固定点在不同尺寸屏幕的移动终端中的绝对位置相同。
优选地,所述视图控件为矩形控件,所述位置坐标为所述矩形控件的四个顶点坐标,
进一步优选地,所述矩形控件具有相对于移动终端屏幕边缘线距离长度的边距属性和具有长边、短边长度的边长属性,所述适配参数配置结果包括对边距属性和/或边长属性的选定与否的状态,则在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整具体包括:
在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;
根据适配参数配置结果中对视图控件的边距属性和/或边长属性的状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。
本申请还提供了一种适配移动终端不同尺寸屏幕的装置。该装置包括控制器创建单元、xib文件创建单元、参数配置单元和控件调整单元,其中:
所述控制器创建单元,用于在开发环境Xcode中创建一个控制器;
所述xib文件创建单元,用于生成与所述控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
所述参数配置单元,用于根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;
所述控件调整单元,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。
优选地,所述适配参数配置结果包括移动终端不同尺寸的屏幕的比例参数,所述控件调整单元包括缩放调整子单元,具体用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据适配参数配置结果中的比例参数对视图控件进行缩放调整。
优选地,所述适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数的配置结果,所述控件调整单元包括视图控件大小保持子单元和位置坐标调整子单元,所述控件大小保持子单元,用于根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变;所述位置坐标调整子单元,用于根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点保持不变,所述固定点在不同尺寸屏幕的移动终端中的绝对位置相同。
优选地,所述矩形控件具有相对于移动终端屏幕边缘线一定距离长度的边距属性和具有长边、短边长度的边长属性,所述适配参数配置结果包括对边距属性和/或边长属性的选定与否的状态,则所述控件调整单元包括比例运算子单元和属性调整子单元,所述比例运算子单元,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;所述属性调整子单元,用于根据适配参数配置结果中对视图控件的边距属性和/或边长属性的状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。
本申请实施例先在开发环境Xcode中创建一个控制器并生成与该控制器对应的xib文件,并根据移动终端不同尺寸屏幕对视图控件进行适配参数配置,然后在适配过程触发时,根据适配参数配置结果对视图控件进行自动调整。与现有技术相比,由于开发环境Xcode下,生成的xib文件是图形界面化文件,在该文件中的视图控件均是已封装好的可拖动性控件,在实现移动终端不同尺寸屏幕的适配时,仅需对视图控件进行可视化配置,而无需进行底层的代码编写,减少了工作量,提高了适配移动终端不同尺寸屏幕的效率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本申请的适配移动终端不同尺寸屏幕的方法实施例的流程图;
图2(a)、(b)(c)为图1所述的实施例的一个具体实例的示意图;
图3为本申请的适配移动终端不同尺寸屏幕的装置实施例的结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
参见图1,该图示出了本申请的适配移动终端不同尺寸屏幕的方法的一个实施例的流程。该流程包括:
步骤S101:在开发环境Xcode中创建一个控制器,并生成与该控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
Xcode是苹果公司向开发人员提供的集成开发环境,用于开发Mac OS X、iOS的应用程序等,该开放环境具有如下的特点:提供全套的Cocoa程序;Xcode编译速度较快;支持多种语言,比如C、C++、Objective-C或Java编,在AppleScript里编写的脚本等。在该开发环境下,生成一个控制器,该控制器相当于一个容器,可以容量大量的视图控件,具体地,该控制器还提供一个xib文件生成按钮,如果在开放环境的平台下,勾选该按钮,则可以生成与控制器对应的xib文件,xib文件内可以存放大量的视图控件,这些视图控件在移动终端运行的程序界面展现时将被调用。开发人员通过对视图控件的布局即可作用于在移动终端上呈现的界面。本实施例在生成xib文件时,已将视图控件与一个尺寸的移动终端屏幕相适配,即利用xib文件中的视图控件可以清晰准确地在与其适配的移动终端屏幕上进行显示。
步骤S102:根据移动终端不同尺寸屏幕对视图控件进行适配参数配置;
如前所述,不同的移动终端可能具有不同的尺寸,如果不对移动终端的不同尺寸进行适配,同一界面可能在不同尺寸的移动终端的屏幕上呈现出完全不同的效果。本实施例在前述生成适配于一个尺寸的移动终端屏幕后,根据移动终端可能出现的不同尺寸屏幕对视图控件进行适配参数配置,这里可能存在的不同尺寸屏幕的移动终端可以通过多种渠道获得,即便在当前情况下不能掌握的屏幕尺寸,本申请可以增加参数配置接口,通过该接口设置新出现的尺寸屏幕的相关配置参数。这里的具体配置方式可以有很多种,后面将详细叙述,不同适配参数配置结果将与后续进行的视图控件的调整相对应。
步骤S103:在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕;
在xib文件运行过程中,如果发现当前使用的移动终端已不是视图控件所原本适配的移动终端的屏幕尺寸,则触发适配调整动作,即根据适配参数配置结果对视图控件进行自动调整,从而使当前使用的移动终端屏幕也能正确地展现相应的界面。
本实施例先在开发环境Xcode中创建一个控制器并生成与该控制器对应的xib文件,并根据移动终端不同尺寸屏幕对视图控件进行适配参数配置,然后在适配过程触发时,根据适配参数配置结果对视图控件进行自动调整。与需要制作两套界面的现有技术相比,由于本实施例的视图控件仅与一个尺寸的移动终端屏幕相适配,即相当于仅制作一套界面,而将界面的选择适配时间点设置在移动终端发现需要进行屏幕尺寸适配之时,将适配的方式设置为基于视图控件所适配的移动终端屏幕按照适配参数的配置结果进行自动调整,一方面减少了制作两套适配界面带来的资源浪费,另一方面也减轻了制作适配界面的服务器的负荷。与全部使用程序代码实现的现有技术相比,由于开发环境Xcode下,生成的xib文件是图形界面化文件,在该文件中的视图控件均为已封装好的可拖动性控件,在实现移动终端不同尺寸屏幕的适配时,仅需对视图控件进行可视化配置,而无需进行底层的代码编写,减少了工作量,提高了适配移动终端不同尺寸屏幕的效率。
前述步骤S102提到,适配参数配置的方式不同进行具体的适配调整过程将不同,为便于说明,这里示例性地给出两种实施方式:
实施方式之一:适配参数配置结果包括移动终端不同尺寸的屏幕的比例参数,即在移动终端可能存在的不同尺寸的屏幕分别与适配触发之前的视图控件所能适配的移动终端的屏幕进行比例运算,保留该比例运算的结果。也就是,将视图控件最初所能适配的移动终端的屏幕尺寸作为基准尺寸,将可能需要进行适配操作的其他尺寸的移动终端的屏幕大小与该基准尺寸进行除法运算,将运算的结果作为适配参数的配置结果。在这种适配参数结果的情况下,当检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,则可在视图控件适配的移动终端屏幕的尺寸基础上,对需要适配的界面对应的视图控件按照适配参数配置结果中的比例参数进行缩放调整。具体地,如果屏幕尺寸变大,则对视图控件进行放大处理,如果屏幕尺寸变小,则对视图控件进行缩小处理。需要注意的是:这种处理方式是视图控件在各个方向上同等程度的比例缩放,如果是缩小,将增加界面的清晰度,如果是放大,将减少界面的清晰度。
实施方式之二:适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数配置结果,即将视图控件的两个重要属性(位置坐标和控件大小)分别进行配置,位置坐标反映视图控件相对于移动终端屏幕的位置,视图控件大小反映视图控件在移动终端屏幕呈现的大小。对于这两种配置属性,当检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,采取不同的处理方式:对于视图大小而言,根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变,即不再如前一种实施方式那样根据屏幕尺寸的大小进行自动缩放处理,这样的好处在于:适配对象(比如某个界面)不会在适配过程中出现溢出或者严重变形,比如,当对某个界面对应的视图控件进行放大调整时,可能将视图控件的局部调整出移动终端屏幕之外,变成不可见,当对某个界面对应的视图控件进行缩小调整时,可能将本来不规则的视图控件缩小后变得规则(缩小化处理可以减少差异)。对于坐标位置而言,根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点不变,这里上端或下端的固定点是指在不同尺寸屏幕的移动终端中绝对位置相同。比如,当由原屏幕界面变化到新的屏幕界面时,保持视图控件的坐标位置相对于上端的固定点不变,仅仅将变化的尺寸计算到下端位置,即将屏幕下端的尺寸直接剪掉。这种方式可以使视图控件看上去并没有适配过程中发生移动,而仅仅将从屏幕中不作为关注焦点的部分移出了。
在上述第二种实施方式中,如果视图控件为矩形控件,还可以存在进一步的变形措施。首先,如果是矩形控件,则存在两个重要的属性:一是相对于移动终端屏幕边缘线一定距离长度的边距属性;二是矩形控件本身的长边、短边长度的边长属性,这种情况下,将对视图控件的适配参数配置设置为对视图控件边距属性和边长属性的状态的选定,即无论是边距属性还是边长属性均存在两个状态:选定状态和非选定状态,处于选定状态则可以对应于能够对该边距进行缩放调整,非选定状态则不允许进行变化。其次,当在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,则可以按照下述的方式进行不同尺寸屏幕的适配:
在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;
根据适配参数配置结果中对视图控件的边距属性和/或边长属性的选定状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。
这里的“和/或”表示可以将边距属性和边长属性作为两个完全独立的属性,选择其中任何一个属性,或者两个属性同时作为适配的依据均可。
为了更进一步说明本申请实施例的技术方案,下面以一个更为具体的实例进行说明:
参见图2,其中图2(a)示出了在Xcode开发环境下,建立的控制器和相应的视图控件;图2(b)示出了视图控件在移动终端屏幕上的原始布局,现在需要对“专利”标签进行不同尺寸屏幕的适配。由于视图控件位于xib文件之中,该文件中的视图均可直接进行拖拽操作,即直接对“专利”的位置进行调整。但是,为了更精确地调整,可以点开“专利”标签的“autosizing”属性。参见图2(c),该图示出了“autosizing”属性调整示意。通过该图可以看到,“专利”这个标签以一个矩形表示,在该矩形内部具有垂直和横向的双向箭头,在矩形外部的四个边上具有四个“工”形标识,前者可用于调整视图控件的大小,后者可用于调整视图控件的边距大小。在具体进行适配时,可以对这些标识进行选定或不选定的操作,如果可以选定视图控件中横向的双向箭头,即说明在进行适配调整时视图控件的宽度可以进行缩放处理,而其他处于非选定状态的箭头表示的方向则不作变化。由此可见,通过该实例可以实现多种需要,既可以进行某个方向上的缩放,也可以保持某个方向上的固定,既可以进行视图控件的整体缩放,也可以在某个方向上进行缩放。
还需要说明的是:通过前述实施例的介绍,本申请已能实现发明目的。但是,在实际应用过程中,经过控件调整后可能会在某些局部地方出现细微的拉升变形,这种情况比较少见,如果出现了,则可以通过极少量的程序代码对拉升的值进行修改,回复到正常状态。
上述实施例详细叙述了本申请的适配移动终端不同尺寸屏幕的方法的实施例,相应地,本申请还提供了一种适配移动终端不同尺寸屏幕的装置实施例。参见图3,该图示出了适配移动终端不同尺寸屏幕的装置实施例的结构框图。该装置包括:控制器创建单元301、xib文件创建单元302、参数配置单元303和控件调整单元304,其中:
控制器创建单元301,用于在开发环境Xcode中创建一个控制器;
xib文件创建单元302,用于生成与所述控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
参数配置单元303,用于根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;
控件调整单元304,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。
该装置实施例的工作过程是:控制器创建单元301在开发环境Xcode中创建一个控制器,由xib文件创建单元302生成与所述控制器对应的xib文件;再由参数配置单元303根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;然后,控件调整单元304在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。本装置实施例同样能够取得与前述方法实施例相同的技术效果,为避免重复,这里不再赘言。
在上述装置实施例中的适配参数结果包括不同内容时,适配的具体方式可能存在差异,从而导致上述装置实施例的具体构成发生变化。比如,适配参数配置结果如果包括移动终端不同尺寸的屏幕的比例参数,则前述的控件调整单元304可以包括缩放调整子单元,具体用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据适配参数配置结果中的比例参数对视图控件进行缩放调整。
再比如,如果适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数配置结果,则前述的控件调整单元304可以包括控件大小保持子单元3041和位置坐标调整子单元3042,其中:
控件大小保持子单元3041,用于根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变;位置坐标调整子单元3042,用于根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点保持不变,所述固定点在不同尺寸屏幕的移动终端中绝对位置相同。
进一步地,在矩形控件具有相对于移动终端屏幕边缘线距离长度的边距属性和矩形控件的长边、短边长度的边长属性时,所述适配参数配置结果如果包括对边距属性和/或边长属性的选定与否的状态,则前述的控件调整单元304可以包括比例运算子单元和属性调整子单元,其中:
所述比例运算子单元,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;所述属性调整子单元,用于根据适配参数配置结果中对视图控件的边距属性和/或边长属性的选定状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。这种方式增强了适配过程的灵活性,即可以通过选定或者不选定边长属性或边距属性中的任何一个或几个来实现满足需要的各种适配方式。
需要说明的是:为了叙述的简便,本说明书的上述实施例以及实施例的各种变形实现方式重点说明的都是与其他实施例或变形方式的不同之处,各个情形之间相同相似的部分互相参见即可。尤其,对于装置实施例的几个改进方式而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例的各单元可以是或者也可以不是物理上分开的,既可以位于一个地方,或者也可以分布到多个网络环境下。在实际应用过程中,可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的,本领域普通技术人员在不付出创造性劳动的情况下,即可以理解并实施。
以上所述仅是本申请的具体实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本申请的保护范围。
Claims (9)
1.一种适配移动终端不同尺寸屏幕的方法,其特征在于,该方法包括:
在开发环境Xcode中创建一个控制器,并生成与该控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;
在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。
2.根据权利要求1所述的方法,其特征在于,所述适配参数配置结果包括移动终端不同尺寸的屏幕的比例参数,在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整具体包括:根据适配参数配置结果中的比例参数对视图控件进行缩放调整。
3.根据权利要求1所述的方法,其特征在于,所述适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数的配置结果,所述根据适配参数配置结果对视图控件进行自动调整包括:
根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变,根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点不变,所述固定点在不同尺寸屏幕的移动终端中的绝对位置相同。
4.根据权利要求3所述的方法,其特征在于,所述视图控件为矩形控件。
5.根据权利要求4所述的方法,其特征在于,所述矩形控件具有相对于移动终端屏幕边缘线一定距离长度的边距属性和具有长边、短边长度的边长属性,所述适配参数配置结果包括对边距属性和/或边长属性的选定与否的状态,则在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整具体包括:
在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;
根据适配参数配置结果中对视图控件的边距属性和/或边长属性的状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。
6.一种适配移动终端不同尺寸屏幕的装置,其特征在于,该装置包括控制器创建单元、xib文件创建单元、参数配置单元和控件调整单元,其中:
所述控制器创建单元,用于在开发环境Xcode中创建一个控制器;
所述xib文件创建单元,用于生成与所述控制器对应的xib文件,所述xib文件包含视图控件,所述视图控件适配一个尺寸的移动终端屏幕;
所述参数配置单元,用于根据移动终端不同尺寸屏幕对所述视图控件进行适配参数配置;
所述控件调整单元,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据所述适配参数配置结果对所述视图控件进行自动调整以适配屏幕尺寸变化后的移动终端屏幕。
7.根据权利要求6所述的装置,其特征在于,所述适配参数配置结果包括移动终端不同尺寸的屏幕的比例参数,所述控件调整单元包括缩放调整子单元,具体用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化时,根据适配参数配置结果中的比例参数对视图控件进行缩放调整。
8.根据权利要求6所述的装置,其特征在于,所述适配参数配置结果包括对视图控件的位置坐标和视图控件大小的适配参数的配置结果,所述控件调整单元包括控件大小保持子单元和位置坐标调整子单元,其中:
所述控件大小保持子单元,用于根据适配参数配置结果中的视图控件大小的适配参数控制所述视图控件大小保持不变;所述位置坐标调整子单元,用于根据适配参数配置结果中的位置坐标的适配参数控制视图控件的位置坐标相对于移动终端屏幕上端或下端的固定点保持不变,所述固定点在不同尺寸屏幕的移动终端中的绝对位置相同。
9.根据权利要求8所述的装置,其特征在于,所述矩形控件具有相对于移动终端屏幕边缘线一定距离长度的边距属性和具有长边、短边长度的边长属性,所述适配参数配置结果包括对边距属性和/或边长属性的选定与否的状态,所述控件调整单元包括比例运算子单元和属性调整子单元,其中:
所述比例运算子单元,用于在检测到视图控件所适配的移动终端屏幕的尺寸发生变化后,获取变化前后的移动终端的屏幕尺寸并进行比例运算;所述属性调整子单元,用于根据适配参数配置结果中对视图控件的边距属性和/或边长属性的状态,对已选定边距属性的边距按照比例运算的结果进行调整,和/或对已选定边长属性的边长按照比例运算的结果进行调整。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310459625.XA CN103530117A (zh) | 2013-09-30 | 2013-09-30 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310459625.XA CN103530117A (zh) | 2013-09-30 | 2013-09-30 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103530117A true CN103530117A (zh) | 2014-01-22 |
Family
ID=49932157
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310459625.XA Pending CN103530117A (zh) | 2013-09-30 | 2013-09-30 | 一种适配移动终端不同尺寸屏幕的方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103530117A (zh) |
Cited By (19)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104111839A (zh) * | 2014-07-29 | 2014-10-22 | 广东能龙教育股份有限公司 | 一种基于画布的绝对定位方法 |
CN104238890A (zh) * | 2014-09-19 | 2014-12-24 | 小米科技有限责任公司 | 文字显示方法及装置 |
CN104598107A (zh) * | 2014-12-31 | 2015-05-06 | 乐视网信息技术(北京)股份有限公司 | 界面控件的生成方法及系统 |
CN103984477B (zh) * | 2014-04-01 | 2017-01-25 | 深圳市云来网络科技有限公司 | 一种ui界面适配不同屏幕尺寸移动客户端的方法及装置 |
CN106406839A (zh) * | 2015-07-31 | 2017-02-15 | 华为软件技术有限公司 | 屏幕适配文件的处理方法和装置 |
CN106406794A (zh) * | 2016-09-14 | 2017-02-15 | 乐视控股(北京)有限公司 | 一种屏幕适配方法及其装置 |
CN106484424A (zh) * | 2016-10-18 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | 一种获得与屏幕适配的控件的方法和系统 |
CN106557501A (zh) * | 2015-09-28 | 2017-04-05 | 腾讯科技(深圳)有限公司 | 一种页面模块的屏幕适配方法和装置 |
CN106775614A (zh) * | 2016-10-31 | 2017-05-31 | 深圳市云刷科技有限公司 | 智能pos界面布局方法及系统 |
CN106843992A (zh) * | 2016-12-22 | 2017-06-13 | 武汉斗鱼网络科技有限公司 | 数据管理方法及装置 |
WO2018176841A1 (zh) * | 2017-03-31 | 2018-10-04 | 武汉斗鱼网络科技有限公司 | 屏幕尺寸自适应方法、装置、用户终端及可读存储介质 |
CN109032710A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面调整方法、装置、设备和存储介质 |
CN110244891A (zh) * | 2018-03-07 | 2019-09-17 | 深圳天珑无线科技有限公司 | 电子终端及其图像显示比例调整方法、装置 |
CN111708569A (zh) * | 2020-05-20 | 2020-09-25 | 深圳市致宇天承科技有限公司 | 一种基于安卓和ios系统的功能动态配置还原算法 |
CN111986601A (zh) * | 2020-07-13 | 2020-11-24 | 视联动力信息技术股份有限公司 | 屏幕显示方法、装置、终端设备和存储介质 |
CN113051010A (zh) * | 2019-12-28 | 2021-06-29 | Oppo(重庆)智能科技有限公司 | 一种穿戴设备中应用画面调整方法及相关装置 |
CN113961158A (zh) * | 2021-09-08 | 2022-01-21 | 北京房江湖科技有限公司 | 一种跨平台的画笔同步方法及装置 |
WO2022037432A1 (zh) * | 2020-08-18 | 2022-02-24 | 华为技术有限公司 | 一种显示界面的布局方法及电子设备 |
CN114281458A (zh) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | 一种程序界面的局部缩放方法及装置 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101853158A (zh) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Widget窗口调整的方法及装置 |
CN102662616A (zh) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | 用于移动终端的屏幕图形自适应方法及系统 |
CN103164197A (zh) * | 2011-12-14 | 2013-06-19 | 中兴通讯股份有限公司 | Ui布局自适应方法、移动设备以及布局生成设备 |
-
2013
- 2013-09-30 CN CN201310459625.XA patent/CN103530117A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101853158A (zh) * | 2010-05-11 | 2010-10-06 | 中兴通讯股份有限公司 | Widget窗口调整的方法及装置 |
CN103164197A (zh) * | 2011-12-14 | 2013-06-19 | 中兴通讯股份有限公司 | Ui布局自适应方法、移动设备以及布局生成设备 |
CN102662616A (zh) * | 2012-03-28 | 2012-09-12 | 北京邮电大学 | 用于移动终端的屏幕图形自适应方法及系统 |
Non-Patent Citations (4)
Title |
---|
ENUOLA: "《IOS应用程序兼容3.5寸屏和4寸屏》", 《HTTP://WWW.DEVDIV.COM/FORUM.PHP?MOD=VIEWTHREAD&TID=144664》 * |
GCKJDEV: "《如何应用autosizing属性使iOS应用程序界面适配iphone5》", 《HTTP://BLOG.CSDN.NET/GCKJDEV/ARTICLE/DETAILS/8072484》 * |
PETTICOAT: "《如何应用autosizing属性使iOS应用程序界面适配iPhone5》", 《HTTP://WWW.XUEBUYUAN.COM/1544412.HTML》 * |
刘铭等: "《IOS6应用开发实战》", 30 May 2013, 机械工业出版社 * |
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103984477B (zh) * | 2014-04-01 | 2017-01-25 | 深圳市云来网络科技有限公司 | 一种ui界面适配不同屏幕尺寸移动客户端的方法及装置 |
CN104111839A (zh) * | 2014-07-29 | 2014-10-22 | 广东能龙教育股份有限公司 | 一种基于画布的绝对定位方法 |
CN104238890A (zh) * | 2014-09-19 | 2014-12-24 | 小米科技有限责任公司 | 文字显示方法及装置 |
CN104238890B (zh) * | 2014-09-19 | 2018-11-23 | 小米科技有限责任公司 | 文字显示方法及装置 |
CN104598107A (zh) * | 2014-12-31 | 2015-05-06 | 乐视网信息技术(北京)股份有限公司 | 界面控件的生成方法及系统 |
CN106406839A (zh) * | 2015-07-31 | 2017-02-15 | 华为软件技术有限公司 | 屏幕适配文件的处理方法和装置 |
CN106557501A (zh) * | 2015-09-28 | 2017-04-05 | 腾讯科技(深圳)有限公司 | 一种页面模块的屏幕适配方法和装置 |
CN106406794A (zh) * | 2016-09-14 | 2017-02-15 | 乐视控股(北京)有限公司 | 一种屏幕适配方法及其装置 |
CN106484424A (zh) * | 2016-10-18 | 2017-03-08 | 武汉斗鱼网络科技有限公司 | 一种获得与屏幕适配的控件的方法和系统 |
CN106775614B (zh) * | 2016-10-31 | 2020-01-24 | 深圳市云刷科技有限公司 | 智能pos界面布局方法及系统 |
CN106775614A (zh) * | 2016-10-31 | 2017-05-31 | 深圳市云刷科技有限公司 | 智能pos界面布局方法及系统 |
CN106843992A (zh) * | 2016-12-22 | 2017-06-13 | 武汉斗鱼网络科技有限公司 | 数据管理方法及装置 |
WO2018176841A1 (zh) * | 2017-03-31 | 2018-10-04 | 武汉斗鱼网络科技有限公司 | 屏幕尺寸自适应方法、装置、用户终端及可读存储介质 |
CN109032710A (zh) * | 2017-06-09 | 2018-12-18 | 阿里巴巴集团控股有限公司 | 一种界面调整方法、装置、设备和存储介质 |
CN110244891A (zh) * | 2018-03-07 | 2019-09-17 | 深圳天珑无线科技有限公司 | 电子终端及其图像显示比例调整方法、装置 |
CN113051010A (zh) * | 2019-12-28 | 2021-06-29 | Oppo(重庆)智能科技有限公司 | 一种穿戴设备中应用画面调整方法及相关装置 |
CN113051010B (zh) * | 2019-12-28 | 2023-04-28 | Oppo(重庆)智能科技有限公司 | 一种穿戴设备中应用画面调整方法及相关装置 |
CN111708569A (zh) * | 2020-05-20 | 2020-09-25 | 深圳市致宇天承科技有限公司 | 一种基于安卓和ios系统的功能动态配置还原算法 |
CN111986601A (zh) * | 2020-07-13 | 2020-11-24 | 视联动力信息技术股份有限公司 | 屏幕显示方法、装置、终端设备和存储介质 |
CN111986601B (zh) * | 2020-07-13 | 2024-03-29 | 视联动力信息技术股份有限公司 | 屏幕显示方法、装置、终端设备和存储介质 |
WO2022037432A1 (zh) * | 2020-08-18 | 2022-02-24 | 华为技术有限公司 | 一种显示界面的布局方法及电子设备 |
CN113961158A (zh) * | 2021-09-08 | 2022-01-21 | 北京房江湖科技有限公司 | 一种跨平台的画笔同步方法及装置 |
CN114281458A (zh) * | 2021-12-22 | 2022-04-05 | 珠海豹趣科技有限公司 | 一种程序界面的局部缩放方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN103530117A (zh) | 一种适配移动终端不同尺寸屏幕的方法及装置 | |
CN103634650B (zh) | 一种基于智能电视平台的图片处理方法及系统 | |
TWI490772B (zh) | 自繪控制項的螢幕適配方法及裝置 | |
US8866822B2 (en) | Alternate source for controlling an animation | |
CN109783181A (zh) | 屏幕适配显示方法、电子设备及计算机存储介质 | |
CN101479722B (zh) | 基于上下文来变换设备的操作的方法和系统 | |
US9710149B2 (en) | Method and apparatus for displaying user interface capable of intuitively editing and browsing folder | |
KR101932718B1 (ko) | 화면 상의 디스플레이창의 크기를 변경하는 디바이스 및 방법 | |
CN104090979A (zh) | 一种网页编辑方法及装置 | |
CN104035664A (zh) | 一种应用程序用户界面的显示方法及装置 | |
CN101834938A (zh) | 一种实现移动终端横竖屏切换的装置及方法 | |
CN106155692A (zh) | 一种终端亮度调节方法及终端 | |
CN107577395B (zh) | 基于Qt开发框架的聊天内容显示方法及装置 | |
CN102800045A (zh) | 一种图像处理的方法及装置 | |
US10878535B2 (en) | Generating a digital collage using digital images | |
CN110737490A (zh) | 一种引导信息显示方法和装置 | |
CN107077347B (zh) | 视图管理架构 | |
CN105573615A (zh) | 用于通过应用选择屏幕来运行应用的方法和装置 | |
CN107291340B (zh) | 实现界面效果的方法、计算设备及存储介质 | |
CN111465917A (zh) | 可弯折电子设备及其界面适配方法 | |
CN105094584A (zh) | 视图缩放处理方法和视图缩放处理装置 | |
CN109933323A (zh) | 一种设置用户界面的方法及装置 | |
CN110489023A (zh) | 多窗口显示的实现方法、装置、设备、介质和系统 | |
CN102436369B (zh) | 展示数据的方法及装置 | |
CN108279962B (zh) | 一种创建可视化数据显示界面的方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140122 |
|
WD01 | Invention patent application deemed withdrawn after publication |