[发明专利]界面设计的布局方法、界面的展示方法及相关设备

权利要求书

1.一种界面设计的布局方法，包括：

提供用于对所述界面设计进行布局的页面，所述页面中包括用于拖拽生成所述界面设计的界面对象的至少一个图标；

响应于针对所述至少一个图标中的目标图标的拖拽操作，在所述页面的展示区域的与所述拖拽操作对应的位置生成所述目标图标对应的目标界面对象；其中，所述展示区域包括多个单元格，所述目标界面对象以占用单元格的形式布局在所述展示区域中且所述目标界面对象至少占用一个所述单元格；以及

基于所述展示区域和所述目标界面对象，生成所述界面设计对应的界面。

2.如权利要求1所述的方法，还包括：

确定所述页面的展示区域的尺寸，并根据所述展示区域的尺寸将所述展示区域划分为多个单元格。

3.如权利要求2所述的方法，其中，确定所述页面的展示区域的尺寸，并根据所述展示区域的尺寸将所述展示区域划分为多个单元格，包括：

确定所述页面的展示区域的尺寸、沿第一方向排列的单元格数量、靠近所述展示区域的垂直于所述第一方向的第一边缘的单元格与所述第一边缘之间的间距以及相邻单元格之间的间距；

根据所述页面的展示区域的尺寸、沿第一方向排列的单元格数量、靠近所述展示区域的垂直于所述第一方向的第一边缘的单元格与所述第一边缘之间的间距以及相邻单元格之间的间距，确定所述单元格沿所述第一方向的长度；

确定所述单元格的宽高比，并根据所述宽高比确定所述单元格沿第二方向的长度；以及

根据所述单元格沿所述第一方向的长度、所述单元格沿所述第二方向的长度以及所述展示区域的尺寸，将所述展示区域划分为多个单元格。

4.如权利要求1所述的方法，其中，响应于针对所述至少一个图标中的目标图标的拖拽操作，在所述页面的展示区域的与所述拖拽操作对应的位置生成所述目标图标对应的目标界面对象，包括：

响应于针对所述至少一个图标中的目标图标的拖拽操作，确定所述目标图标对应的目标界面对象以及所述目标界面对象占用的单元格的数量；以及

在所述展示区域的与所述拖拽操作对应的位置生成所述目标界面对象，所述目标界面对象的大小与所述数量的单元格的总面积相关。

5.如权利要求4所述的方法，其中，所述目标界面对象占用的单元格的数量包括所述目标界面对象沿第一方向占用的单元格的数量和所述目标界面对象沿第二方向占用的单元格的数量，所述第一方向与所述第二方向垂直。

6.如权利要求4所述的方法，其中，在所述展示区域的与所述拖拽操作对应的位置生成所述目标界面对象，包括：

确定所述拖拽操作的在所述展示区域中的释放位置；

根据所述释放位置确定目标单元格；以及

根据所述目标单元格的位置以及所述目标界面对象占用的单元格的数量，生成所述目标界面对象。

7.如权利要求6所述的方法，还包括：

存储所述目标图标的信息、所述目标单元格的位置信息以及所述目标界面对象占用的单元格的数量。

8.如权利要求1所述的方法，其中，在所述页面的展示区域的与所述拖拽操作对应的位置生成所述目标图标对应的目标界面对象之前，还包括：

响应于所述拖拽操作的当前拖拽位置处于所述展示区域，在所述展示区域的与所述当前拖拽位置对应的位置生成所述目标界面对象的虚拟图像。

9.一种界面的展示方法，所述界面包括至少一个界面对象，所述方法包括：

接收展示所述界面的第一指令；以及

根据所述第一指令，在所述界面中展示所述界面对象；

其中，所述展示区域包括多个单元格，所述界面对象以占用单元格的形式布局在所述展示区域中且至少占用一个所述单元格。

10.如权利要求9所述的方法，还包括：

确定所述页面的展示区域的尺寸，并根据所述展示区域的尺寸将所述展示区域划分为多个单元格。