CN117131299A - 一种基于用户的页面布局方法及装置 - Google Patents

Abstract

本申请提供了一种基于用户的页面布局方法及装置，涉及计算机技术领域，其中一实施例的页面布局方法包括：响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；根据功能偏好，从预先建立的功能组件库中，确定与功能偏好对应的目标功能组件；根据目标功能组件的尺寸和预设的页面布局规则，生成与目标功能组件对应的初始页面布局；响应于接收到用户对初始页面布局的自定义操作，对初始页面布局进行调整，生成目标页面布局，能够支持用户自主定制和自适应地应对各种页面布局变化情况，无须过分依赖运营去人工调参维护，解决了目前页面布局不灵活、风格固定、定制困难以及过分依赖运营维护等问题，有效提高页面布局的个性化效果和布局效率。

Description

一种基于用户的页面布局方法及装置

技术领域

本申请属于计算机技术领域，具体地讲，涉及一种基于用户的页面布局方法及装置。

背景技术

移动APP作为目前普遍用户首选使用的线上办理事务途径，针对越来越多的功能与服务逐渐转为线上自助可办理，不同的使用人群难免会出现不同功能服务的侧重产生差异，如果通过大数据分析、数据挖掘等运营维护、推送等，只能大致预测出用户相对侧重的功能内容，仍无法完全打造出用户专属自己的风格，完全适配自己需要的内容。

目前多为静态的页面固定区域布局，主要依赖运营维护来实现功能上线，存在页面形式单一、不灵活，无法精准进行个性化定制，缺少智能化，无法达到符合用户自己的风格，从而降低用户体验感的弊端。

发明内容

针对现有技术中存在的问题，本申请提供一种基于用户的页面布局方法及装置，有效提高页面布局的个性化效果。

根据本申请的第一个方面，提供了一种基于用户的页面布局方法，该方法包括：

响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

在本实施例的一些可选方式中，所述功能组件库包括多个初始功能组件集合，所述根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件，包括：

确定各所述初始功能组件集合的功能标签；

将所述功能标签与所述功能偏好匹配的初始功能组件集合，确定为候选功能组件集合，其中，所述候选功能组件集合包括多个功能组件；

确定各所述候选功能组件集合中各功能组件的权重，并根据所述权重，从各所述候选功能组件集合中筛选第一预设数量个功能组件，作为所述目标功能组件。

在本实施例的一些可选方式中，所述根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局，包括：

根据各目标功能组件的权重，确定所述各目标功能组件的布局顺序，其中，所述权重越大，所述布局顺序越靠前；

根据所述布局顺序，依次对各目标功能组件进行布局操作，生成初始页面布局；

其中，所述布局操作包括：

确定当前页面布局的最短列和当前待布局的目标功能组件；

根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，所述根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列，包括：

确定所述最短列距离屏幕最右侧的第一间距以及所述最短列距离屏幕最下侧的第二间距；

响应于确定当前待布局的目标功能组件的宽小于等于所述第一间距且所述当前待布局的目标功能组件的高小于等于所述第二间距，将所述当前待布局的目标功能组件布局至所述最短列；

响应于确定当前待布局的目标功能组件的宽大于所述第一间距或所述当前待布局的目标功能组件的高大于所述第二间距，不能将所述当前待布局的目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，在所述不能将所述当前待布局的目标功能组件布局至所述最短列后，所述布局操作还包括：

根据所述布局顺序和权重，对剩余待布局的目标功能组件进行遍历，直至确定宽小于等于所述第一间距且高小于等于所述第二间距的目标功能组件，并将该目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，响应于所述自定义操作为移动手势，所述响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局，包括：

根据所述初始页面布局，确定各目标功能组件在屏幕的初始中心坐标；

确定所述移动手势在屏幕的起始位置和终点位置；

根据所述起始位置和所述初始中心坐标，确定待移动的目标功能组件，并将所述待移动的目标功能组件移动至所述终点位置；

根据移动后的目标功能组件，确定受干扰的目标功能组件，并基于预设的页面布局规则，将所述受干扰的目标功能组件进行重新布局，生成目标页面布局。

在本实施例的一些可选方式中，所述方法还包括：

响应于未接收到所述用户的功能偏好设置操作，确定所述用户是否为新用户：

响应于确定所述用户为新用户，根据所述预先建立的功能组件库中各功能组件的权重，向用户推荐第二预设数量个功能组件，并将该所述第二预设数量个功能组件作为所述目标功能组件；

响应于确定所述用户不为新用户，根据所述用户的历史功能偏好设置操作，从所述预先建立的功能组件库中，确定与所述历史功能偏好对应的目标功能组件。

在本实施例的一些可选方式中，所述方法还包括：

根据所述自定义操作，更新各目标功能组件在所述预先建立的功能组件库的权重，其中，所述自定义操作包括：对目标功能组件的移动、删除、添加和修改。

在本实施例的一些可选方式中，在生成所述目标页面布局后，所述方法还包括：

基于所述目标页面布局，生成目标页面，并在所述目标页面中新增自定义更换肤色功能和场景化信息功能，其中，所述场景化信息功能被配置为实时更新场景元素，并引导用户执行与所述场景元素对应的操作。

根据本申请的第二个方面，还提供了一种基于用户的页面布局装置，该装置包括：

功能偏好确定模块，被配置为响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

目标功能组件确定模块，被配置为根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

初始页面布局生成模块，被配置为根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

目标页面布局生成模块，被配置为响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

根据本申请的第三个方面，还提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现所述一种基于用户的页面布局方法的步骤。

根据本申请的第四个方面，还提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现所述一种基于用户的页面布局方法的步骤。

本申请提供的一种基于用户的页面布局方法及装置，能够支持用户自主定制，较好地贴合每个用户的使用习惯、功能倾向以及个人风格等；还能够自适应地应对各种页面布局变化情况，无须过分依赖运营去人工调参维护，从而解决了目前页面布局不灵活、风格固定、定制困难以及过分依赖运营维护等问题，有效提高了页面布局的个性化效果和布局效率。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请的一个实施例可以应用于其中的示例性系统架构图；

图2为根据本申请实施例的一种基于用户的页面布局方法的流程图之一；

图3为根据本申请实施例的一种基于用户的页面布局方法的流程图之二；

图4为根据本申请实施例的一种基于用户的页面布局方法的流程图之三；

图5为根据本申请实施例的一种基于用户的页面布局方法的流程图之四；

图6为根据本申请实施例的一种基于用户的页面布局方法的流程图之五；

图7为根据本申请实施例的一种基于用户的页面布局装置的示意图；

图8为用来实现本申请实施例的一种基于用户的页面布局方法的电子设备的框图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。

图1示出了可以应用本申请的一种基于用户的页面布局方法基或一种基于用户的页面布局装置的实施例的示例性系统架构。

如图1所示，系统架构可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以向服务器105发送功能偏好设置操作或接收服务器回传的目标页面布局。终端设备101、102、103上可以安装有各种通讯客户端应用，例如图片处理软件、网页浏览器应用、搜索类应用或社交平台软件等。

终端设备101、102、103可以是硬件，也可以是软件。当终端设备101、102、103为硬件时，可以是各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、膝上型便携计算机和台式计算机等等。当终端设备101、102、103为软件时，可以安装在上述所列举的电子设备中。其可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

服务器105可以是提供各种服务的服务器，例如对用户通过终端设备101、102、103上传的功能偏好设置操作。后台服务器可以基于大数据分析确定用户的功能偏好，并生成与该功能偏好对应的初始页面布局，在接收到用户对该初始页面布局的自定义操作后，还可以对所述初始页面布局进行调整，生成目标页面布局，并将该目标页面布局反馈给终端设备101、102、103。

需要说明的是，服务器105可以是硬件，也可以是软件。当服务器105为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器105为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块。在此不做具体限定。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

需要说明的是，本申请实施例所提供的一种基于用户的页面布局方法一般由服务器105执行。相应地，一种基于用户的页面布局装置一般设置于服务器105中。

图2示出了本申请实施例的一种基于用户的页面布局方法的示意性流程图，参考图2，该方法包括：

步骤201、响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

步骤202、根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

步骤203、根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

步骤204、响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

本申请提供的一种基于用户的页面布局方法，能够支持用户自主定制，较好地贴合每个用户的使用习惯、功能倾向以及个人风格等；还能够自适应地应对各种页面布局变化情况，无须过分依赖运营去人工调参维护，从而解决了目前页面布局不灵活、风格固定、定制困难以及过分依赖运营维护等问题，有效提高页面布局的个性化效果和布局效率。

下面对图2的每个步骤进行详细阐述：

步骤201、响应于接收到用户的功能偏好设置操作，确定用户的功能偏好。

本申请涉及在移动终端上的页面布局方法，例如，手机、平板或笔记本电脑，应当理解，该些移动终端具有触屏功能或鼠标点击功能。由此，用户能够在该些移动终端的操作界面上设置自身的功能偏好，其中，功能偏好为用户希望展示在页面供自身使用的功能。

在一个具体示例中，移动终端的操作界面上弹出提示用户进行功能偏好设置操作的引导窗口，用户根据该引导窗口的提示内容并基于自身的定制需求进行功能偏好的设置操作，例如，在金融类应用中，提示用户各金融功能的选项供；在社交类应用中，提示用户各社交功能的选项；进一步，本实施例的执行主体服务器能够在接收到用户的功能偏好设置操作后，确定用户的功能偏好。

例如，在金融类应用中，响应于用户对“个人储蓄功能”的点击，确定用户的功能偏好为“个人储蓄功能”，响应于用户对“转账功能”的点击，确定用户的功能偏好为“转账功能”等。

步骤202、根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件。

在本实施例中，在确定了功能偏好后，服务器进一步从预先建立的功能组件库中，确定与功能偏好对应的目标功能组件。

在此，对功能组件库进行说明：功能组件库中存储有用于表征不同功能的功能组件，且为了规范化管理，将能够表征同一类功能的功能组件分为一类，不同类之间用功能标签进行标记区分，例如，功能标签可以为“个人储蓄功能”或“转账功能”等，也就是说，对于功能组件库的任一功能组件而言，能够确定其功能标签。

例如，当功能偏好为“转账功能”时，其对应的功能组件可以为“银行卡转账”、“手机号转账”或“预约转账”等等，进一步从这些功能组件中筛选出推荐给用户的目标功能组件，例如，根据各功能组件的常用程度，将最常用的一个或多个作为目标功能组件推荐给用户。

为了提高向用户推荐目标功能组件的准确率以及更加贴合用户的功能倾向，在本实施例的一些可选方式中，如图3所示，上述步骤202进一步包括：

步骤2021、确定各所述初始功能组件集合的功能标签。

根据前述描述可知，为了规范化管理，将能够表征同一类功能的功能组件分为一类，不同类之间用功能标签进行区分，其中，将“类”命名为初始功能组件集合。应当理解，功能组件库包括多个不同功能标签的初始功能组件集合，且该初始功能组件集合中包括多个属于同一功能标签的功能组件，由此，服务器能够确定功能组件库中各初始功能组件集合的功能标签。

步骤2022、将所述功能标签与所述功能偏好匹配的初始功能组件集合，确定为候选功能组件集合，其中，所述候选功能组件集合包括多个功能组件。

