[发明专利]用户界面自适应配置的方法、系统、设备和介质

权利要求书

1.一种用户界面自适应配置的方法，用户界面包括面板以及被放置在所述面板上的一个或多个用户界面组件，其特征在于，所述方法包括：

分别将所述一个或多个用户界面组件与所述面板的多个区域中的一个区域相对应；

对所述多个区域以及所述一个或多个用户界面组件进行拉伸操作，并且对所述多个区域进行移动操作，以生成适配于用户设备的适配面板以及一个或多个适配用户界面组件；

分别将所述一个或多个适配用户界面组件放置到所述适配面板的对应区域，以生成适配用户界面，

其中，分别将所述一个或多个适配用户界面组件放置到所述适配面板的对应区域，以生成适配用户界面包括，

在分别将所述一个或多个用户界面组件与所述面板的多个区域中的一个区域相对应时，确定每个用户界面组件的中心点与对应区域的位置关系，其中，每个用户界面组件的中心点与对应区域的位置关系包括中心点在对应区域中的百分比坐标；

根据所述位置关系，将每个适配用户界面组件的中心点放置到所述适配面板的对应区域，以生成所述适配用户界面。

2.根据权利要求1所述的方法，其特征在于，所述面板具有以N乘M排列的N×M个区域，其中N和M都是正整数。

3.根据权利要求1所述的方法，其特征在于，分别将所述一个或多个用户界面组件与所述面板的多个区域中的一个区域相对应包括，根据每个用户界面组件的中心点，将所述每个用户界面组件与所述中心点所在的区域相对应。

4.根据权利要求1所述的方法，其特征在于，对所述多个区域以及所述一个或多个用户界面组件进行拉伸操作，并且对所述多个区域进行移动操作，以生成适配于用户设备的适配面板以及一个或多个适配用户界面组件包括，

获取所述面板的面板高度和面板宽度；

获取所述用户设备的屏幕高度和屏幕宽度；

计算拉伸比例，所述拉伸比例为所述屏幕高度和所述面板高度的比值、以及所述屏幕宽度和所述面板宽度的比值中的较小值；

根据所述拉伸比例，对所述多个区域以及所述一个或多个用户界面组件进行拉伸操作；

如果所述屏幕高度和所述面板高度的比值小于所述屏幕宽度和所述面板宽度的比值，则将最左列区域向左移动至所述用户设备的屏幕边缘，并且将最右列区域向右移动至所述用户设备的屏幕边缘，以生成适配于所述用户设备的适配面板以及一个或多个适配用户界面组件；

如果所述屏幕高度和所述面板高度的比值大于所述屏幕宽度和所述面板宽度的比值，则将第一行区域向上移动至所述用户设备的屏幕边缘，并且将最末行区域向下移动至所述用户设备的屏幕边缘，以生成适配于所述用户设备的适配面板以及一个或多个适配用户界面组件。

5.一种用户界面自适应配置的系统，用户界面包括面板以及被放置在所述面板上的一个或多个用户界面组件，其特征在于，所述系统包括：

组件对应模块，用于分别将所述一个或多个用户界面组件与所述面板的多个区域中的一个区域相对应；

拉伸移动模块，用于对所述多个区域以及所述一个或多个用户界面组件进行拉伸操作，并且对所述多个区域进行移动操作，以生成适配于用户设备的适配面板以及一个或多个适配用户界面组件；

界面生成模块，用于分别将所述一个或多个适配用户界面组件放置到所述适配面板的对应区域，以生成适配用户界面，

其中，分别将所述一个或多个适配用户界面组件放置到所述适配面板的对应区域，以生成适配用户界面包括，

在分别将所述一个或多个用户界面组件与所述面板的多个区域中的一个区域相对应时，确定每个用户界面组件的中心点与对应区域的位置关系，其中，每个用户界面组件的中心点与对应区域的位置关系包括中心点在对应区域中的百分比坐标；

根据所述位置关系，将每个适配用户界面组件的中心点放置到所述适配面板的对应区域，以生成所述适配用户界面。

6.根据权利要求5所述的系统，其特征在于，所述面板具有以N乘M排列的N×M个区域，其中N和M都是正整数。