CN105760178B - 对界面控件进行适配的方法及装置 - Google Patents

对界面控件进行适配的方法及装置 Download PDF

Info

Publication number
CN105760178B
CN105760178B CN201610153524.3A CN201610153524A CN105760178B CN 105760178 B CN105760178 B CN 105760178B CN 201610153524 A CN201610153524 A CN 201610153524A CN 105760178 B CN105760178 B CN 105760178B
Authority
CN
China
Prior art keywords
resolution
ratio
design
width
height
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
Application number
CN201610153524.3A
Other languages
English (en)
Other versions
CN105760178A (zh
Inventor
郭尚礼
林健
吴昊
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN201610153524.3A priority Critical patent/CN105760178B/zh
Publication of CN105760178A publication Critical patent/CN105760178A/zh
Application granted granted Critical
Publication of CN105760178B publication Critical patent/CN105760178B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明公开一种对界面控件进行适配的方法及装置。其中,方法包括如下步骤:选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值;将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同;将画布按照所述中间分辨率在纵向上进行缩放;将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。本发明的对界面控件进行适配的方法及装置通过读取设备硬件信息的方式来确定适配方案,对于不同的设备更有针对性,能够提高用户体验的一致性。同时,有助于提升适配阶段的效率从而加快开发速度。

Description

对界面控件进行适配的方法及装置
技术领域
本公开总体涉及计算机图形技术领域,具体涉及一种对界面控件进行适配的方法及装置。
背景技术
随着硬件技术发展以及市场需求的不断变化,一款游戏通常需要在研发出一种显示模式后(该显示模式会定义每个操作控件的大小、位置等影响核心操作体验的关键信息),需要在配备不同分辨率、不同屏幕长宽比、不同屏幕尺寸的设备上也能够拥有良好的用户体验。如果针对不同的设备分别进行调试和适应,开发成本过高是个不得不面临的问题。对于解决不同设备兼容性的问题,惯常做法是做适配。
现有技术采取的适配方式通常分两种,一是同比例屏幕适配,控件等比放大缩小,相对屏幕边缘距离保持固定;二是不同比例屏幕适配,不同位置控件选择屏幕的某一条边线作为相对基准线,并就基准线作为基本参照物来确定控件的相对位置,从而实现适配的目标。上述解决方案能够快速而粗略地解决适配问题,这其中最大的弊端是在细节体验上无法保证品质,一切是基于牺牲一定用户体验为基础的。
以《梦幻西游》手游为例,如图1所示,应对不同设备进行适配,通常做法是分背景图和核心操作控件进行分类适配。对于背景图,通常会出1136*640的高清背景图,然后选取其中的960*640部分进行重点绘制(也就是3:2),设备加载应用时,游戏应用会读取手机硬件信息中的屏幕比例信息,从而对于比3:2比例略高的4:3比例,背景图直接在960*640的基础上扩大显示区域至960*720;对于比3:2比例略宽的16:9比例,背景图则在960*640的基础上水平扩大显示区域至1136*640。
对于核心操作控件,依然是以960*640作为基准,960是基本宽度,设备实际水平分辨率除以基本宽度的值,即是控件缩放的比例。控件位置则是以距离控件最近的屏幕边界作为基准线,然后确保控件距离边线的距离是一个始终固定的值,从而实现适配效果。
该方案是一种惯常的适配方法,存在以下问题:机械性地通过放大缩小控件不利于保证用户体验,对于基准设备而言,许多控件大小的设定、位置的摆放是综合考虑玩家使用习惯而得出的最优解,在基准设备上确实可以达到良好的用户体验,但是在更大的设备或者更小的设备上进行适配时,单纯放大/缩小操作控件,而进行操作的手指大小是不会变的,所以这会影响到用户体验。
因此,针对界面控件的适配问题需要一种新的方法及装置。
在所述背景技术部分公开的上述信息仅用于加强对本公开的背景的理解,因此它可以包括不构成对本领域普通技术人员已知的现有技术的信息。
发明内容
本公开提供一种对界面控件进行适配的方法及装置,针对不同设备确定适配方案,提高用户体验。
本公开的其他特性和优点将通过下面的详细描述变得显然,或部分地通过本公开的实践而习得。
根据本公开的第一方面,一种对界面控件进行适配的方法,包括:获取设备的屏幕分辨率和PPI值;选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值;将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同;将画布按照所述中间分辨率在纵向上进行缩放;将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
根据本公开的一实施方式,所述选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值包括:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
根据本公开的一实施方式,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
根据本公开的一实施方式,所述将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行位置调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行位置调整。
根据本公开的一实施方式,所述将画布按照所述中间分辨率在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行纵向调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行纵向调整。
根据本公开的一实施方式,还包括:针对全屏画布,在画布最上端和最下端预先设计延伸底图,以预留画布纵向缩放时的裁剪需要。
根据本公开的第二方面,一种对界面控件进行适配的装置,包括:
获取设备信息模块,用于获取设备的屏幕分辨率和PPI值;
选取设计方案模块,用于选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值;
设计分辨率缩放模块,用于将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;
PPI缩放模块,用于按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;
中间分辨率缩放模块,用于选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同,将画布按照所述中间分辨率在纵向上进行缩放;
设备分辨率缩放模块,用于将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
根据本公开的一实施方式,所述选取设计方案模块还用于:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
根据本公开的一实施方式,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
根据本公开的一实施方式,所述设计分辨率缩放模块还用于:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行位置调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行位置调整。
根据本公开的一实施方式,所述中间分辨率缩放模块还用于:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行纵向调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行纵向调整。
本发明的对界面控件进行适配的方法及装置通过读取设备硬件信息(屏幕分辨率/物理尺寸)的方式来确定适配方案,对于不同的设备更有针对性,能够提高用户体验的一致性。同时,有助于提升适配阶段的效率从而加快开发速度。
应当理解的是,以上的一般描述和后文的细节描述仅是示例性的,并不能限制本公开。
附图说明
通过参照附图详细描述其示例实施例,本公开的上述和其它目标、特征及优点将变得更加显而易见。
图1为现有技术中以梦幻西游手游为例的适配效果图。
图2示出根据本公开示例实施方式的对界面控件进行适配的方法流程图。
图3示出根据本公开示例实施方式的对界面控件进行适配的装置方框图。
具体实施方式
现在将参考附图更全面地描述示例实施方式。然而,示例实施方式能够以多种形式实施,且不应被理解为限于在此阐述的范例;相反,提供这些实施方式使得本公开将更加全面和完整,并将示例实施方式的构思全面地传达给本领域的技术人员。附图仅为本公开的示意性图解,并非一定是按比例绘制。图中相同的附图标记表示相同或类似的部分,因而将省略对它们的重复描述。
此外,所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施方式中。在下面的描述中,提供许多具体细节从而给出对本公开的实施方式的充分理解。然而,本领域技术人员将意识到,可以实践本公开的技术方案而省略所述特定细节中的一个或更多,或者可以采用其它的方法、组元、步骤等。在其它情况下,不详细示出或描述公知结构、方法、实现或者操作以避免喧宾夺主而使得本公开的各方面变得模糊。
附图中所示的一些方框图是功能实体,不一定必须与物理或逻辑上独立的实体相对应。可以采用软件形式来实现这些功能实体,或在一个或多个硬件模块或集成电路中实现这些功能实体,或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
本发明的对界面控件进行适配的方法及装置本着在适配过程中最大化保证用户体验为核心目标,在确定适配方案时参考硬件信息,一方面减少了适配的工作量,另一方面确保了游戏的操作体验,是一种较为合理而科学的适配解决方案。
挑选市场上设备的主流宽高比对应的设备分辨率(Resolution)和屏幕物理尺寸大小,预定义多个设计分辨率。同时确定制作分辨率,制作分辨率是制作人员进行美术资源制作的分辨率。
对于控件,可将其分为两类,分别为自适应控件(AutoResolutionWidget)和可定义控件(CustomWidget)。可定义控件可支持三种属性定义,分别为缩放比例(Scale)、控件位置类型(PosStyle)和控件相对位置(Postion)。在编辑器中支持制作人员针对可定义控件(Custom Widget)自定义参数类型,可将制作人员自定义类型自动转换为设计配置表。
图2示出根据本公开示例实施方式的对界面控件进行适配的方法流程图。
如图2所示,对界面控件进行适配的方法,包括步骤S202~S214:
在步骤S202中,获取设备的屏幕分辨率和PPI值。
针对要适配的设备,读取设备的硬件信息,获取两个核心参数:设备分辨率和屏幕物理尺寸大小,根据屏幕分辨率和屏幕尺寸计算出设备的PPI(Pixels Per Inch,像素密度)值。
在步骤S204中,选取与屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值。
计算设备分辨率的宽高比,本实施方式中的宽高比指的是操作设备(例如移动端游戏)时的横屏模式下设备分辨率的宽高比。在预定义中的设计分辨率中选取与设备分辨率最接近的作为本方案中的设计分辨率,再根据确定的设计分辨率与设备的屏幕尺寸大小计算出设计PPI值。
在步骤S206中,将画布按照设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放。
可先将画布按照横向分辨率进行图像的等比例缩放,将图像由制作分辨率按照横向分辨率的缩放比等比缩放到设计分辨率。对于可定义控件(Custom Widget)可按照设计配置表中定义的比例进行再缩放。然后在纵向上进行缩放。
在步骤S208中,按照设计PPI值与设备PPI值的比值,对控件进行缩放。
读取或计算设备的PPI值,按照设计PPI值与设备PPI值的比值,对控件进行缩放。
在步骤S210中,选取一中间分辨率,中间分辨率的宽度与设计分辨率的宽度相同,中间分辨率的宽高比与设备分辨率的宽高比相同。
由于设计分辨率与设备分辨率不一定是宽高等比例缩放的,这里需要一个中间分辨率进行缩放。中间分辨率的宽度与设计分辨率相同,宽高比与设备分辨率相同。
在步骤S212中,将画布按照中间分辨率在纵向上进行缩放。
按照中间分辨率的高度,重新调整控件的高度信息。主要是按照左上、左下、右上、右下和居中类型对控件进行调整,此时可定义控件(Custom Widget)按照位置类型自动进行归类,不再考虑位置信息。
在步骤S214中,将画布按照中间分辨率与设备分辨率的比值进行等比例缩放。
将画布按照中间分辨率与设备分辨率的比值进行等比例缩放,图像缩放到与设备分辨率相适应,完成适配。
本实施方式的对界面控件进行适配的方法通过读取设备硬件信息(屏幕分辨率/物理尺寸)的方式来确定适配方案,对于不同的设备更有针对性,能够提高用户体验的一致性。同时,有助于提升适配阶段的效率从而加快开发速度。
针对上述实施方式的内容,下面举例进行说明。
挑选市场上设备的主流宽高比对应的设备分辨率(Resolution)和屏幕物理尺寸大小,预定义多个设计分辨率,例如预定义两个设计分辨率960*640、1024*768,对应的屏幕尺寸为3.5英寸和9.7英寸,则计算设计PPI值为326和132,同时确定制作分辨率1136*640。
在步骤S202中,获取设备的屏幕分辨率和PPI值。
针对要适配的设备,读取设备的硬件信息,获取两个核心参数:设备分辨率(Resolution)和屏幕物理尺寸大小,根据屏幕分辨率和屏幕尺寸计算出设备的PPI值。例如,设备分辨率为1920*1080,屏幕尺寸为4.7英寸,计算其PPI值为468。
在步骤S204中,选取与屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值。
计算设备分辨率的宽高比,在预定义中的设计分辨率中选取与设备分辨率最接近的作为本方案中的设计分辨率。其中,可利用计算屏幕分辨率的宽高比和每个设计分辨率的宽高比,然后再计算屏幕分辨率的宽高比与每个设计分辨率的宽高比的比值,其中,计算比值时,选取屏幕分辨率的宽高比与设计分辨率的宽高比中数值较大的除以数值较小的,选取比值较小的作为确定的设计分辨率。例如,可比较然后选取较小的一个作为设计分辨率,具体为如果设备分辨率宽高比为1.4,最接近的两个分辨率宽高比为3:2(960*640)和4:3(1024*768),比较所以设计分辨率为1024*768。而本实施例中选取的设备分辨率宽高比为1.78,计算比值为所以最接近的设计分辨率为960*640,设计PPI值为326。
在步骤S206中,将画布按照设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放。
可先将画布根节点按照横向分辨率进行图像的等比例缩放,将图像先由制作分辨率按照横向分辨率的缩放比等比缩放到设计分辨率,例如1136*640->960*640,即将画布根节点按照960/1136的比例进行缩放。
然后将画布在纵向进行缩放,对于自适应控件(Auto Resolution Widget)可按照左上、左下、右上、右下和居中分成5种类型,分别按照距离左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行对应位置调整。对于可定义控件(Custom Widget)按照设计配置表中定义的比例进行再缩放,并按照设计配置表中定义的位置类型(PosStyle)和相对位置(Postion)进行位置调整。
在步骤S208中,按照设计PPI值与设备PPI值的比值,对控件进行缩放。
读取或计算设备的PPI值,按照设计PPI值与设备PPI值的比值,对控件进行缩放。按照设计PPI值326与设备PPI值468比值,对控件进行缩放。
在步骤S210中,选取一中间分辨率,中间分辨率的宽度与设计分辨率的宽度相同,中间分辨率的宽高比与设备分辨率的宽高比相同。
由于设计分辨率与设备分辨率不一定是宽高等比例缩放的,这里需要一个中间分辨率进行缩放。中间分辨率的宽度与设计分辨率相同,宽高比与设备分辨率相同,例如设计分辨率为960*640,设备分辨率为1920*1080,则中间分辨率可为960*540。
在步骤S212中,将画布按照中间分辨率在纵向上进行缩放。
按照中间分辨率960*540的高度,重新调整控件的高度信息。主要是按照左上、左下、右上、右下和居中类型对控件进行调整,此时可定义控件(Custom Widget)按照位置类型自动进行归类,不再考虑位置信息。
在步骤S214中,将画布按照中间分辨率与设备分辨率的比值进行等比例缩放。
将画布按照中间分辨率960*540与设备分辨率1920*1080的比值进行等比例缩放,图像缩放到与设备分辨率相适应,完成适配。
根据一示例实施方式,一般美术出图时会制作一张底图,在该底图中框出一个4:3区域作为核心展示部分,其余部分是延伸底图,预留做适配用。核心展示部分保证足够的效果以及需要的素材,延伸底图则是为了应对各种不同分辨率下的适配问题。由于步骤S406和步骤S412中都会进行高度的调整,所以全屏画布需要自动居中处理,针对全屏画布,在画布最上端和最下端可预留延伸底图,以满足画布纵向缩放时的裁剪需要。
应清楚地理解,本公开描述了如何形成和使用特定示例,但本公开的原理不限于这些示例的任何细节。相反,基于本公开公开的内容的教导,这些原理能够应用于许多其它实施方式。
图3示出根据本公开示例实施方式的对界面控件进行适配的装置方框图。
如图3所示,对界面控件进行适配的装置,包括:
获取设备信息模块302,用于获取设备的屏幕分辨率和PPI值。
针对要适配的设备,读取设备的硬件信息,获取两个核心参数:设备分辨率(Resolution)和屏幕物理尺寸大小,根据屏幕分辨率和屏幕尺寸计算出设备的PPI值。
选取设计方案模块304,用于选取与屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值。
计算设备分辨率的宽高比,在预定义中的设计分辨率中选取与设备分辨率最接近的作为本方案中的设计分辨率,再根据确定的设计分辨率与设备的屏幕尺寸大小计算出设计PPI值。
设计分辨率缩放模块306,用于将画布按照设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放。
可先将画布按照横向分辨率进行图像的等比例缩放,将图像由制作分辨率按照横向分辨率的缩放比等比缩放到设计分辨率。对于可定义控件(Custom Widget)可按照设计配置表中定义的比例进行再缩放,然后在纵向上进行缩放。
PPI缩放模块308,用于按照设计PPI值与设备PPI值的比值,对控件进行缩放。
读取或计算设备的PPI值,按照设计PPI值与设备PPI值的比值,对控件进行缩放。
中间分辨率缩放模块310,用于选取一中间分辨率,中间分辨率的宽度与设计分辨率的宽度相同,中间分辨率的宽高比与设备分辨率的宽高比相同,将画布按照中间分辨率在纵向上进行缩放。
由于设计分辨率与设备分辨率不一定是宽高等比例缩放的,这里需要一个中间分辨率进行缩放。中间分辨率的宽度与设计分辨率相同,宽高比与设备分辨率相同。按照中间分辨率的高度,重新调整控件的高度信息。主要是按照左上、左下、右上、右下和居中类型对控件进行调整,此时可定义控件(Custom Widget)按照位置类型自动进行归类,不再考虑位置信息。
设备分辨率缩放模块312,用于将画布按照中间分辨率与设备分辨率的比值进行等比例缩放。
将画布按照中间分辨率与设备分辨率的比值进行等比例缩放,图像缩放到与设备分辨率相适应,完成适配。
以上具体地示出和描述了本公开的示例性实施方式。应可理解的是,本公开不限于这里描述的详细结构、设置方式或实现方法;相反,本公开意图涵盖包含在所附权利要求的精神和范围内的各种修改和等效设置。

Claims (11)

1.一种对界面控件进行适配的方法,其特征在于,包括:
获取设备的屏幕分辨率、屏幕尺寸大小和PPI值;
从预设的多个设计分辨率中选取与所述屏幕分辨率的宽高比最接近的一设计分辨率,并根据选取的设计分辨率与所述设备的屏幕尺寸大小计算出一设计PPI值;
将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;
按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;
选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同;
将画布按照所述中间分辨率在纵向上进行缩放;
将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
2.如权利要求1所述的方法,其特征在于,所述选取与所述屏幕分辨率的宽高比最接近的一设计分辨率和一设计PPI值包括:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
3.如权利要求1所述的方法,其特征在于,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
4.如权利要求3所述的方法,其特征在于,所述将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行位置调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行位置调整。
5.如权利要求3所述的方法,其特征在于,所述将画布按照所述中间分辨率在纵向上进行缩放包括:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行纵向调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行纵向调整。
6.如权利要求1所述的方法,其特征在于,还包括:针对全屏画布,在画布最上端和最下端预先设计延伸底图,以预留画布纵向缩放时的裁剪需要。
7.一种对界面控件进行适配的装置,其特征在于:包括:
获取设备信息模块,用于获取设备的屏幕分辨率、屏幕尺寸大小和PPI值;
选取设计方案模块,用于从预设的多个设计分辨率中选取与所述屏幕分辨率的宽高比最接近的一设计分辨率,并根据选取的设计分辨率与所述设备的屏幕尺寸大小计算出一设计PPI值;
设计分辨率缩放模块,用于将画布按照所述设计分辨率的横向分辨率进行等比例缩放,然后在纵向上进行缩放;
PPI缩放模块,用于按照所述设计PPI值与所述设备PPI值的比值,对控件进行缩放;
中间分辨率缩放模块,用于选取一中间分辨率,所述中间分辨率的宽度与所述设计分辨率的宽度相同,所述中间分辨率的宽高比与所述设备分辨率的宽高比相同,将画布按照所述中间分辨率在纵向上进行缩放;
设备分辨率缩放模块,用于将画布按照所述中间分辨率与所述设备分辨率的比值进行等比例缩放。
8.如权利要求7所述的装置,其特征在于,所述选取设计方案模块还用于:预设多个所述设计分辨率,计算所述屏幕分辨率的宽高比和每个所述设计分辨率的宽高比,计算所述屏幕分辨率的宽高比与每个所述设计分辨率的宽高比的比值,其中,计算所述比值时,选取所述屏幕分辨率的宽高比与所述设计分辨率的宽高比中数值较大的除以数值较小的,选取所述比值较小的作为选取的设计分辨率。
9.如权利要求8所述的装置,其特征在于,所述控件包括自适应控件和可定义控件,所述可定义控件支持定义三种属性,包括缩放比例、位置类型和相对位置。
10.如权利要求9所述的装置,其特征在于,所述设计分辨率缩放模块还用于:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行位置调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行位置调整。
11.如权利要求9所述的装置,其特征在于,所述中间分辨率缩放模块还用于:对所述自适应控件按照左上、左下、右上、右下和居中5种类型,分别对应左上参考点、左下参考点、右上参考点、右下参考点和中点的距离进行纵向调整;对可定义控件按照设计配置表中定义的位置类型和相对位置进行纵向调整。
CN201610153524.3A 2016-03-17 2016-03-17 对界面控件进行适配的方法及装置 Active CN105760178B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610153524.3A CN105760178B (zh) 2016-03-17 2016-03-17 对界面控件进行适配的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610153524.3A CN105760178B (zh) 2016-03-17 2016-03-17 对界面控件进行适配的方法及装置

Publications (2)

Publication Number Publication Date
CN105760178A CN105760178A (zh) 2016-07-13
CN105760178B true CN105760178B (zh) 2019-03-26

Family

ID=56333375

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610153524.3A Active CN105760178B (zh) 2016-03-17 2016-03-17 对界面控件进行适配的方法及装置

Country Status (1)

Country Link
CN (1) CN105760178B (zh)

Families Citing this family (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107885421A (zh) * 2016-09-29 2018-04-06 珠海金山办公软件有限公司 一种工具栏的变化显示方法及装置
CN106648510B (zh) * 2016-12-16 2018-06-12 竞技世界(北京)网络技术有限公司 一种显示分辨率的显示方法及装置
CN106648511A (zh) * 2016-12-16 2017-05-10 竞技世界(北京)网络技术有限公司 一种显示分辨率的自适应显示方法及装置
CN107967162A (zh) * 2017-11-22 2018-04-27 深圳市富途网络科技有限公司 一种基于Windows系统的应用程序高清晰显示方法
CN108363604A (zh) * 2018-02-06 2018-08-03 四川虹美智能科技有限公司 一种分辨率适配方法、装置及业务系统
CN108363606A (zh) * 2018-03-15 2018-08-03 上海哔哩哔哩科技有限公司 闪屏显示方法、装置及计算机可读存储介质
CN110364127A (zh) * 2018-04-10 2019-10-22 普天信息技术有限公司 智能大屏幕系统的自适应显示方法及装置
CN108898604A (zh) * 2018-06-28 2018-11-27 上海连尚网络科技有限公司 用于处理图像的方法和设备
CN109656654B (zh) * 2018-11-30 2020-06-09 厦门亿力吉奥信息科技有限公司 大屏场景的编辑方法及计算机可读存储介质
CN109783181B (zh) * 2019-01-31 2019-12-20 掌阅科技股份有限公司 屏幕适配显示方法、电子设备及计算机存储介质
CN109829963B (zh) * 2019-02-02 2023-12-26 珠海金山数字网络科技有限公司 一种图像绘制方法及装置、计算设备和存储介质
CN110083415A (zh) * 2019-03-25 2019-08-02 厦门网宿有限公司 设备屏幕适配方法、终端设备、及存储介质
CN109934851A (zh) * 2019-03-28 2019-06-25 新华三技术有限公司 一种标注方法、装置及机器可读存储介质
CN110673771A (zh) * 2019-09-20 2020-01-10 武汉天喻教育科技有限公司 一种自动识别分辨率实现界面动态布局的系统及方法
CN112817507B (zh) * 2021-01-26 2023-11-03 广州虎牙科技有限公司 控件适配方法、装置、电子设备及存储介质
CN113703630A (zh) * 2021-08-31 2021-11-26 维沃移动通信有限公司 界面显示方法和装置
CN113961158A (zh) * 2021-09-08 2022-01-21 北京房江湖科技有限公司 一种跨平台的画笔同步方法及装置
CN116737293B (zh) * 2022-11-04 2024-06-07 荣耀终端有限公司 一种电子设备切换页面的方法和电子设备

Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102298500A (zh) * 2011-09-22 2011-12-28 重庆大学 一种自适应屏幕缩放调整方法
CN103823620A (zh) * 2014-03-04 2014-05-28 飞天诚信科技股份有限公司 一种屏幕适配的方法和装置

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130069947A1 (en) * 2011-09-20 2013-03-21 International Business Machines Corporation Calculating display settings and accurately rendering an object on a display
US9390473B2 (en) * 2012-09-21 2016-07-12 Google Inc. Displaying applications on a fixed orientation display

Patent Citations (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102298500A (zh) * 2011-09-22 2011-12-28 重庆大学 一种自适应屏幕缩放调整方法
CN103823620A (zh) * 2014-03-04 2014-05-28 飞天诚信科技股份有限公司 一种屏幕适配的方法和装置

Also Published As

Publication number Publication date
CN105760178A (zh) 2016-07-13

Similar Documents

Publication Publication Date Title
CN105760178B (zh) 对界面控件进行适配的方法及装置
EP3386183A1 (en) Image processing device and image processing program
JP4145805B2 (ja) テンプレート生成システム、レイアウトシステム、テンプレート生成プログラム、レイアウトプログラムおよびテンプレート生成方法並びにレイアウト方法
JP5432714B2 (ja) 構図解析方法、構図解析機能を備えた画像装置、構図解析プログラム及びコンピュータ読み取り可能な記録媒体
US9813566B2 (en) Information processing device, information processing method, and program for generating a layout
JP6256840B2 (ja) 画像処理装置及び画像処理方法
CN105511725A (zh) 界面中控件的显示方法及装置
US7653220B2 (en) Face image creation device and method
KR20130029779A (ko) 비디오 스크린 디스플레이 방법 및 장치
WO2013069341A1 (ja) 画像処理装置、画像処理装置の制御方法、プログラム、及び情報記憶媒体
CN103941958A (zh) 一种桌面管理的方法及终端设备
US11270485B2 (en) Automatic positioning of textual content within digital images
CN104978750B (zh) 用于处理视频文件的方法和装置
CN105247567B (zh) 一种图像重新聚焦装置、方法、系统以及非瞬态程序存储设备
CN109893852A (zh) 界面信息处理方法及装置
CN103702032A (zh) 图像处理方法、装置和终端设备
US9489748B2 (en) Image processing apparatus and method, image processing system, and non-transitory computer readable medium
JP4775067B2 (ja) ディジタルコンテンツ作成システムおよびディジタルコンテンツ作成プログラム、並びにディジタルコンテンツ作成方法
CN108769538A (zh) 自动对焦方法、装置、存储介质及终端
CN106445276A (zh) 桌面图标的处理方法和装置
CN102890827B (zh) 一种扫描版文档重排版的方法
JP5073612B2 (ja) コマ割り方法および装置ならびにコマ割り評価装置
CN108846901A (zh) 模型导入方法及装置
JP2006235113A (ja) 地図表示装置、地図切り替え方法、プログラム、及び記録媒体
JP2014158071A (ja) 画像レイアウト装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant