更改显示区域方法、设备、存储介质及计算机程序产品与流程

1.本技术实施例涉及互联网技术领域，尤其涉及一种更改页面布局中显示区域方法、设备、存储介质及计算机程序产品。


背景技术：

2.随着互联网的发展，各类应用程序的出现，为了实现更加个性化的定制需求，用户通常需要对页面布局的显示区域进行调整。例如，互动直播的样板间页面，通常需要对共享等各类组件按钮的显示区域进行定制化更改。但是目前的显示区域更改方式，需要用户进行各类复杂的操作，影响应用程序的用户体验。


技术实现要素：

3.有鉴于此，本技术实施例提供一种更改页面布局中显示区域方法、设备、存储介质及计算机程序产品，以至少部分解决上述问题。
4.根据本技术实施例的第一方面，提供了一种更改页面布局中显示区域的方法，所述方法包括：获得页面布局中待替换组件显示区域和目标组件显示区域的映射关系；通过所述页面布局中设置的监听函数，获得所述映射关系；根据所述映射关系，利用页面布局分类配置函数将所述待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。
5.根据本技术实施例的第二方面，提供了一种更改页面布局中显示区域的装置，所述装置包括：关系获得模块，用于获得页面布局中待替换组件显示区域和目标组件显示区域的映射关系；函数设置模块，用于通过所述页面布局中设置的监听函数，获取所述映射关系；显示替换模块，用于根据所述映射关系，利用页面布局分类配置函数将所述待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。
6.根据本技术实施例的第三方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；存储器用于存放至少一可执行指令，可执行指令使处理器执行如第一方面的更改页面布局中显示区域方法对应的操作。
7.根据本技术实施例的第四方面，提供了一种存储介质，其上存储有计算机程序，该程序被处理器执行时，实现如第一方面的更改页面布局中显示区域方法。
8.根据本技术实施例的第五方面，提供了一种计算机程序产品，该计算机程序产品被处理器执行时，实现如第一方面的更改页面布局中显示区域方法。
9.本技术实施例提供的更改页面布局中显示区域的方案，其通过设定待替换组件显示区域和目标组件显示区域的映射关系，并采用监听函数调用待替换组件显示区域和目标组件显示区域的映射关系，利用页面布局分类配置函数将待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。本技术实施例利用监听函数对待替换组件显示区域和目标组件显示区域的映射关系进行操作，利用页面布局分类配置函数，无需更改页
面布局文件，即可实现对页面布局中的显示区域进行替换。本技术实施例无需用户手动对页面布局中组件链路进行替换，也无需在页面布局进行版本升级后，再次手动复制曾经替换过的组件至页面布局中，避免了用户的复杂操作，改善了应用程序的用户体验。
附图说明
10.为了更清楚地说明本技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术实施例中记载的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。
11.图1为通常页面布局中显示区域的示意图；
12.图2为本技术实施例提供的一种更改页面布局中显示区域的方法所应用场景示意图；
13.图3为本技术实施例提供的一种更改页面布局中显示区域的方法的流程图；
14.图4为本技术实施例提供的页面布局中显示区域的示意图；
15.图5为本技术实施例提供的一种更改页面布局中显示区域的方法的步骤301的流程图；
16.图6为本技术实施例页面布局中显示区域的变化示意图；
17.图7为本技术实施例提供的一种更改页面布局中显示区域的方法的步骤303的流程图；
18.图8为本技术实施例提供的一种更改页面布局中显示区域的方法的步骤3031的流程图；
19.图9为本技术实施例提供的一种更改页面布局中显示区域的装置的结构图；
20.图10为本技术实施例提供的一种更改页面布局中显示区域的装置的关系获得模块的结构图；
21.图11为本技术实施例提供的一种电子设备的结构图。
具体实施方式
22.为了使本领域的人员更好地理解本技术实施例中的技术方案，下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本技术实施例一部分实施例，而不是全部的实施例。基于本技术实施例中的实施例，本领域普通技术人员所获得的所有其他实施例，都应当属于本技术实施例保护的范围。
23.对于应用程序的页面布局而言，进行组件显示区域的替换操作极为复杂。在应用程序页面布局的其中一个应用场景中，平台基于云原生、音视频、人工智能(artificial intelligence，ai)算法和网络等技术，提供易接入、强扩展、高效部署和覆盖多场景的音视频服务，使得企业用户可以快速搭建所需的音视频平台，比如直播电商用户可以基于该音视频服务快速搭建直播平台。该视音频服务提供直播样板间，用户对直播样板间的默认样式做更改、拓展等定制化修改，便可以通过少量代码开发出所需的直播功能。用户对直播样板间进行定制化修改时，会对直播样板间的页面布局进行修改，在对页面布局进行修改时需要对组件显示区域进行替换，而该替换过程需要用户进行较为复杂的操作。下面以互动
直播样板间应用程序为例，对组件显示区域的替换过程进行说明。
24.参见图1，用户需要改变样板间的共享组件显示区域11，用户需要将样板间软件开发工具包(sdk)中默认的布局文件复制到本地，并对其重命名。例如，将布局文件ilr_activity_live.xml，重新命名为activity_custom_live.xml。
25.将新的共享组件显示区域，如livecustomview添加到新命名的activity_custom_live.xml布局文件的合适位置中。
26.通过软件开发工具包提供的钩子函数将新的布局文件activity_custom_live.xml设置到样板间软件开发工具包中。
27.但是采用这种方式会导致用户将新的共享组件显示区域(livecustomview)添加到新命名的activity_custom_live.xml布局文件的链路较长，用户操作复杂。而且，如样板间软件开发工具包进行升级，调整了样板间的页面布局，则需要重新进行上述操作，否则用户的样板间会维持原来版本，无法实现样板间自动升级。
28.本技术实施例提供的更改页面布局中显示区域的方案，其通过设定待替换组件显示区域和目标组件显示区域的映射关系，并采用监听函数调用待替换组件显示区域和目标组件显示区域的映射关系，利用页面布局分类配置函数将待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。本技术实施例利用监听函数对待替换组件显示区域和目标组件显示区域的映射关系进行操作，利用页面布局分类配置函数，无需更改页面布局文件，即可实现对页面布局中的显示区域进行替换。本技术实施例无需用户手动对页面布局中组件链路进行替换，也无需在页面布局进行版本升级后，再次手动复制曾经替换过的组件至页面布局中，避免了用户的复杂操作，改善了应用程序的用户体验。
29.下面结合本技术实施例附图进一步说明本技术实施例具体实现。
30.本技术实施例提供一种更改页面布局中显示区域方法，应用于电子设备，为了便于理解，对本技术实施例所提供的更改页面布局中显示区域方法的应用场景进行说明，参照图2所示，图2为本技术实施例提供的一种更改页面布局中显示区域方法的场景示意图，该更改页面布局中显示区域方法应用于电子设备201，电子设备201可以是执行本技术实施例提供的更改页面布局中显示区域方法的设备。
31.电子设备201可以是智能手机、平板电脑、笔记本电脑、车载终端等终端设备，电子设备201也可以是服务器等网络设备，当然，此处只是示例性说明，并不代表本技术局限于此。
32.电子设备201可以接入网络，通过网络与云端连接，并进行数据交互，或者，电子设备201可以是云端的设备。本技术中，网络包括局域网(英文：local area network，lan)、广域网(英文：wide area network，wan)、移动通信网络；如万维网(英文：world wide web，www)、长期演进(英文：long term evolution，lte)网络、2g网络(英文：2th generation mobile network)、3g网络(英文：3th generation mobile network)，5g网络(英文：5th generation mobile network)等。云端可以包括通过网络连接的各种设备，例如，服务器、中继设备、端到端(英文：device-to-device，d2d)设备等。当然，此处只是示例性说明，并不代表本技术局限于此。
33.结合图2所示的系统，详细说明本技术实施例提供的更改页面布局中显示区域的方法，需要说明的是，图2只是本技术实施例提供的方法的一种应用场景，并不代表该方法
必须应用于图2所示的应用场景。
34.参照图3，本技术实施例提供的一种更改页面布局中显示区域的方法，所述方法包括：
35.步骤301、获得页面布局中待替换组件显示区域和目标组件显示区域的映射关系。
36.具体地，页面为软件开发工具包(sdk)中标准化ui的实现页面，页面布局中组件显示区域示例性地为共享按钮、点赞按钮等组件的显示区域。
37.具体地，所述页面布局为采用可扩展标记语言(xml)实现的页面布局。
38.用户可以根据需要对组件(view)的显示区域进行设计，从而实现页面布局的个性化。示例性地，用户将共享按钮设计为心形，或者星星形等。
39.示例性地，在互动直播的样板间页面中，主播为了实现个人的页面布局需要会对组件的显示区域进行个性化定制，例如图4中将共享按钮的显示区域41设计为心形。
40.在本技术实施例一些具体实现中，参见图5，步骤301包括：
41.步骤3011、接收用户通过api添加的组件显示区域的替换请求。
42.步骤3012、根据所述替换请求，设置所述待替换组件显示区域和所述目标组件显示区域的映射关系。
43.本技术实施例对用户提供更改组件显示区域的api(应用程序接口)，用户通过api添加的组件显示区域的替换请求，根据组件显示区域的替换请求，设置所述待替换组件显示区域和所述目标组件显示区域的映射关系。
44.本技术实施例用户仅需要通过api输入添加的组件显示区域的替换请求，即可获得更换组件显示区域，无需用户手动对页面布局中组件链路进行替换。
45.参见图6，用户通过api输入将组件显示区域由a替换成b的请求，在页面中显示区域a替换成显示区域b。
46.示例性地，用户输入“customviewinflater.replace(aview.class,bview.class)”，在页面中显示区域a替换成显示区域b。
47.步骤302、通过所述页面布局中设置的监听函数，获取所述映射关系。
48.具体地，监听函数用于对现成的系统或架构的部分细节进行定制，监听函数可以通过钩子函数(hook)实现。
49.当监听函数通过钩子函数实现时，本技术实施例的页面可以解析钩子函数，在钩子函数里读取映射关系，从而可以根据映射关系对现有的页面布局进行对应组件显示区域的替换。
50.步骤303、根据所述映射关系，利用页面布局分类配置函数将所述待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。
51.在本技术实施例一些具体实现中，参见图7，步骤303包括：
52.步骤3031、根据页面布局所继承的父类，将所述目标组件显示区域设置为自定义的拓展类。
53.具体地，如页面布局继承的父类为appcompactactivity页面，自定义appcompatviewinflater拓展类。如页面布局继承的父类为activity页面，自定义layoutinflater.setfactory拓展类。
54.具体地，参见图8，步骤3031，包括：
55.步骤30311、获得所述映射关系中的所述目标组件显示区域。
56.步骤30312、将所述目标组件显示区域进行实例化，作为自定义的拓展类。
57.本技术实施例利用页面布局分类配置函数，对获得的目标组件显示区域进行实例化并作为自定义的拓展类，便于通过自定义拓展类的操作，实现对页面布局中的显示区域进行替换。本技术实施例无需对页面布局文件进行修改，仅通过自定义拓展类实现后续的显示区域替换操作。
58.步骤3032、设置所述自定义的拓展类的全限定名的主题样式。
59.具体地，本技术实施例设置appcompatviewinflater类的全限定名的主题样式。
60.本技术实施例为了将待替换组件显示区域替换为目标组件显示区域，将目标组件显示区域设置为自定义的拓展类，重新命名自定义的拓展类的全限定名的主题样式，从而令页面可以根据自定义的拓展类的全限定名的主题样式得到对应的目标组件显示区域。
61.步骤3033、将所述主题样式设置到页面的主题中，在页面中显示所述目标组件显示区域。
62.本技术实施例根据主题样式，进行目标组件显示区域与待替换组件显示区域的替换。
63.具体地，本技术实施例利用了appcompactactivity页面提供的页面布局分类配置函数，该页面布局分类配置函数具有viewinflaterclass配置能力，再提供用户通过api保存的待替换组件显示区域和所述目标组件显示区域的映射关系，达到了不更改xml页面布局文件的情况下，还能更改布局中显示区域的表现形式。
64.本技术实施例提供的更改页面布局中显示区域的方案，其通过设定待替换组件显示区域和目标组件显示区域的映射关系，并采用监听函数调用待替换组件显示区域和目标组件显示区域的映射关系，利用页面布局分类配置函数将待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。本技术实施例利用监听函数对待替换组件显示区域和目标组件显示区域的映射关系进行操作，利用页面布局分类配置函数，无需更改页面布局文件，即可实现对页面布局中的显示区域进行替换。本技术实施例无需用户手动对页面布局中组件链路进行替换，在页面布局进行版本升级后，再次手动复制曾经替换过的组件至页面布局中，避免了用户的复杂操作，改善了应用程序的用户体验。
65.对应上述方法，本技术还提供一种更改页面布局中显示区域的装置，参见图9，所述装置包括：
66.关系获得模块901，用于获得页面布局中待替换组件显示区域和目标组件显示区域的映射关系。
67.函数设置模块902，用于通过所述页面布局中设置的监听函数，获取所述映射关系；
68.显示替换模块903，用于根据所述映射关系，利用页面布局分类配置函数将所述待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。
69.在本技术一些具体实现中，参见图10，所述关系获得模块901，包括：
70.请求接收单元9011，用于接收用户通过api添加的组件显示区域的替换请求；
71.关系设置单元9012，用于根据所述替换请求，设置所述待替换组件显示区域和所述目标组件显示区域的映射关系。
72.本技术实施例提供的更改页面布局中显示区域的方案，其通过设定待替换组件显示区域和目标组件显示区域的映射关系，并采用监听函数调用待替换组件显示区域和目标组件显示区域的映射关系，利用页面布局分类配置函数将待替换组件显示区域替换为所述目标组件显示区域，并在页面中进行显示。本技术实施例利用监听函数对待替换组件显示区域和目标组件显示区域的映射关系进行操作，利用页面布局分类配置函数，无需更改页面布局文件，即可实现对页面布局中的显示区域进行替换。本技术实施例无需用户手动对页面布局中组件链路进行替换，在页面布局进行版本升级后，再次手动复制曾经替换过的组件至页面布局中，避免了用户的复杂操作，改善了应用程序的用户体验。
73.基于上述实施例所描述的方法，本技术实施例提供一种电子设备，用于执行上述实施例所描述的方法，参照图11，示出了根据本技术实施例的一种电子设备的结构示意图，本技术具体实施例并不对电子设备的具体实现做限定。
74.如图11所示，该电子设备110可以包括：处理器(processor)1102、通信接口(communications interface)1104、存储器(memory)1106、以及通信总线1108。
75.其中：
76.处理器1102、通信接口1104、以及存储器1106通过通信总线1108完成相互间的通信。
77.通信接口1104，用于与其它电子设备或服务器进行通信。
78.处理器1102，用于执行程序1110，具体可以执行上述更改页面布局中显示区域方法实施例中的相关步骤。
79.具体地，程序1110可以包括程序代码，该程序代码包括计算机操作指令。
80.处理器1102可能是处理器cpu，或者是特定集成电路asic(application specific integrated circuit)，或者是被配置成实施本技术实施例的一个或多个集成电路。智能设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个cpu；也可以是不同类型的处理器，如一个或多个cpu以及一个或多个asic。
81.存储器1106，用于存放程序1110。存储器1106可能包含高速ram存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
82.程序1110具体可以用于使得处理器1102执行以实现实施例一中所描述的更改页面布局中显示区域方法。程序1110中各步骤的具体实现可以参见上述更改页面布局中显示区域方法实施例中的相应步骤和单元中对应的描述，在此不赘述。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的设备和模块的具体工作过程，可以参考前述方法实施例中的对应过程描述，在此不再赘述。
83.基于上述实施例所描述的方法，本技术实施例提供一种计算机存储介质，其上存储有计算机程序，该程序被处理器执行时实现如实施例一所描述的方法。
84.基于上述实施例所描述的方法，本技术实施例提供一种计算机程序产品，该计算机程序产品被处理器执行时实现如实施例一所描述的方法。
85.需要指出，根据实施的需要，可将本技术实施例中描述的各个部件/步骤拆分为更多部件/步骤，也可将两个或多个部件/步骤或者部件/步骤的部分操作组合成新的部件/步骤，以实现本技术实施例的目的。
86.上述根据本技术实施例的方法可在硬件、固件中实现，或者被实现为可存储在记
录介质(诸如cd rom、ram、软盘、硬盘或磁光盘)中的软件或计算机代码，或者被实现通过网络下载的原始存储在远程记录介质或非暂时机器可读介质中并将被存储在本地记录介质中的计算机代码，从而在此描述的方法可被存储在使用通用计算机、专用处理器或者可编程或专用硬件(诸如asic或fpga)的记录介质上的这样的软件处理。可以理解，计算机、处理器、微处理器控制器或可编程硬件包括可存储或接收软件或计算机代码的存储组件(例如，ram、rom、闪存等)，当软件或计算机代码被计算机、处理器或硬件访问且执行时，实现在此描述的导航方法。此外，当通用计算机访问用于实现在此示出的导航方法的代码时，代码的执行将通用计算机转换为用于执行在此示出的导航方法的专用计算机。
87.本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及方法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本技术实施例的范围。
88.以上实施方式仅用于说明本技术实施例，而并非对本技术实施例的限制，有关技术领域的普通技术人员，在不脱离本技术实施例的精神和范围的情况下，还可以做出各种变化和变型，因此所有等同的技术方案也属于本技术实施例的范畴，本技术实施例的专利保护范围应由权利要求限定。