CN109257643B - 一种直播间展示方法、终端设备及存储介质 - Google Patents

Abstract

本发明公开了一种直播间展示方法、终端设备及存储介质，适用于应用开发领域。本发明提供的方法包括：获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间。本发明可以使得在屏幕切换时不会发生页面混乱，保证直播展示页面的齐整，同时，可提高渲染效率，保障终端页面加载速度。

Description

一种直播间展示方法、终端设备及存储介质

技术领域

本发明涉及应用开发领域，尤其涉及一种直播间展示方法、终端设备及存储介质。

背景技术

在手机的客户端上，有时需要分页展示直播间信息，这些直播间可以是网站推送的一些直播播间。当推送数量较多时，需要分页展示，而且直播间推送顺序可能信息无序庞杂，展示显得不美观，这时一般会用到ListView控件。

ListView控件可以很好的控制当前展示的直播间数量，并能分页展示。但手机客户端经常会进行全屏与小屏的切换，由于直播间信息排版已经设定好，通过修改ListView中的contentX属性值就可以分页展示，而一旦页面切换，contentX属性值不可控，推送页面便会变得混乱。

发明内容

有鉴于此，本发明实施例提供了一种直播间展示方法、终端设备及存储介质，以解决终端大小屏切换时，直播间分页展示混乱出现的问题。

本发明实施例的第一方面，提供了一种直播间展示方法，包括：

获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；

将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；

当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间。

本发明实施例的第二方面，提供了一种终端设备，包括：

存储模块：用于获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；

展示模块：用于将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；

切换模块：用于当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间。

本发明实施例的第三方面，提供了一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如本发明实施例第一方面所述方法的步骤。

本发明实施例的第四方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现本发明实施例第一方面提供的所述方法的步骤。

本发明实施例的第五方面，提供了一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序被一个或多个处理器执行时实现本发明实施例第一方面提供的所述方法的步骤。

本发明实施例中，通过Repeater控件存放直播间数据，经Row控件横向排列后，计算页面切换后页面展示的直播间，使得可以在屏幕切换时不会发生页面混乱，保证直播展示页面的齐整，同时，由于Repeater控件比ListView控件属性更少，基于轻量级的Repeater控件可以减少代码冗余，保障渲染效率。

附图说明

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

图1为本发明实施例提供的一种直播间展示方法的一个实施例流程图；

图2为本发明实施例提供的一种直播间展示方法的另一个实施例流程图；

图3为本发明实施例提供的直播间展示的终端设备的结构示意图；

图4为本发明实施例提供的终端装置的结构示意图。

具体实施方式

本发明实施例提供了一种直播间展示方法、终端设备及存储介质，用于保障在屏幕大小切换时，直播展示页面的齐整。

为使得本发明的发明目的、特征、优点能够更加的明显和易懂，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，下面所描述的实施例仅仅是本发明一部分实施例，而非全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。

实施例一：

请参阅图1，本发明实施例提供的直播间展示方法的流程示意图，包括以下步骤：

S101、获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；

所述推送的直播间即直播平台设定推荐给用户观看的视频直播，可以是与用户兴趣相关或按排名推荐，在此不做限定。

后台的直播间数据在前端用户界面展示时，用户界面一般只会展示直播间相关信息，如直播内容、主播、点击量等。所述Repeater控件为一个容器控件，可用于重复显示项目列表，列表中数据连接到数据库。Repeater为一种轻量级控件，创建房间模板较为简单，可减轻渲染压力，易于加载。

通过Repeater控件创建房间模板，加载后台的数据，该数据主要包括直播内容、主播、点击量等，直播间数据通过Repeater控件可在前端界面展示直播间信息，点击所述直播间信息可以打开对应的直播界面观看直播。

可选的，创建Repeater控件的房间模型，定义所述房间模型的大小、样式及存放的数据类别模型，还包括房间模型ID、组件等。所述房间模型可以接收后台数据，在用户界面展示推送的直播间信息。

可选的，根据所述Repeater控件的模型，在终端界面生成包含有所述直播间概要信息的视图，通过所述直播间概要信息的视图可以链接打开对应的直播间。

