CN110058909B - 控件的布局方法、布局装置、服务器及可读存储介质 - Google Patents

控件的布局方法、布局装置、服务器及可读存储介质 Download PDF

Info

Publication number
CN110058909B
CN110058909B CN201910140421.7A CN201910140421A CN110058909B CN 110058909 B CN110058909 B CN 110058909B CN 201910140421 A CN201910140421 A CN 201910140421A CN 110058909 B CN110058909 B CN 110058909B
Authority
CN
China
Prior art keywords
control
area
segmentation
region
layout
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
CN201910140421.7A
Other languages
English (en)
Other versions
CN110058909A (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.)
Advanced New Technologies Co Ltd
Advantageous New Technologies Co Ltd
Original Assignee
Advanced New Technologies 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 Advanced New Technologies Co Ltd filed Critical Advanced New Technologies Co Ltd
Priority to CN201910140421.7A priority Critical patent/CN110058909B/zh
Publication of CN110058909A publication Critical patent/CN110058909A/zh
Application granted granted Critical
Publication of CN110058909B publication Critical patent/CN110058909B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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

Abstract

本说明书实施例公开了一种控件的布局方法,从显示界面上获取用于布局多个控件的布局区域;对所述布局区域进行切分,得到每个控件对应的切分区域;在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上;如此,只需要对每个控件与对应切分区域进行碰撞检测,将求解空间缩小在对应的切分区域内,在碰撞检测的求解空间缩小的基础上还能够并行进行碰撞检测,能够极大提高计算效率,从而提高控件布局的效率。

Description

