窗口中的元素布局方法、电子设备及存储介质技术

本申请提供了一种窗口中的元素布局方法、电子设备及存储介质，其中，所述包括：响应于改变窗口宽度的用户操作，获取改变后的窗口宽度；根据待布局的每个元素预设的网格需求以及所述窗口宽度，在窗口中划分出至少一个网格；利用所述至少一个网格在所述窗口中布局每个元素。本申请提供的方法通过划分网格，能够响应于窗口宽度发生变化重新布局各元素，使元素布局能够自适应于窗口宽度，在使窗口中元素布局美观的同时提高了用户体验。局美观的同时提高了用户体验。局美观的同时提高了用户体验。

【技术实现步骤摘要】
窗口中的元素布局方法、电子设备及存储介质


[0001]本申请涉及计算机
，尤其涉及一种窗口中的元素布局方法、电子设备及存储介质。

技术介绍

[0002]相关技术中，通常会根据固定的浏览器窗口宽度在页面中布局各种元素，而当浏览器窗口宽度发生变化，例如从最大化向下还原浏览器窗口，页面中各元素的布局是不会发生改变的，而用户就只能通过拖动浏览器窗口底部的滚动条实现对所有元素的浏览或操作，给用户增加了不便之处。并且相关技术中通常会在窗口中建立坐标系，通过给各元素分配X轴和Y轴布局，但此种布局方法无法使各元素的位置随窗口宽度而改变。

技术实现思路

[0003]有鉴于此，本申请的目的在于提出一种窗口中的元素布局方法、电子设备及存储介质。
[0004]基于上述目的，本申请提供了一种窗口中的元素布局方法，包括：响应于改变窗口宽度的用户操作，获取改变后的窗口宽度；根据待布局的每个元素预设的网格需求以及所述窗口宽度，在窗口中划分出至少一个网格；利用所述至少一个网格在所述窗口中布局每个元素。
[0005]可选地，所述根据待布局的每本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种窗口中的元素布局方法，其特征在于，包括：响应于改变窗口宽度的用户操作，获取改变后的窗口宽度；根据待布局的每个元素预设的网格需求以及所述窗口宽度，在窗口中划分出至少一个网格；利用所述至少一个网格在所述窗口中布局每个元素。2.根据权利要求1所述的方法，其特征在于，所述根据待布局的每个元素预设的网格需求以及所述窗口宽度，在窗口中划分出至少一个网格，包括：根据所述窗口宽度确定需要划分的网格的列数；根据所述列数以及所述网格需求确定需要划分的网格的行数；根据所述列数以及所述行数在所述窗口中划分出至少一个网格。3.根据权利要求2所述的方法，其特征在于，所述根据所述列数以及所述网格需求确定需要划分的网格的行数，包括：根据所述列数以及所述网格需求预划分出多个初始网格；利用所有元素在所述多个初始网格中进行预排列；将所述预排列完成后所有元素所占用的所述初始网格的行数，确定为所述需要划分的网格的行数。4.根据权利要求3所述的方法，其特征在于，所述根据所述列数以及所述网格需求预划分出多个初始网格，包括：根据所述列数以及所述网格需求确定需要预划分的所述初始网格的行数，并根据所述网格的列数以及所述初始网格的行数预划分出多个所述初始网格；其中，所述初始网格的行数的确定公式包括：其中，M为所有元素所需的网格总数，a为所述网格的列数，b为所述初始网格的行数，k为裕度参数。5.根据权利要求3所述的方法，其特征在于，所述利用所有元素在所述多个初始网格中进行预排列，包括：按照网格需求中的列数需求或行数需求从大到小的顺序，依次将所述元素按照...

【专利技术属性】
技术研发人员：武晓明，
申请(专利权)人：深圳市鸿合创新信息技术有限责任公司，
类型：发明
国别省市：