S102、将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；

所述Row控件为一种单行布局控件，将所述Repeater控件放入Row控件后可实现Repeater控件横向排列，由于Repeater控件中存放有直播间信息，通过Row控件可实现直播间横向排列。

在本发明实施例中，由于直播间横向排列时，进行屏幕切换会出现页面混乱，而纵向排列时，由于可以在终端界面向下滑动，所以只用保证横向排列的页面齐整。

S103、当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间。

所述切换屏幕大小即在直播间展示页面，点击小屏或全屏时，页面大小会相应改变。所述当前终端界面展示的直播间即用户在当前视图下，点击屏幕切换前展现的直播间，根据当前视图下直播间数量、当前页码，推送直播间总数以及切换后页面可展示直播间数量，计算切换后的页面展示的直播间，切换后的直播间页面以切换前页面的焦点确定，所述焦点即用户点击观看的直播间。用户在横排展示的直播间中选定观看的直播间在当前页面展示，标记当前正在观看的直播间为焦点，当用户未点击观看时，默认当前页码第一个直播间为焦点。

可选的，判断切换后的终端界面是否为全屏模式后，分别获取全屏和非全屏模式下可展示的直播间数量；根据所述焦点在当前终端界面展示的直播间中的位置，计算确定切换后的终端界面展示的直播间及直播间数量。

可选的，将所述Repeater控件放置到Column控件中以在终端界面纵向展示所述直播间。本发明实施例中可以设定直播间的纵向排列。

可选的，当判定切换后所述终端界面上展示的直播间可以翻页时，在切换后的终端界面左边或右边展示对应的翻页图标以进行翻页。在S103计算得到切换展示页面后，计算是否可以向左及向右翻页，当可以翻页时显示翻页图标用以点击翻页。

上述运用于Repeater控件这一轻量级控件可提升直播间加载展示效率，同时计算翻页后页面能保证切换后页面齐整。

实施例二：

在图1的基础上，结合图2实际编程为例，结合代码，详述切换过程，如下：

在S201中，定义Row控件，包括Row控件宽和高，其中通过所述Row控件定义区分用于放所有直播间和放用于展示的直播间，如将存放所有直播间的为roomsRow，将用于展示的Row部分定义为roomsItem。

将Repeater控件放入Row控件中，并在Repeater控件中定义控件ID名，组件和直播间数据模型。其中，在所述组件中定义Repeater控件的大小、颜色、字体等样式。还包括获取鼠标点击事件，记录直播间的编号。

在S203中，计算展示页面宽度，即终端页面宽度。根据终端页面宽度可以确定，Row控件中展示的宽度。具体的，获取被点击的直播间在全部直播间中位置，根据其位置在终端页面可展示宽度。

根据S204中的焦点可以定位到Row控件中应当展示的内容。具体的，设置roomsItem控件的clip为true，可使得其他直播间被剪切不显示。

可选的，计算当前展示页码是否可以向左和向右翻页，具体可根据每页最左或最右的直播间的横坐标判断是否可翻页展示。

本发明实例中，分别根据roomsRow和roomsItem区分所有直播间页面与展示页面，再通过焦点位置确定roomsItem及展示页面横坐标。

实施例三：

上面主要描述了一种直播间展示方法，下面将对一种直播间展示的终端设备进行详细描述。

图3示出了本发明实施例提供的直播间展示的终端设备的结构示意图，包括：

存储模块310：用于获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；

可选的，所述存储模块310还包括：

创建单元：用于创建Repeater控件的模型，定义所述模型的大小、样式及存放的数据类别。

可选的，所述定义单元还包括：

根据所述Repeater控件的模型，在终端界面生成包含有所述直播间概要信息的视图，通过所述直播间概要信息的视图可以链接打开对应的直播间。

展示模块320：用于将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；

可选的，所述展示模块320还包括：

将所述Repeater控件放置到Column控件中以在终端界面纵向展示所述直播间

切换模块330：用于当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击后的直播间。