控件的布局方法、布局装置、服务器及可读存储介质
技术领域
本说明书实施例涉及控件布局的技术领域,尤其涉及一种控件的布局方法、布局装置、服务器及可读存储介质。
背景技术
随着电子技术的飞速发展,越来越多的用户互动产品应用在电子设备中,用户互动产品例如蚂蚁森林和养虾米这类的产品都会存在一些“能量球”的控件,通过控件与用户进行互动,提高用户的粘度。
但是,现有的用户互动产品都会存在多个控件,在显示界面上显示多个控件时,通常通过碰撞检测控制每个控件显示在所述显示界面的区域内,此时,可能会存在两个控件存在重叠部分,而且每个控件需要与所述显示界面进行碰撞检测。
发明内容
本说明书实施例提供了一种控件的布局方法、布局装置、服务器及可读存储介质,能够提高控件布局的效率,并确保每两个控件之间不会存在重叠部分。
本说明书实施例第一方面提供了一种控件的布局方法,包括:
从显示界面上获取用于布局多个控件的布局区域;
对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上。
本说明书实施例第二方面提供了一种控件的布局装置,包括:
布局区域获取单元,用于从显示界面上获取用于布局多个控件的布局区域;
区域切分单元,用于对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
位置坐标获取单元,用于在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
控件放置单元,用于根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上。
本说明书实施例第三方面还提供了一种服务器,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述控件的布局方法的步骤。
本说明书实施例第四方面还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时上述乘车码的布局方法的步骤。
本说明书实施例的有益效果如下:
基于上述技术方案,在通过从布局区域中切分出每个控件对应的切分区域之后,在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标,并根据每个控件对应的放置坐标,将每个控件进行放置;与现有技术相比,本申请技术方案只需要对每个控件与对应切分区域进行碰撞检测,而不会在布局区域这个大范围空间内完成的所述多个控件的碰撞检测,将求解空间缩小在对应的切分区域内,即将原本需要在大范围空间内完成的碰撞检测(此时需对每个控件与所述布局区域进行碰撞检测),范围缩小到在对应的切分区域内进行碰撞检测,并能够针对所述多个控件并行进行碰撞检测,在碰撞检测的求解空间缩小的基础上还能够并行进行碰撞检测,能够极大提高计算效率,从而提高控件布局的效率。
另外,本说明书提供的技术方案能够使得每个控件均能放置到对应的切分区域中且每个控件与对应的切分区域的边缘之间有空隙,而每两个切分区域不相交,如此,能够确保每两个控件之间不会存在重叠部分。
附图说明
图1为本说明书实施例中控件的布局方法的方法流程图;
图2为本说明书实施例中获取每个控件的放置坐标的方法流程图;
图3为本说明书实施例中从显示界面上获取布局区域的结构示意图;
图4为本说明书实施例中将控件放置到对应的切分区域中的放置位置的结构示意图;
图5为本说明书实施例中控件的布局装置的结构示意图;
图6为本说明书上实施例中服务器的结构示意图。
具体实施方式
为了更好的理解上述技术方案,下面通过附图以及具体实施例对本说明书实施例的技术方案做详细的说明,应当理解本说明书实施例以及实施例中的具体特征是对本说明书实施例技术方案的详细的说明,而不是对本说明书技术方案的限定,在不冲突的情况下,本说明书实施例以及实施例中的技术特征可以相互组合。
第一方面,如图1所示,本说明书实施例提供一种控件的布局方法,包括:
S102、从显示界面上获取用于布局多个控件的布局区域;
S104、对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
S106、在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
S108、根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上。
本说明书实施例中,所述多个控件是指2个或2个以上的控件。
其中,在步骤S102中,可以获取所述显示界面的元素布局,然后根据所述元素布局,从所述显示界面中获取所述布局区域,其中,所述布局区域可以为空白区域,即所述显示界面中未有元素布局的区域。
具体来讲,也可以从所述显示界面中确定一个区域作为所述布局区域,其中,所述布局区域的宽度可与所述显示界面的宽度相同或小于所述显示界面的宽度,所述布局区域的高度可以为所述显示界面的高度的设定比值,所述设定比值例如可以是1/4,1/5或1/6等。
具体地,在从所述显示界面中确定一个区域作为所述布局区域时,可以从所述显示界面中申请或划分一个区域作为所述布局区域。
接下来执行步骤S104,在该步骤中,可以根据每个控件的长度和高度,对所述布局区域进行切分,得到每个控件对应的切分区域,以使得每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分。
例如,以控件A为例,若控件A的长度为10毫米(mm)以及高度为5mm,从所述布局区域中切分出与控件A对应的切分区域A1的长度大于10mm以及高度大于5mm,从而使得A1能够容纳控件A,A1的长度例如可以是12mm以及高度6mm,如此,使得A1在容纳控件A时,控件A能够与A1的边缘之间有空隙。
本说明书另一实施例中,还可以从所述布局区域中选取用于布局所述多个控件的安全区域,其中,所述安全区域的显示面积小于所述布局区域的显示面积;再根据所述多个控件的尺寸,从所述安全区域进行切分,得到每个控件对应的切分区域。
具体来讲,从所述布局区域中选取所述安全区域是用于确保所述多个控件的整体的安全范围,以防止有控件布局在所述显示界面之外。
例如,若所述布局区域的长度为10厘米(cm)且高度为6cm,则可以从所述布局区域中选取长度为pcm且高度为qcm的区域作为安全区域,其中,p小于10且大于最长控件的长度,q为小于6且最高控件的高度;其中,所述最长控件为所述多个控件中长度最长的一个控件,相应地,所述最高控件为所述多个控件中高度最高的一个控件,例如,p例如可以为9.5cm,q为5.5cm。
接下来执行步骤S106,在该步骤中,针对每个控件,依次执行以下步骤,如图2所示:
S201、从该控件对应的切分区域中选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测;
具体来讲,将该控件放置在该位置坐标对应的位置上进行碰撞检测时,将该位置坐标作为该控件的中心点;基于所述中心点,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
具体地,在将该控件放置在该位置坐标对应的位置上进行碰撞检测时,在该控件放置在该位置坐标对应的位置上时,检测该控件与对应的切分区域的边缘是否有接触;若该控件与对应的切分区域的边缘有接触,则判定该控件与对应的切分区域的边缘发生了碰撞;若该控件与对应的切分区域的边缘未有接触,则判定该控件与对应的切分区域的边缘未发生碰撞。
具体地,在从该控件对应的切分区域中选取一个位置坐标时,可以从对应的切分区域中随机选取一个位置坐标,也可以从对应的切分区域中间位置选取一个位置坐标,本说明书不作具体限制。
例如,以控件A和切分区域A1为例,可以从A1中随机选取一个位置坐标B1,然后将B1作为控件A的中心点,从而将控件A放置在B1对应的位置上进行碰撞检测,若控件A和A1均为矩形,则在将控件A放置在B1对应的位置上时,在XY轴方向检测控件A是否与A1的边有接触,若检测到控件A在XY轴方向与A1的边均未接触,则判定A与A1的边缘未发生碰撞;否则,则判定A与A1的边缘发生了碰撞。
S202、若通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞,则获取该位置坐标作为该控件的放置坐标;
S203、若通过碰撞检测方式检测到该控件与对应的切分区域的边缘发生了碰撞,则重新从对应的切分区域中选取另一位置坐标进行碰撞检测,直至通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞对应的选取坐标,并将所述选取坐标作为该控件对应的放置坐标。
例如,以控件A和切分区域A1为例,首先可以从A1中随机选取一个位置坐标B1,然后将B1作为控件A的中心点,从而将控件A放置在B1对应的位置上进行碰撞检测,若碰撞检测方式检测到控件A与A1的边缘未发生碰撞,则确定B1为控件A对应的放置坐标;若碰撞检测方式检测到控件A与A1的边缘发生了碰撞,则重新从A1中选取另一个位置坐标B2,将B2作为控件A的中心点,从而将控件A放置在B2对应的位置上进行碰撞检测;若碰撞检测方式检测到控件A与A1的边缘发生了碰撞,则再重新从A1中选取第三个位置坐标B3进行碰撞检测,直至碰撞检测方式检测到控件A与A1的边缘未发生碰撞时对应的选取坐标为Bn,则将Bn作为控件A对应的放置坐标,其中,n为不小于4的整数。如此,针对每个控件执行上述操作,获取到每个控件对应的放置坐标。
接下来执行步骤S108,在获取到每个控件对应的放置坐标之后,将每个控件对应的放置坐标作为该控件的中心点;根据每个控件对应的中心点,确定每个控件在对应的切分区域中的放置位置,然后将每个控件放置在对应的放置位置上。
例如,参见图3,以显示界面为智能手机的显示界面为例,首先可以获取需要进行布局的多个控件为控件31、控件32、控件33、控件34、控件35和控件36这6个控件,然后从智能手机的显示界面30中获取用于布局上述6个控件的布局区域为区域40,区域40的宽度与显示界面30的宽度相同,区域40的长度为显示界面30的长度的1/3。
参见图4,在对区域40进行切分时,首先从区域40中选取安全区域41,然后根据上述6个控件,对安全区域41进行切分,得到控件31对应的切分区域411,控件32对应的切分区域412,控件33对应的切分区域413,控件34对应的切分区域414,控件35对应的切分区域415,控件36对应的切分区域416,且每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分。
继续参见图4,以控件31为例,首先从切分区域411中随机选取一个位置坐标D1作为控件31的圆心(中心点),然后将控件31放置在位置坐标D1对应的位置上进行碰撞检测,即检测控件31与切分区域411的四条边是否有接触,若检测到控件31与切分区域411中的任意一条边有接触,则检测到控件31与切分区域411的边缘发生了碰撞,然后重新选取一个位置坐标D2作为控件31的圆心再进行碰撞检测,若检测到控件31与切分区域411中的四条边均未接触,则检测到控件31与切分区域411的边缘未发生碰撞,则将位置坐标D2作为放置坐标;然后以位置坐标D2为控件31的圆心将控件31放置在对应的放置位置上;若通过重新选取一个位置坐标D2作为控件31的圆心再进行碰撞检测时检测到控件31与切分区域411的边缘发生了碰撞,则继续从切分区域411中选取下一个位置坐标作为控件31的圆心再进行碰撞检测,直至通过碰撞检测方式检测到控件31与切分区域411的边缘未发生碰撞时对应的选取坐标,然后以所述选取坐标作为控件31的圆心将控件31放置在对应的放置位置上。
针对每个控件执行上述操作,使得每个控件均能放置到对应的切分区域中且每个控件与对应的切分区域的边缘之间有空隙,而每两个切分区域不相交,如此,能够确保每两个控件之间不会存在重叠部分。而且,与现有技术相比,只需要对每个控件与对应切分区域进行碰撞检测,而不会在布局区域这个大范围空间内完成的所述多个控件的碰撞检测,将求解空间缩小在对应的切分区域内,即将原本需要在大范围空间内完成的碰撞检测(此时不仅要对每两个控件之间进行碰撞检测还需对每个控件与所述布局区域进行碰撞检测),范围缩小到在对应的切分区域内进行碰撞检测,并能够针对所述多个控件并行进行碰撞检测,在碰撞检测的求解空间缩小的基础上还能够并行进行碰撞检测,能够极大提高计算效率,从而提高控件布局的效率。
另外,由于每个控件在对应的切分区域中进行碰撞检测时,可以从对应的切分区域中随机选取一个位置坐标进行碰撞检测,直至碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞对应的放置坐标,并将每个控件设置到切分区域中对应的放置位置上;如此,使得每个控件可以在对应的切分区域中随机布局,能够使得多个控件更灵活的布局,促使所述多个控件的展示效果更好。
第二方面,基于与第一方面的同一发明构思,本说明书实施例提供一种控件的布局装置,如图5所示,包括:
布局区域获取单元501,用于从显示界面上获取用于布局多个控件的布局区域;
区域切分单元502,用于对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
位置坐标获取单元503,用于在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
控件放置单元504,用于根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上。
在一种可选方式中,位置坐标获取单元503,具体用于针对每个控件,依次执行以下步骤:从该控件对应的切分区域中选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测;若通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞,则获取该位置坐标作为该控件的放置坐标;若通过碰撞检测方式检测到该控件与对应的切分区域的边缘发生了碰撞,则重新从对应的切分区域中选取另一位置坐标进行碰撞检测,直至通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞对应的选取坐标,并将所述选取坐标作为该控件对应的放置坐标。
在一种可选方式中,位置坐标获取单元503,还用于从该控件对应的切分区域中随机选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
在一种可选方式中,位置坐标获取单元503,还用于将该位置坐标作为该控件的中心点;基于所述中心点,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
在一种可选方式中,控件放置单元504,具体用于将每个控件对应的放置坐标作为该控件的中心点;根据每个控件对应的中心点,确定每个控件在对应的切分区域中的放置位置,并将每个控件放置在对应的放置位置上。
在一种可选方式中,区域切分单元502,具体用于从所述布局区域中选取用于放置所述多个控件的安全区域,其中,所述安全区域的显示面积小于所述布局区域的显示面积;根据所述多个控件的尺寸,从所述安全区域进行切分,得到每个控件对应的切分区域。
第三方面,基于与前述实施例中控件的布局方法同样的发明构思,本说明书实施例还提供一种服务器,如图6所示,包括存储器604、处理器602及存储在存储器604上并可在处理器602上运行的计算机程序,所述处理器602执行所述程序时实现前文所述控件的布局方法的任一方法的步骤。
其中,在图6中,总线架构(用总线600来代表),总线600可以包括任意数量的互联的总线和桥,总线600将包括由处理器602代表的一个或多个处理器和存储器604代表的存储器的各种电路链接在一起。总线600还可以将诸如外围设备、稳压器和功率管理电路等之类的各种其他电路链接在一起,这些都是本领域所公知的,因此,本文不再对其进行进一步描述。总线接口605在总线600和接收器601和发送器603之间提供接口。接收器601和发送器603可以是同一个元件,即收发机,提供用于在传输介质上与各种其他装置通信的单元。处理器602负责管理总线600和通常的处理,而存储器604可以被用于存储处理器602在执行操作时所使用的数据。
第四方面,基于与前述实施例中控件的布局方法的发明构思,本说明书实施例还提供一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现前文所述控件的布局方法的任一方法的步骤。
本说明书是参照根据本说明书实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的设备。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令设备的制造品,该指令设备实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本说明书的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本说明书范围的所有变更和修改。
显然,本领域的技术人员可以对本说明书进行各种改动和变型而不脱离本说明书的精神和范围。这样,倘若本说明书的这些修改和变型属于本说明书权利要求及其等同技术的范围之内,则本说明书也意图包含这些改动和变型在内。

