CN107402766A - 页面布局管理方法及装置 - Google Patents

Abstract

本发明涉及互联网技术领域，具体涉及一种页面布局管理方法及装置，该页面布局管理方法及装置应用于终端，该页面布局管理方法包括定义父类函数，所述父类函数内包括抽象类函数，另外定义多个子函数且每一个子函数均继承所述父类函数，通过在每个子函数中继承的父类函数的抽象函数中改写，以使得每个子函数对应实现一种页面布局的功能。通过本方案由于子函数中对继承的抽象类函数改写的内容不同，则不同子函数对应实现不同的页面布局效果，同时子函数均继承父类函数中共有功能，因此，在子函数中不必再重复书写相关代码，以提高了代码的复用效率，减少了开发成本。

Description

页面布局管理方法及装置

技术领域

本发明涉及互联网技术领域，具体而言，涉及一种页面布局管理方法及装置。

背景技术

在斗鱼客户端播列表的开发过程中需要对列表元素进行展示，在使用RecycleView控件的使用过程中需要传递一个管理者Manager用于对布局页面进行相关的管理。斗鱼直播tab页面中存在两种页面，其一是普通的规则排布的页面，也就是每行两列的均匀排布，其二是瀑布流的排布。传统的方案去解决这两种不同页面布局的时候的处理方法是通过编写两个页面来分开进行处理的。但是分成两个页面来独立编写业务逻辑存在下面几个问题，其一是这两个页面的绝大多数业务逻辑都是相同的，比如什么时候发请求，对请求的处理以及错误页面展示等，仅仅对最终的业务数据的UI展示不一样，而这个页面的不一样的主要原因是因为页面的Manager导致的，因为两个页面的布局不同而全部将业务逻辑实现一遍的方法会比较耗时和较大的人工开销。

因此，提供一种提高代码复用效率，同时实现不同页面布局效果的方法是十分必要的。

发明内容

本发明的目的在于提供一种页面布局管理方法，以通过子函数实现不同页面的布局效果，同时不同子函数共用相同的业务逻辑以提高代码的复用率，减少开发成本。

本发明的另一目的在于提供一种页面布局管理装置，以通过子函数实现不同的页面布局效果，同时不同子函数共用相同的业务逻辑以提高代码的复用率，减少开发成本。

为了实现上述目的，本发明实施例采用的技术方案如下：

第一方面，本发明实施例提供了一种页面布局管理方法，应用于终端，所述方法包括：

定义父类函数，所述父类函数包括抽象类函数；

定义多个子函数且每一个子函数均继承所述父类函数；

响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

第二方面，本发明实施例还提供了一种页面布局管理装置，应用于终端，所述装置包括：

第一定义模块，用于定义父类函数，所述父类函数包括抽象类函数；

第二定义模块，用于定义多个子函数且每一个子函数均继承所述父类函数；

函数改写模块，用于响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

本发明实施例提供的一种页面布局管理方法及装置，该页面布局管理方法及装置应用于终端，该页面布局管理方法包括定义父类函数，所述父类函数内包括抽象类函数，另外定义多个子函数且每一个子函数均继承所述父类函数，通过在每个子函数中继承的父类函数的抽象函数中改写，以使得每个子函数对应实现一种页面布局的功能。通过本方案由于子函数中对继承的抽象类函数改写的内容不同，则不同子函数对应实现不同的页面布局效果，同时子函数均继承父类函数中共有功能，因此，在子函数中不必再重复书写相关代码，以提高了代码的复用效率，减少了开发成本。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1示出了本发明实施例提供的一种页面布局管理方法的流程示意图。

图2示出了本发明实施例提供的一种页面布局管理方法的子步骤的流程示意图。

图3示出了本发明实施例提供的一种页面布局管理方法的子步骤的另一种流程示意图。

图4示出了本发明实施例提供的一种页面布局管理装置的功能模块示意图。

图示：100-页面布局管理装置；110-第一定义模块；120-第二定义模块；130-资源获取模块；140-函数改写模块。

具体实施方式

下面将结合本发明实施例中附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本发明实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本发明的实施例的详细描述并非旨在限制要求保护的本发明的范围，而是仅仅表示本发明的选定实施例。基于本发明的实施例，本领域技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本发明保护的范围。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本发明的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

本发明实施例提供的一种页面布局管理方法应用于终端(图中未示出)，该终端可以是，但不限于，手机、平板电脑或台式电脑等其他智能电子设备。该页面布局管理方法通过分别定义父类函数以及子函数，该父函数包括实体类函数以及抽象类函数，其中，实体类函数定义了各个子函数共有的功能。子函数继承父类函数，即子函数同时继承父类函数中的实体类函数以及抽象类函数。

由于实体类函数已经定义了具体的功能，则子函数继承实体类函数后可以完全实现实体类函数中定义的功能，同时子函数可以根据需要由用户对其继承的抽象类函数进行改写，以使得不同子函数实现对应的页面布局功能。本方案中，由于在父类函数中预先定义了各个子函数都将实现的功能，即子函数的共有功能，则不需分别在子函数中书写相应功能的代码，以实现了代码复用。同时，子函数对继承的父类函数中的抽象类函数可以根据个性化的需要进行改写，以实现不同的页面布局功能，满足了个性化的需求。

在本方案中主要通过对子函数的不同改写以分写实现基于Recycleview控件的线性页面布局和瀑布流页面布局，其中线性页面布局为每行每列均匀的布局方式，瀑布流页面布局为不规则的布局方式，如在一行中左边布局一个长方形，右边布局一个正方形。

请参照图1，是本发明实施例提供的一种页面布局管理方法的流程示意图，该页面布局管理方法包括：

步骤S110，定义父类函数，所述父类函数包括抽象类函数。

在父类函数中定义抽象类函数，该抽象类函数为在实体类函数前加上abstract关键字，以使得实体类函数变成抽象类函数。该抽象类函数中可以定义抽象类方法，该抽象类方法为只有方法定义，没有方法具体实现过程的方法，该抽象类函数可以被子函数继承，同时子函数可以对抽象类函数进行改写，以使得实现不同的功能。在本发明实施例中，主要是对Recycleview控件进行设置，以使得Recycleview控件可以展现不同的页面布局效果。由此，使用abstract关键字定义一个抽象类函数为：publicvoidsetupRecycleView()，该抽象类函数setupRecycleView可以被子函数继承，在子函数中可以对抽象类函数setupRecycleView进行改写，以分别实现线性页面布局和瀑布流页面布局。

步骤S120，所述父类函数还包括实体类函数，所述实体类函数包括所有子函数的共同的业务逻辑。

在本发明实施例中，通过子函数以分别实现线性页面布局和瀑布流页面布局，该线性页面布局和瀑布流页面布局除了布局的样式不同，其余功能都相同，则这部分相同的功能定义在实体类函数中，并由子函数直接继承运用，以提高代码的复用率。如该共同的业务逻辑可以为，但不限于，发起请求以及错误页面显示等。

步骤S130，定义多个子函数且每一个子函数均继承所述父类函数。

定义父类函数后，根据需要定义多个子函数，每个子函数分别实现对应的功能。同时，每一个子函数均继承所述父类函数，以获取父类函数中的定义的实体类函数以及抽象类函数。在本发明实施例中，定义两个子函数，同时可以在其继承的抽象类函数中进行改写，以使得其中一个子函数实现线性页面局部的功能，另一个子函数实现瀑布流页面布局的功能，

步骤S140，获取页面布局所需的数据资源，以展示于已布局的页面中。

通过调用RecycleView中的setAdapter方法，以获取页面布局所需的数据资源，该数据资源包括但不限于，图片或文字。该数据资源用于呈现于已经布局好的页面中，供用户查看。

步骤S150，响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

在本发明实施例中，通过对子函数中继承的抽象类函数的改写可分写实现线性页面布局以及瀑布流页面布局，则分别说明两种页面布局的实现方式。

其中线性页面布局的实现方式为：

请参照图2，是本发明实施例提供的一种页面布局管理方法的步骤S150的子步骤的流程示意图，该步骤S150包括：

步骤S151，获取用于页面布局的抽象布局管理者。

通过调用recyclerView中的getLayoutManager方法获取页面布局的抽象布局管理者LayoutManager。

步骤S152，将所述抽象布局管理者转换为线性布局管理者。

将所述抽象布局管理者LayoutManager转换为线性布局管理者GridLayoutManager。

步骤S153，调用所述线性布局管理者的样式方法设置线性布局的样式，以实现线性页面布局。

通过调用gridLayoutManager中的SpanSizeLookup方法设置线性布局的样式，以实现线性页面布局。其中，该线性页面布局的样式为对元素(如图片或文字)进行排列方式的设置。

其中瀑布流页面布局的实现方式为：

请参照图3，是本发明实施例提供的一种页面布局管理方法的步骤S150的另一种子步骤的流程示意图，该步骤S150包括：

步骤S154，获取用于页面布局的抽象布局管理者。

通过调用recyclerView控件中的getLayoutManager方法获取页面布局的抽象管理者LayoutManager。

步骤S155，将所述抽象布局管理者转换为瀑布流布局管理者。

将抽象布局管理者LayoutManager转换为瀑布流布局管理者StaggeredGridLayoutManager。

步骤S156，调用所述瀑布流布局管理者的样式方法设置瀑布流布局的样式，以实现瀑布流布局。