在本实施例中，在确定了各所述初始功能组件集合的功能标签后，进一步将功能标签与所述功能偏好匹配的初始功能组件集合，确定为候选功能组件集合。例如，功能偏好为“个人储蓄功能”、“理财功能”和“转账功能”，则将功能标签分别为“个人储蓄功能”、“理财功能”和“转账功能”的初始功能组件集合，作为候选功能组件集合，应当理解，所述候选功能组件集合同样包括多个功能组件，本申请在此不再详述。

步骤2023、确定各所述候选功能组件集合中各功能组件的权重，并根据所述权重，从各所述候选功能组件集合中筛选第一预设数量个功能组件，作为所述目标功能组件。

需要说明的是，在建立功能组件库时，可以根据各功能组件的被使用情况和当前场景，设置各功能组件的权重。在一个具体示例中，以满分权重为1为例，“银行卡转账”功能组件的权重为0.6、“手机号转账”功能组件的权重为0.7和“预约转账”功能组件的权重为0.8等，需要说明的是，功能组件的权重值越大，被布局在页面上的概率越大，本申请对功能组件的权重设置方式不做限定。

在本实施例中，能够根据各功能组件的权重，从各候选功能组件集合中筛选权重靠前的功能组件，例如，第一预设数量为2，则从“转账功能”对应的功能组件集合中，将“手机号转账”功能组件和预约转账”功能组件作为目标功能组件。

需要说明的是，还可同时对其他候选功能组件集合执行类似的筛选操作，也就是说，用户的功能偏好是不唯一的，从而能够较好地贴合每个用户的使用习惯、功能倾向以及个人风格等。

步骤203、根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局。

至此，已经通过前述步骤确定了待布局在页面上的目标功能组件，由此，本步骤旨在根据目标功能组件的尺寸和预设的页面布局规则，生成与目标功能组件对应的初始页面布局。其中，各目标功能组件的尺寸在建立功能组件库时已经能够确定，即通过查阅功能组件库中对各目标功能组件的记载，能够确定目标功能组件的宽和高；预设的页面布局规则，例如可以为按照由左到右、由上到下以及短列优先添加的布局方式依次将各目标功能组件布局至移动终端的屏幕上，得到初始页面布局。

为了进一步提高页面布局效率，在本实施例的一些可选方式中，如图4所示，上述步骤203包括：

步骤2031、根据各目标功能组件的权重，确定所述各目标功能组件的布局顺序，其中，所述权重越大，所述布局顺序越靠前。

在本实施例中，本步骤旨在由执行主体，根据各目标功能组件的权重，确定各目标功能组件的布局顺序，其中，权重越大，所述布局顺序越靠前，也就是说，通常来说，权重大的目标功能组件相较于权重小的目标功能组件，会优先被布局。

步骤2032、根据所述布局顺序，依次对各目标功能组件进行布局操作，生成初始页面布局。

其中，所述布局操作包括：

步骤20321、确定当前页面布局的最短列和当前待布局的目标功能组件。

步骤20322、根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，首先确定当前页面布局的最短列和当前待布局的目标功能组件，确定所述最短列距离屏幕最右侧的第一间距以及所述最短列距离屏幕最下侧的第二间距；

响应于确定当前待布局的目标功能组件的宽小于等于所述第一间距且所述当前待布局的目标功能组件的高小于等于所述第二间距，将所述当前待布局的目标功能组件布局至所述最短列；

响应于确定当前待布局的目标功能组件的宽大于所述第一间距或所述当前待布局的目标功能组件的高大于所述第二间距，不能将所述当前待布局的目标功能组件布局至所述最短列。

在一个具体示例中，移动端页面布局组件计算规则为由左到右，由上到下的摆放功能组件。根据前述可知，功能组件的尺寸能够通过前述功能库获取。依次计算当前待布局的功能组件C尺寸S(w，h)；取最短列N＇，计算其距离屏幕右边间距S＇，当待布局功能组件C的宽S(w)<＝S＇，能够将该组件布局在N＇列，同时更新N＇列的高度以及C组件宽度所占用的列的高度；当C组件宽S(w)>S＇，则需要从最左侧第一列重启一行布局，同步更新列高度，直至完成所有组件布局。