Claims (12)

1.一种控件的布局方法,包括:
从显示界面上获取用于布局多个控件的布局区域;
对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上;
其中,在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标,具体包括:
针对每个控件,依次执行以下步骤:
从该控件对应的切分区域中选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测;
若通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞,则获取该位置坐标作为该控件的放置坐标;
若通过碰撞检测方式检测到该控件与对应的切分区域的边缘发生了碰撞,则重新从对应的切分区域中选取另一位置坐标进行碰撞检测,直至通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞对应的选取坐标,则将所述选取坐标作为该控件对应的放置坐标。
2.如权利要求1所述的布局方法,所述从该控件对应的切分区域中选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测,具体包括:
从该控件对应的切分区域中随机选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
3.如权利要求2所述的布局方法,所述从该控件对应的切分区域中随机选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测,具体包括:
从该控件对应的切分区域中随机选取一个位置坐标,将该位置坐标作为该控件的中心点;
基于所述中心点,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
4.如权利要求1-3任一项所述的布局方法,所述根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上,具体包括:
将每个控件对应的放置坐标作为该控件的中心点;
根据每个控件对应的中心点,确定每个控件在对应的切分区域中的放置位置,并将每个控件放置在对应的放置位置上。
5.如权利要求1-3任一项所述的布局方法,所述对所述布局区域进行切分,得到每个控件对应的切分区域,具体包括:
从所述布局区域中选取用于放置所述多个控件的安全区域,其中,所述安全区域的显示面积小于所述布局区域的显示面积;
根据所述多个控件的尺寸,从所述安全区域进行切分,得到每个控件对应的切分区域。
6.一种控件的布局装置,包括:
布局区域获取单元,用于从显示界面上获取用于布局多个控件的布局区域;
区域切分单元,用于对所述布局区域进行切分,得到每个控件对应的切分区域,其中,每个控件对应的切分区域均能容纳该控件,且每两个切分区域未有重合部分;
位置坐标获取单元,用于在通过碰撞检测方式检测到每个控件与对应的切分区域的边缘区域未发生碰撞时,获取每个控件在对应的切分区域的放置坐标;
控件放置单元,用于根据每个控件在对应的切分区域的放置坐标,将每个控件设置到切分区域中对应的放置位置上;
其中,所述位置坐标获取单元,具体用于针对每个控件,依次执行以下步骤:从该控件对应的切分区域中选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测;若通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞,则获取该位置坐标作为该控件的放置坐标;若通过碰撞检测方式检测到该控件与对应的切分区域的边缘发生了碰撞,则重新从对应的切分区域中选取另一位置坐标进行碰撞检测,直至通过碰撞检测方式检测到该控件与对应的切分区域的边缘未发生碰撞对应的选取坐标,并将所述选取坐标作为该控件对应的放置坐标。
7.如权利要求6所述的布局装置,所述位置坐标获取单元,还用于从该控件对应的切分区域中随机选取一个位置坐标,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
8.如权利要求7所述的布局装置,所述位置坐标获取单元,还用于将该位置坐标作为该控件的中心点;基于所述中心点,将该控件放置在该位置坐标对应的位置上进行碰撞检测。
9.如权利要求6-8任一项所述的布局装置,所述控件放置单元,具体用于将每个控件对应的放置坐标作为该控件的中心点;根据每个控件对应的中心点,确定每个控件在对应的切分区域中的放置位置,并将每个控件放置在对应的放置位置上。
10.如权利要求6-8任一项所述的布局装置,所述区域切分单元,具体用于从所述布局区域中选取用于放置所述多个控件的安全区域,其中,所述安全区域的显示面积小于所述布局区域的显示面积;根据所述多个控件的尺寸,从所述安全区域进行切分,得到每个控件对应的切分区域。
11.一种服务器,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现权利要求1-5任一项所述方法的步骤。
12.一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现权利要求1-5任一项所述方法的步骤。
CN201910140421.7A 2019-02-26 2019-02-26 控件的布局方法、布局装置、服务器及可读存储介质 Active CN110058909B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910140421.7A CN110058909B (zh) 2019-02-26 2019-02-26 控件的布局方法、布局装置、服务器及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910140421.7A CN110058909B (zh) 2019-02-26 2019-02-26 控件的布局方法、布局装置、服务器及可读存储介质