调用recyclerView中的setLayoutManager(staggeredGridLayoutManager)方法，将瀑布流布局管理者StaggeredGridLayoutManager放置于recyclerView控件中。进而，调用瀑布流布局管理者StaggeredGridLayoutManager中定义的方法设置瀑布流布局的样式，以实现瀑布流布局。

在本发明实施例中，只列举了线性页面布局和瀑布流页面布局的实现方法，容易理解的，其他形式的页面布局方式也可以通过本发明实施例示出的方法实现。

请参照图4，是本发明实施例提供的一种页面布局管理装置100的功能模块示意图，该页面布局管理装置100应用于终端，该页面布局管理装置100包括第一定义模块110、第二定义模块120、资源获取模块130以及函数改写模块140，其中，

第一定义模块110，用于定义父类函数，所述父类函数包括抽象类函数。

在本发明实施例中，步骤S110和步骤S120可以由第一定义模块110执行。

第二定义模块120，用于定义多个子函数且每一个子函数均继承所述父类函数。

在本发明实施例中，步骤S130可以由第二定义模块120执行。

资源获取模块130，用于获取页面布局所需的数据资源，以展示于已布局的页面中。

在本发明实施例中，步骤S140可以由资源获取模块130执行。

函数改写模块140，用于响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

在本发明实施例中，步骤S150～S156可以由函数改写模块140执行。

由于在页面布局管理方法已经详细描述，在此不再赘述。

综上所述，本发明实施例提供的一种页面布局管理方法及装置，该页面布局管理方法及装置应用于终端，该页面布局管理方法包括定义父类函数，所述父类函数内包括抽象类函数，另外定义多个子函数且每一个子函数均继承所述父类函数，通过在每个子函数中继承的父类函数的抽象函数中改写，以使得每个子函数对应实现一种页面布局的功能。通过本方案由于子函数中对继承的抽象类函数改写的内容不同，则不同子函数对应实现不同的页面布局效果，同时子函数均继承父类函数中共有功能，因此，在子函数中不必再重复书写相关代码，以提高了代码的复用效率，减少了开发成本。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，也可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，附图中的流程图和框图显示了根据本发明的多个实施例的装置、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现方式中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

所述功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

以上所述仅为本发明的优选实施例而已，并不用于限制本发明，对于本领域的技术人员来说，本发明可以有各种更改和变化。凡在本发明的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。

Claims (10)

1.一种页面布局管理方法，应用于终端，其特征在于，所述方法包括：

定义父类函数，所述父类函数包括抽象类函数；

定义多个子函数且每一个子函数均继承所述父类函数；

响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

2.如权利要求1所述的页面布局管理方法，其特征在于，所述响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局的功能的步骤包括：

获取用于页面布局的抽象布局管理者；

将所述抽象布局管理者转换为线性布局管理者；

调用所述线性布局管理者的样式方法设置线性布局的样式，以实现线性页面布局。

3.如权利要求1所述的页面布局管理方法，其特征在于，所述响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局的步骤包括：

获取用于页面布局的抽象布局管理者；

将所述抽象布局管理者转换为瀑布流布局管理者；

调用所述瀑布流布局管理者的样式方法设置瀑布流布局的样式，以实现瀑布流页面布局。

4.如权利要求1所述的页面布局管理方法，其特征在于，所述方法还包括：

获取页面布局所需的数据资源，以展示于已布局的页面中。

5.如权利要求1所述的页面布局管理方法，其特征在于，所述方法还包括：

所述父类函数还包括实体类函数，所述实体类函数包括所有子函数的共同的业务逻辑。

6.一种页面布局管理装置，应用于终端，其特征在于，所述装置包括：

第一定义模块，用于定义父类函数，所述父类函数包括抽象类函数；

第二定义模块，用于定义多个子函数且每一个子函数均继承所述父类函数；

函数改写模块，用于响应用户的操作改写每个所述子函数继承的父类函数中的抽象类函数，以使得每个子函数对应实现一种页面布局功能。

7.如权利要求6所述的页面布局管理装置，其特征在于，所述函数改写模块还用于：

获取用于页面布局的抽象布局管理者；

将所述抽象布局管理者转换为线性布局管理者；

调用所述线性布局管理者的样式方法设置线性布局的样式，以实现线性页面布局。

8.如权利要求6所述的页面布局管理装置，其特征在于，所述函数改写模块还用于：

获取用于页面布局的抽象布局管理者；

将所述抽象布局管理者转换为瀑布流布局管理者；

调用所述瀑布流布局管理者的样式方法设置瀑布流布局的样式，以实现瀑布流页面布局。

9.如权利要求6所述的页面布局管理装置，其特征在于，所述装置还包括：

资源获取模块，用于获取页面布局所需的数据资源，以展示于已布局的页面中。

10.如权利要求6所述的页面布局管理装置，其特征在于，所述第一定义模块还用于：

所述父类函数还包括实体类函数，所述实体类函数包括所有子函数的共同的业务逻辑。