【技术实现步骤摘要】
虚拟元素排列的方法、装置、电子设备及存储介质
[0001]本申请涉及元素排列
,尤其涉及一种虚拟元素排列的方法、装置、电子设备及存储介质。
技术介绍
[0002]本部分旨在为权利要求书中陈述的本申请的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
[0003]目前,在大部分的App或者网站的显示界面中,或多或少都用了居中排列的方式,去排列一些虚拟元素,这些虚拟元素或许是文本,或许是图片等等。但是目前显示界面的虚拟元素的居中排列都是预先设置好的,即在撰写代码时简单的写死每个虚拟元素的位置,这样只适合虚拟元素数量以及显示界面没有变化的情况,当显示界面的大小或者虚拟元素的数量发生变化时,需要重新调整这部分代码,从而效率较低。
技术实现思路
[0004]有鉴于此,本申请的目的在于提出一种虚拟元素排列的方法、装置、电子设备及存储介质。
[0005]基于上述目的,本申请提供了一种虚拟元素排列的方法,包括:
[0006]确定多个虚拟元素在显示界面中的多种居中排列方式 ...
【技术保护点】
【技术特征摘要】
1.一种虚拟元素排列的方法,其特征在于,包括:确定多个虚拟元素在显示界面中的多种居中排列方式;其中,所述多种居中排列方式均为阵列排列方式;对于每种居中排列方式,基于所述多个虚拟元素的数量确定所述多个虚拟元素在所述显示界面的排列行数和排列列数,基于所述排列行数与所述排列列数确定所述每种居中排列方式的居中值;从所有的所述居中值中确定数值最小的目标居中值,并在所述显示界面中输出与所述目标居中值对应的居中排列方式。2.根据权利要求1所述的方法,其特征在于,确定多个虚拟元素在显示界面中的多种居中排列方式,具体包括:获取所述显示界面的竖直长度和水平长度;对于所述每种居中排列方式,基于所述竖直长度与所述排列行数确定每个虚拟元素的竖直位置;基于所述水平长度与所述排列列数确定所述每个虚拟元素的水平位置。3.根据权利要求2所述的方法,其特征在于,基于所述竖直长度与所述排列行数确定所述每个虚拟元素的竖直位置,具体包括:沿竖直方向基于所述竖直长度与所述排列行数确定距离所述显示界面的边界距离最近的第一目标虚拟元素的竖直位置;基于所述第一目标行虚拟元素的竖直位置确定除所述第一目标行虚拟元素之外的其他的虚拟元素的竖直位置。4.根据权利要求3所述的方法,其特征在于,通过以下公式确定所述第一目标虚拟元素的竖直位置:Y=y1+0.5*h
‑
0.5*C1*(n1‑
1);其中,y1表示所述显示界面的左下角的纵坐标,Y表示所述第一目标虚拟元素的纵坐标,h表示所述竖直长度,n1表示所述排列行数,C1表示预设行间距。5.根据权利要求2所述的方法,其特征在于,基于所述水平长度与所述排列列数确定所述每个虚拟元素的水平位置,具体包括:沿水平方向基于所述水平长度与所述排列列数确定距离所述显示界面的边界距离最近的第二目标虚拟元素的水平位置;基于所述第二目标虚拟元素的水平位置确定除所述第二目标虚拟元素之外的其他的虚拟元素的水平位置。6.根据权利要求5所述的方法,其特征在于,通过以下公式确定所述第二目标虚拟元素的水平位置:X=x1+0.5*w
‑
0.5*C2*(n2‑
1);其中,x1表示所述显示界面的左下角的横坐标,X表示所述第二目标虚拟元素的纵坐标,w表示所述水平长度,n2表示所述排列列数,C2表示预设列间距。7.根据权利要求1所述的方法,其特征在于,基于所述排列行数与所述排列列数确定所述每种居中排列方式的居中值,具体包括:获取所述显示界面的竖直长度和水平长度;基于所述竖直长度、所述水平长度、所述排列行数以及所述排列列数确定所述每种居
中排列方式的居中值。8.根据权利要求7所述的方法,其特征在于,...
【专利技术属性】
技术研发人员:龙珏,
申请(专利权)人:网易杭州网络有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。