所述当前终端界面展示的直播间即用户在当前视图下，点击屏幕切换前展现的直播间，根据当前视图下直播间数量、当前页码，推送直播间总数以及切换后页面可展示直播间数量，计算切换后的页面展示的直播间，切换后的直播间页面以切换前页面的焦点确定，所述焦点即用户点击观看的直播间。用户在横排展示的直播间中选定观看的直播间在当前页面展示，标记当前正在观看的直播间为焦点，当用户未点击观看时，默认当前页码第一个直播间为焦点。

可选的，所述切换模块330具体为：

获取单元：用于判断切换后的终端界面是否为全屏模式后，分别获取全屏和非全屏模式下可展示的直播间数量；

计算单元：用于根据所述焦点在当前终端界面展示的直播间中的位置，计算确定切换后的终端界面展示的直播间及直播间数量。

可选的，所述切换模块330还包括：

翻页模块：用于当判定切换后所述终端界面上展示的直播间可以翻页时，在切换后的终端界面左边或右边展示对应的翻页图标以进行翻页。在计算得到切换展示页面后，计算是否可以向左及向右翻页，当可以翻页时显示翻页图标用以点击翻页

上述的终端设备，通过切换模块计算切换后页面，可以在屏幕大小改变时重整直播展示页面。

实施例四：

图4是本发明一实施例提供的直播间展示终端设备结构的示意图。所述终端设备，为具备触摸屏的移动计算机设备，包括但不限于智能手机、智能手表、笔记本、平板电脑、POS机甚至包括车载电脑。如图4所示，该实施例的终端设备4包括：存储器410、处理器420以及系统总线430，所述存储器410包括存储其上的可运行的程序4101，本领域技术人员可以理解，图4中示出的终端设备结构并不构成对终端设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图4对终端设备的各个构成部件进行具体的介绍：

存储器410可用于存储软件程序以及模块，处理器420通过运行存储在存储器410的软件程序以及模块，从而执行终端的各种功能应用以及数据处理。存储器410可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据终端设备的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器410可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

在存储器410上包含网络性能参数采集方法的可运行程序4101，所述可运行程序4101可以被分割成一个或多个模块/单元，所述一个或多个模块/单元被存储在所述存储器410中，并由处理器420执行，以终端展示屏幕切换后的直播间，所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序4101在所述终端设备4中的执行过程。例如，所述计算机程序4101可以被分割为存储模块、展示模块和切换模块。

处理器420是终端设备的控制中心，利用各种接口和线路连接整个终端设备的各个部分，通过运行或执行存储在存储器410内的软件程序和/或模块，以及调用存储在存储器410内的数据，执行终端的各种功能和处理数据，从而对终端进行整体监控。可选的，处理器420可包括一个或多个处理单元；优选的，处理器420可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器420中。

系统总线430是用来连接计算机内部各功能部件，可以传送数据信息、地址信息、控制信息，其种类可以是例如PCI总线、ISA总线、VESA总线等。处理器420的指令通过总线传递至存储器410，存储器410反馈数据给处理器420，系统总线430负责处理器420与存储器410之间的数据、指令交互。当然系统总线430还可以接入其他设备，例如网络接口、显示设备等。

所述终端设备应至少包括CPU、芯片组、内存、磁盘系统等，其他构成部件在此不再赘述。

在本发明实施例中，该终端设备所包括的处理器420执行的可运行程序具体为：

一种直播间展示方法，包括：

获取推送的直播间，并将所述直播间的数据存储到Repeater控件中；

将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间；

当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间。

进一步的，所述获取推送的直播间信息，将所述直播间信息存储到Repeater控件中还包括：

创建Repeater控件的模型，定义所述模型的大小、样式及存放的数据类别。

进一步的，所述创建Repeater控件的模型，定义所述模型的大小、样式及存放的数据类别还包括：

根据所述Repeater控件的模型，在终端界面生成包含有所述直播间概要信息的视图，通过所述直播间概要信息的视图可以链接打开对应的直播间。

进一步的，所述根据当前Row控件在终端界面展示的直播间信息及焦点，计算切换后终端界面展示的直播间信息具体为：

判断切换后的终端界面是否为全屏模式后，分别获取全屏和非全屏模式下可展示的直播间数量；

根据所述焦点在当前终端界面展示的直播间中的位置，计算确定切换后的终端界面展示的直播间及直播间数量。

进一步的，所述将所述Repeater控件放置到Row控件中以在终端界面横向展示所述直播间还包括：

将所述Repeater控件放置到Column控件中以在终端界面纵向展示所述直播间

进一步的，所述根据当前终端界面上展示的直播间及焦点，计算切换后终端界面上展示的直播间还包括：

判断切换后终端界面上展示的直播间是否可以翻页，当向左或向右可翻页时，在切换后的终端界面左边或右边展示对应的翻页图标以进行翻页。

所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统，装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各实施例的模块、单元和/或方法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。

在本申请所提供的几个实施例中，应该理解到，所揭露的系统，装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

以上所述，以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。

Claims (10)

1.一种直播间展示方法，其特征在于，包括：

获取推送的直播间，并将所述直播间的数据存储到 Repeater 控件中；

将所述 Repeater 控件放置到 Row 控件中以在终端界面横向展示所述直播间；

当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间；具体为，切换屏幕大小时， 根据当前视图下直播间数量、当前页码，推送直播间总数以及切换后页面可展示直播间数量，计算切换后的页面展示的直播间,切换后的直播间页面以切换前页面的焦点确定。

2.根据权利要求 1 所述的方法，其特征在于，所述获取推送的直播间，将所述直播间信息存储到 Repeater 控件中还包括：创建 Repeater 控件的模型，定义所述模型的大小、样式及存放的数据类别。

3.根据权利要求 2 所述的方法，其特征在于，所述创建 Repeater 控件的模型，定义所述模型的大小、样式及存放的数据类别还包括：

根据所述 Repeater 控件的模型，在终端界面生成包含有所述直播间概要信息的视图，通过所述直播间概要信息的视图链接打开对应的直播间。

4.根据权利要求 1 所述的方法，其特征在于，所述根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间具体为：

判断切换后的终端界面是否为全屏模式后，分别获取全屏和非全屏模式下可展示的直播间数量；

根据所述焦点在当前终端界面展示的直播间中的位置，计算确定切换后的终端界面展示的直播间。

5.根据权利要求 1 所述的方法，其特征在于，所述将所述 Repeater 控件放置到 Row控件中以在终端界面横向展示所述直播间还包括：

将所述 Repeater 控件放置到 Column 控件中以在终端界面纵向展示所述直播间。

6.根据权利要求 1 所述的方法，其特征在于，所述根据当前终端界面上展示的直播间及焦点，计算切换后终端界面上展示的直播间还包括：

当判定切换后所述终端界面上展示的直播间可以翻页时，在切换后的终端界面左边或右边展示对应的翻页图标以进行翻页。

7.一种终端设备，其特征在于，包括：

存储模块：用于获取推送的直播间，并将所述直播间的数据存储到Repeater 控件中；

展示模块：用于将所述 Repeater 控件放置到 Row 控件中以在终端界面横向展示所述直播间；

切换模块：用于当监测到用户点击切换屏幕大小后，根据当前终端界面上展示的直播间数量及焦点，计算切换后终端界面上展示的直播间，其中，所述焦点为当前用户点击选中的直播间；具体用于，切换屏幕大小时， 根据当前视图下直播间数量、当前页码、推送直播间总数以及切换后页面可展示直播间数量，计算切换后的页面展示的直播间,切换后的直播间页面以切换前页面的焦点确定。

8.根据权利要求 7所述的终端设备，其特征在于，所述切换模块还包括：

翻页模块：用于当判定切换后终端界面上展示的直播间可以翻页时，在切换后的终端界面左边或右边展示对应的翻页图标以进行翻页。

9.一种终端设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求 1 至6 中任一项所述直播间展示方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求 1 至 6 中任一项所述直播间展示方法的步骤。

Images