在本实施例的一些可选方式中，在所述不能将所述当前待布局的目标功能组件布局至所述最短列后，所述布局操作还包括：

根据所述布局顺序和权重，对剩余待布局的目标功能组件进行遍历，直至确定宽小于等于所述第一间距且高小于等于所述第二间距的目标功能组件，并将该目标功能组件布局至所述最短列。

步骤204、响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

在本实施例中，当初始页面布局完成，还支持组件自定义添加、移除、修改和移动等，其中：

添加即用户自定义选择功能组件及尺寸，添加完成后，按照前述实施例的方法自动重新布局；移除即选中需要移除组件，弹框移除后，按照前述实施例的方法自动重新布局；修改即选中功能组件，修改尺寸等，修改完成后，按照前述实施例的方法自动重新布局；移动即改变当前布局，调整功能组件位置后，按照前述实施例的方法自动重新布局，具体的：移动通过手势追踪实现，在用户长按后获取坐标位置的组件，根据手指滑动的位置来重新计算整个列表的布局。

在本实施例的一些可选方式中，当自定义操作为移动手势时，如图5所示，上述步骤204进一步包括：

步骤2041、根据初始页面布局，确定各目标功能组件在屏幕的初始中心坐标；

步骤2042、确定所述移动手势在屏幕的起始位置和终点位置；

步骤2043、根据所述起始位置和所述初始中心坐标，确定待移动的目标功能组件，并将所述待移动的目标功能组件移动至所述终点位置；

步骤2044、根据移动后的目标功能组件，确定受干扰的目标功能组件，并基于预设的页面布局规则，将所述受干扰的目标功能组件进行重新布局，生成目标页面布局。

在一个具体示例中，把各功能组件转换成对应的数据model模型；当监听到用户点击移动设备屏幕的点P时，通过P点对应找到位置具体功能组件M；通过M组件的model数据计算出M组件的中心点Q；5、响应于手势的移动，P点的动态变化位置为P＇；此时，P＇对应M＇组件的中心点为Q＇，也就是说，拖拽移动过程使得原始选中组件M实时替换M＇，中心点Q更新为Q＇；完成移动手势后，按照前述实施例的方法自动重新布局，并实时展示当前调整后的目标页面布局。

在本实施例的一些可选方式中，如图6所示，本实施例的页面布局方法还包括：

步骤205、响应于未接收到所述用户的功能偏好设置操作，确定所述用户是否为新用户；

步骤206、响应于确定所述用户为新用户，根据所述预先建立的功能组件库中各功能组件的权重，向用户推荐第二预设数量个功能组件，并将该所述第二预设数量个功能组件作为所述目标功能组件；

步骤207、响应于确定所述用户不为新用户，根据所述用户的历史功能偏好设置操作，从所述预先建立的功能组件库中，确定与所述历史功能偏好对应的目标功能组件。

在本实施例中，当未接收到所述用户的功能偏好设置操作时，可以首先判断用户是否为新老用户，若为老用户，则可以根据用户的历史画像，例如历史功能偏好设置操作，确定向用户推荐的目标功能组件；若为新用户，则可以根据功能组件库中各功能组件的权重，将权重靠前的功能组件优先推荐给用户。

在本实施例的一些可选方式中，本实施例的页面布局方法还包括：根据所述自定义操作，更新各目标功能组件在所述预先建立的功能组件库的权重，其中，所述自定义操作包括：对目标功能组件的移动、删除、添加和修改。

在本实施例中，还可以根据用户对目标功能组件的移动、删除、添加和修改等自定义操作，更新各目标功能组件在所述预先建立的功能组件库的权重，例如，当用户删除某功能组件时，表明该功能组件不被用户接受，此时，需要降低该功能组件的权重；当用户添加某功能组件时，表明该功能组件受用户接受欢迎，此时，需要增加该功能组件的权重等。

在本实施例的一些可选方式中，在生成所述目标页面布局后，本实施例的页面布局方法还包括：基于所述目标页面布局，生成目标页面，并在所述目标页面中新增自定义更换肤色功能和场景化信息功能，其中，所述场景化信息功能被配置为实时更新场景元素，并引导用户执行与所述场景元素对应的操作。

在一个具体示例中，模型页面中支持用户自定义更换肤色和特殊时段展示对应的场景化信息功能。整体功能组件展示为相关场景元素，同时提供引导用户进行特定待办事项的处理(符合当前场景的预测行为)来实现页面展示风格，功能更贴合当前场景。本申请是基于移动端页面布局，通过分子组件等更小粒度的拆分形式，支持用户自定义或运营维护。

本实施例提供的一种基于用户的页面布局方法，能够在运营及推送的功能展示和用户所关心得功能、与操作习惯不太匹配时，用户可根据自己个人喜好，操作习惯，灵活定制自己想要展示的页面风格，以提升APP的开放性、增强用户的体验感。

基于同一发明构思，本申请实施例还提供了一种基于用户的页面布局装置，可以用于实现上述实施例中所描述的方法，如下面实施例所述。由于该基于用户的页面布局装置所解决问题的原理与基于用户的页面布局方法相似，因此基于用户的页面布局装置的实施可以参见基于用户的页面布局方法的实施，重复之处不再赘述。以下所使用的，术语“单元”或者“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的系统较佳地以软件来实现，但是硬件，或者软件和硬件的组合的实现也是可能并被构想的。

如图7所示，该基于用户的页面布局装置包括：

功能偏好确定模块701，被配置为响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

目标功能组件确定模块702，被配置为根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

初始页面布局生成模块703，被配置为根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

目标页面布局生成模块704，被配置为响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

在本实施例的一些可选方式中，所述功能组件库包括多个初始功能组件集合，目标功能组件确定模块包括：

功能标签确定单元，被配置为确定各所述初始功能组件集合的功能标签；

候选功能组件集合确定单元，被配置为将所述功能标签与所述功能偏好匹配的初始功能组件集合，确定为候选功能组件集合，其中，所述候选功能组件集合包括多个功能组件；

目标功能组件确定单元，被配置为确定各所述候选功能组件集合中各功能组件的权重，并根据所述权重，从各所述候选功能组件集合中筛选第一预设数量个功能组件，作为所述目标功能组件。

在本实施例的一些可选方式中，初始页面布局生成模块包括：

布局顺序确定单元，被配置为根据各目标功能组件的权重，确定所述各目标功能组件的布局顺序，其中，所述权重越大，所述布局顺序越靠前；

初始页面布局单元，被配置为根据所述布局顺序，依次对各目标功能组件进行布局操作，生成初始页面布局；

其中，所述布局操作包括：

确定当前页面布局的最短列和当前待布局的目标功能组件；

根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，所述根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列，包括：

确定所述最短列距离屏幕最右侧的第一间距以及所述最短列距离屏幕最下侧的第二间距；

响应于确定当前待布局的目标功能组件的宽小于等于所述第一间距且所述当前待布局的目标功能组件的高小于等于所述第二间距，将所述当前待布局的目标功能组件布局至所述最短列；

响应于确定当前待布局的目标功能组件的宽大于所述第一间距或所述当前待布局的目标功能组件的高大于所述第二间距，不能将所述当前待布局的目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，在所述不能将所述当前待布局的目标功能组件布局至所述最短列后，所述布局操作还包括：

根据所述布局顺序和权重，对剩余待布局的目标功能组件进行遍历，直至确定宽小于等于所述第一间距且高小于等于所述第二间距的目标功能组件，并将该目标功能组件布局至所述最短列。

在本实施例的一些可选方式中，响应于所述自定义操作为移动手势，目标页面布局生成模块进一步被配置为：

根据所述初始页面布局，确定各目标功能组件在屏幕的初始中心坐标；

确定所述移动手势在屏幕的起始位置和终点位置；

根据所述起始位置和所述初始中心坐标，确定待移动的目标功能组件，并将所述待移动的目标功能组件移动至所述终点位置；

根据移动后的目标功能组件，确定受干扰的目标功能组件，并基于预设的页面布局规则，将所述受干扰的目标功能组件进行重新布局，生成目标页面布局。

在本实施例的一些可选方式中，该装置进一步被配置为：

响应于未接收到所述用户的功能偏好设置操作，确定所述用户是否为新用户；

响应于确定所述用户为新用户，根据所述预先建立的功能组件库中各功能组件的权重，向用户推荐第二预设数量个功能组件，并将该所述第二预设数量个功能组件作为所述目标功能组件；

响应于确定所述用户不为新用户，根据所述用户的历史功能偏好设置操作，从所述预先建立的功能组件库中，确定与所述历史功能偏好对应的目标功能组件。

在本实施例的一些可选方式中，该装置进一步被配置为：

根据所述自定义操作，更新各目标功能组件在所述预先建立的功能组件库的权重，其中，所述自定义操作包括：对目标功能组件的移动、删除、添加和修改。

在本实施例的一些可选方式中，在生成所述目标页面布局后，该装置进一步被配置为：

基于所述目标页面布局，生成目标页面，并在所述目标页面中新增自定义更换肤色功能和场景化信息功能，其中，所述场景化信息功能被配置为实时更新场景元素，并引导用户执行与所述场景元素对应的操作。

根据本公开的实施例，本公开还提供了一种电子设备以及一种可读存储介质。

一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行前述实施例的基于用户的页面布局方法的步骤。

一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行前述实施例的基于用户的页面布局方法的步骤。

图8示出了可以用来实施本公开的实施例的示例电子设备800的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图8所示，设备800包括计算单元801，其可以根据存储在只读存储器(ROM)802中的计算机程序或者从存储单元808加载到随机访问存储器(RAM)803中的计算机程序，来执行各种适当的动作和处理。在RAM 803中，还可存储设备800操作所需的各种程序和数据。计算单元801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。

设备800中的多个部件连接至I/O接口805，包括：输入单元806，例如键盘、鼠标等；输出单元807，例如各种类型的显示器、扬声器等；存储单元808，例如磁盘、光盘等；以及通信单元809，例如网卡、调制解调器、无线通信收发机等。通信单元809允许设备800通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元801可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元801的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元801执行上文所描述的各个方法和处理，例如一种基于用户的页面布局方法。

例如，在一些实施例中，一种基于用户的页面布局方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元808。在一些实施例中，计算机程序的部分或者全部可以经由ROM 802和/或通信单元809而被载入和/或安装到设备800上。当计算机程序加载到RAM 803并由计算单元801执行时，可以执行上文描述的一种基于用户的页面布局方法的一个或多个步骤。备选地，在其他实施例中，计算单元801可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行一种基于用户的页面布局方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (12)

1.一种基于用户的页面布局方法，其特征在于，包括：

响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

2.根据权利要求1所述的方法，其特征在于，所述功能组件库包括多个初始功能组件集合，所述根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件，包括：

确定各所述初始功能组件集合的功能标签；

将所述功能标签与所述功能偏好匹配的初始功能组件集合，确定为候选功能组件集合，其中，所述候选功能组件集合包括多个功能组件；

确定各所述候选功能组件集合中各功能组件的权重，并根据所述权重，从各所述候选功能组件集合中筛选第一预设数量个功能组件，作为所述目标功能组件。

3.根据权利要求1所述的方法，其特征在于，所述根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局，包括：

根据各目标功能组件的权重，确定所述各目标功能组件的布局顺序，其中，所述权重越大，所述布局顺序越靠前；

根据所述布局顺序，依次对各目标功能组件进行布局操作，生成初始页面布局；

其中，所述布局操作包括：

确定当前页面布局的最短列和当前待布局的目标功能组件；

根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列。

4.根据权利要求3所述的方法，其特征在于，所述根据所述当前待布局的目标功能组件的尺寸，确定是否将所述当前待布局的目标功能组件布局至所述最短列，包括：

确定所述最短列距离屏幕最右侧的第一间距以及所述最短列距离屏幕最下侧的第二间距；

响应于确定当前待布局的目标功能组件的宽小于等于所述第一间距且所述当前待布局的目标功能组件的高小于等于所述第二间距，将所述当前待布局的目标功能组件布局至所述最短列；

响应于确定当前待布局的目标功能组件的宽大于所述第一间距或所述当前待布局的目标功能组件的高大于所述第二间距，不能将所述当前待布局的目标功能组件布局至所述最短列。

5.根据权利要求4所述的方法，其特征在于，在所述不能将所述当前待布局的目标功能组件布局至所述最短列后，所述布局操作还包括：

根据所述布局顺序和权重，对剩余待布局的目标功能组件进行遍历，直至确定宽小于等于所述第一间距且高小于等于所述第二间距的目标功能组件，并将该目标功能组件布局至所述最短列。

6.根据权利要求1所述的方法，其特征在于，响应于所述自定义操作为移动手势，所述响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局，包括：

根据所述初始页面布局，确定各目标功能组件在屏幕的初始中心坐标；

确定所述移动手势在屏幕的起始位置和终点位置；

根据所述起始位置和所述初始中心坐标，确定待移动的目标功能组件，并将所述待移动的目标功能组件移动至所述终点位置；

根据移动后的目标功能组件，确定受干扰的目标功能组件，并基于预设的页面布局规则，将所述受干扰的目标功能组件进行重新布局，生成目标页面布局。

7.根据权利要求1所述的方法，其特征在于，所述方法还包括：

响应于未接收到所述用户的功能偏好设置操作，确定所述用户是否为新用户：

响应于确定所述用户为新用户，根据所述预先建立的功能组件库中各功能组件的权重，向用户推荐第二预设数量个功能组件，并将该所述第二预设数量个功能组件作为所述目标功能组件；

响应于确定所述用户不为新用户，根据所述用户的历史功能偏好设置操作，从所述预先建立的功能组件库中，确定与所述历史功能偏好对应的目标功能组件。

8.根据权利要求2所述的方法，其特征在于，所述方法还包括：

根据所述自定义操作，更新各目标功能组件在所述预先建立的功能组件库的权重，其中，所述自定义操作包括：对目标功能组件的移动、删除、添加和修改。

9.根据权利要求1所述的方法，其特征在于，在生成所述目标页面布局后，所述方法还包括：

基于所述目标页面布局，生成目标页面，并在所述目标页面中新增自定义更换肤色功能和场景化信息功能，其中，所述场景化信息功能被配置为实时更新场景元素，并引导用户执行与所述场景元素对应的操作。

10.一种基于用户的页面布局装置，其特征在于，包括：

功能偏好确定模块，被配置为响应于接收到用户的功能偏好设置操作，确定用户的功能偏好；

目标功能组件确定模块，被配置为根据所述功能偏好，从预先建立的功能组件库中，确定与所述功能偏好对应的目标功能组件；

初始页面布局生成模块，被配置为根据所述目标功能组件的尺寸和预设的页面布局规则，生成与所述目标功能组件对应的初始页面布局；

目标页面布局生成模块，被配置为响应于接收到用户对所述初始页面布局的自定义操作，对所述初始页面布局进行调整，生成目标页面布局。

11.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现权利要求1至9任一项所述的一种基于用户的页面布局方法的步骤。

12.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现权利要求1至9任一项所述的一种基于用户的页面布局方法的步骤。