Publications (2)

Publication Number Publication Date
CN110058909A CN110058909A (zh) 2019-07-26
CN110058909B true CN110058909B (zh) 2022-03-08

Family

ID=67316527

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910140421.7A Active CN110058909B (zh) 2019-02-26 2019-02-26 控件的布局方法、布局装置、服务器及可读存储介质

Country Status (1)

Country Link
CN (1) CN110058909B (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111064983B (zh) * 2019-12-19 2021-05-28 青岛海信传媒网络技术有限公司 显示设备
CN111209066A (zh) * 2019-12-31 2020-05-29 支付宝(杭州)信息技术有限公司 卡片布局方法及装置、电子设备、存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102436381A (zh) * 2011-11-15 2012-05-02 中兴通讯股份有限公司 一种界面布局的生成方法及装置
CN102955688A (zh) * 2011-08-23 2013-03-06 上海无戒空间信息技术有限公司 一种用户图像控件的处理方法
CN103353863A (zh) * 2013-05-29 2013-10-16 徐华 一种文本模板生成方法
CN105095259A (zh) * 2014-05-08 2015-11-25 腾讯科技(北京)有限公司 瀑布流对象显示方法及装置

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7663630B2 (en) * 2005-12-08 2010-02-16 Electronics And Telecommunications Research Institute Apparatus and method for processing collision information in graphic system

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102955688A (zh) * 2011-08-23 2013-03-06 上海无戒空间信息技术有限公司 一种用户图像控件的处理方法
CN102436381A (zh) * 2011-11-15 2012-05-02 中兴通讯股份有限公司 一种界面布局的生成方法及装置
CN103353863A (zh) * 2013-05-29 2013-10-16 徐华 一种文本模板生成方法
CN105095259A (zh) * 2014-05-08 2015-11-25 腾讯科技(北京)有限公司 瀑布流对象显示方法及装置

Also Published As

Publication number Publication date
CN110058909A (zh) 2019-07-26

Similar Documents

Publication Publication Date Title
US11325780B2 (en) Method and device for sorting cargo
CN110058909B (zh) 控件的布局方法、布局装置、服务器及可读存储介质
CN108829610B (zh) 一种神经网络前向计算过程中的内存管理方法及设备
RU2605919C2 (ru) Способ и устройство отображения push-сообщений
RU2011141468A (ru) Способ и устройство для согласованной работы машин, которые поддерживают контакт в пределах прямой видимости
CN102479026A (zh) 设置有触摸屏的终端和触摸屏解锁方法
CN105677755B (zh) 一种处理图数据的方法及装置
CN105763505A (zh) 基于用户账号的操作方法及装置
IL268328A (en) Device, system and method for transport management
US20170273034A1 (en) Regulating Antenna Transmit Power based on Proximity of Obstructing Objects
CN104820523A (zh) 一种实现触控的方法及装置
CN109334590A (zh) 无人驾驶汽车底盘控制方法、装置、设备及存储介质
CN105571599A (zh) 路况信息处理方法和装置
CN110807951A (zh) 车辆避撞方法、装置、设备及存储介质
CN105450402A (zh) 用于组合型图片验证码输入的方法、装置及系统
US11468125B2 (en) Resource search method and related product
CN107277087A (zh) 数据处理方法及装置
CN105824934A (zh) 查找分布式etl中慢节点的方法和装置
CN103065306B (zh) 图形数据的处理方法及装置
CN109416748B (zh) 基于svm的样本数据更新方法、分类系统和存储装置
CN110271804B (zh) 自动存取装置的运动控制方法、装置、设备及存储介质
CN103530742B (zh) 提高排程运算速度的方法及装置
CN113888769B (zh) 一种巡检方法、装置及电子设备
CN110457196B (zh) 函数执行时间的获取方法及装置
CN106648729A (zh) 应用冻结方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right

Effective date of registration: 20201019

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Innovative advanced technology Co.,Ltd.

Address before: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant before: Advanced innovation technology Co.,Ltd.

Effective date of registration: 20201019

Address after: Cayman Enterprise Centre, 27 Hospital Road, George Town, Grand Cayman Islands

Applicant after: Advanced innovation technology Co.,Ltd.

Address before: A four-storey 847 mailbox in Grand Cayman Capital Building, British Cayman Islands

Applicant before: Alibaba Group Holding Ltd.

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant