CN106959795A - 一种直播应用中的图标展示方法及装置 - Google Patents

一种直播应用中的图标展示方法及装置 Download PDF

Info

Publication number
CN106959795A
CN106959795A CN201710101076.7A CN201710101076A CN106959795A CN 106959795 A CN106959795 A CN 106959795A CN 201710101076 A CN201710101076 A CN 201710101076A CN 106959795 A CN106959795 A CN 106959795A
Authority
CN
China
Prior art keywords
icon
live application
application interface
layout pattern
information
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710101076.7A
Other languages
English (en)
Inventor
张佰春
左文平
李超
张菊元
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Panda Mutual Entertainment Technology Co Ltd
Original Assignee
Beijing Panda Mutual Entertainment Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Panda Mutual Entertainment Technology Co Ltd filed Critical Beijing Panda Mutual Entertainment Technology Co Ltd
Priority to CN201710101076.7A priority Critical patent/CN106959795A/zh
Publication of CN106959795A publication Critical patent/CN106959795A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/488—Data services, e.g. news ticker
    • H04N21/4888—Data services, e.g. news ticker for displaying teletext characters

Landscapes

  • Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供了一种直播应用中的图标展示方法及装置。其中，该直播应用中的图标展示方法包括如下步骤：展示直播应用界面，直播应用界面包括图标控件；响应于对图标控件的触发操作，向服务器发送图标切换请求；接收服务器根据图标切换请求下发的图标切换信息；根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小，从而解决了客户端展示给用户的图标列表中的图标布局样式和大小在使用时不够灵活，导致用户的体验较差的技术问题。

Description

一种直播应用中的图标展示方法及装置
技术领域
本发明涉及图标展示领域，尤其涉及一种直播应用中的图标展示方法及装置。
背景技术
在直播应用中，常常以列表方式展示直播间或频道信息，以供用户选择。该列表通常由直播间或频道的图标构成。
现有技术中，服务器预先设置图标列表中图标的布局样式以及大小，然后提供给客户端，由客户端展示给用户。这种方式展示的图标列表在使用时不够灵活，用户体验度较差。
发明内容
本发明所要解决的技术问题在于提供一种直播应用中的图标展示方法及装置，通过切换直播应用界面当前展示的图标的布局样式和/或大小，解决了客户端展示给用户的图标列表中的图标布局样式和大小在使用时不够灵活，导致用户的体验较差的技术问题。
为了解决上述问题，本发明实施例提供一种直播应用中的图标展示方法，包括：
展示直播应用界面，所述直播应用界面包括图标控件；
响应于对所述图标控件的触发操作，向服务器发送图标切换请求；
接收所述服务器根据所述图标切换请求下发的图标切换信息；
根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小。
可选地，所述直播应用界面还包括导航条；
对所述图标控件进行触发操作之前，所述方法还包括：
响应于所述导航条上的触发操作，显示一浮层，所述浮层包括所述图标控件。
可选地，所述方法还包括：响应于对所述图标控件的触发操作，隐藏所述浮层。
可选地，所述图标切换信息包括：图标大小指示信息；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的大小，包括：
从本地缓存中，获取所述直播应用界面当前展示的图标；
根据所述图标大小指示信息，拉伸或收缩所述图标，以获得拉伸或收缩后的图标；
将所述直播应用界面当前展示的所述图标，替换为所述拉伸或收缩后的图标。
可选地，所述图标切换信息包括：布局样式指示信息；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式，包括：
从本地缓存中，获取所述直播应用界面当前展示的图标；
根据所述布局样式指示信息，更改所述图标的布局样式，以获得更改布局样式后的图标；
将所述直播应用界面当前展示的所述图标，替换为所述更改布局样式后的图标。
可选地，所述图标包括图片主体和依附于所述图片主体的图片信息；
所述根据所述布局样式指示信息，更改所述图标的布局样式，以获得更改布局样式后的图标，包括：
根据所述布局样式指示信息，更改所述图片信息的内容和/或所述图片信息在所述图片主体上的位置。
可选地，所述图标切换信息包括：目标图标，所述目标图标的布局样式和/或大小不同于所述直播应用界面当前展示的所述图标；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小，包括：
将所述直播应用界面当前展示的图标，替换为所述目标图标。
本发明实施例还提供一种直播应用中的图标展示装置，包括：
界面展示模块，用于展示直播应用界面，所述直播应用界面包括图标控件；
请求发送模块，用于响应于对所述图标控件的触发操作，向服务器发送图标切换请求；
信息接收模块，用于接收所述服务器根据所述图标切换请求下发的图标切换信息；
图标切换模块，用于根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小。
可选地，所述界面展示模块，还用于在所述直播应用界面上展示导航条；以及，
响应于所述导航条上的触发操作，显示一浮层，所述浮层包括所述图标控件。
可选地，所述装置还包括：浮层隐藏模块，用于响应于对所述图标控件的触发操作，隐藏所述浮层。
与现有技术相比，本发明实施例在直播应用界面上设置图标控件，并且可以响应于对图标控件的触发操作，向服务器发送图标切换请求；以及根据服务器下发的图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小。由于可以通过触发操作灵活切换图标的布局样式和/或大小，解决了客户端展示给用户的图标列表中的图标布局样式和大小在使用时不够灵活，导致用户的体验较差的技术问题。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出了根据本发明一实施例所述的直播应用中的图标展示方法的流程示意图；
图2示出了根据本发明又一实施例所述的直播应用中的图标展示方法的流程示意图；
图3示出了根据本发明又一实施例所述的直播应用中的图标展示装置的模块结构图。
图4示出了根据本发明又一实施例所述的图标切换模块的结构图。
图5示出了根据本发明另一实施例所述的图标切换模块的结构图。
具体实施方式
为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
如图1所示，为本发明一实施例所述的直播应用中的图标展示方法的流程示意图，包括以下步骤：
S101：展示直播应用界面，直播应用界面包括图标控件。
当用户使用直播应用浏览直播间或频道信息时，直播应用通常向用户展示一界面，该直播应用界面可以是直播应用中的任何界面，例如各类频道下的直播间列表界面，也可以是直播应用的首界面等。直播应用中的频道包括但不限于：体育直播频道、各类游戏直播频道、户外直播频道、星秀直播频道等。每个直播频道下面包括多个直播间，在每个直播频道下面通过直播间列表界面展示各直播间的图标。
直播应用界面包括一个或多个图标控件，例如大图控件和小图控件，或者将二者合二为一的大小图控件。其中，大图控件和小图控件，或者合二为一的大小图控件主要用于调整图标的大小。例如，点击大图控件可以将直播应用界面中的图标变为大图标；点击小图控件可以将直播应用界面中的图标变为小图标。对于合二为一的大小图控件来说，如果直播应用界面当前展示的图标是大图标，则点击大小图控件可以将直播应用界面中的图标变为小图标；反之，如果直播应用界面当前展示的图标是小图标，点击大小图控件可以将直播应用界面中的图标变为大图标。当然，还可以包括可以改变图标的布局样式的控件，或者改变图标的布局样式的控件和改变图标大小的控件作为一个控件实现。
另外，图标控件可以位于直播应用界面内的任意位置。例如，图标控件可位于直播应用界面左上角、右上角等位置。
S102：响应于对图标控件的触发操作，向服务器发送图标切换请求。
S103：接收服务器根据图标切换请求下发的图标切换信息。
当需要改变图标的布局样式和/或大小时，可以对图标控件进行触发操作，以触发图标切换操作。所述触发操作可以包括点击、双击、鼠标悬停、触控等，凡是可以触发图标控件的操作均适用于本发明实施例。
对图标控件进行触发操作之后，客户端响应于该触发操作，向服务器发送图标切换请求。对服务器来说，可以接收客户端发送的图标切换请求，根据图标切换请求确定客户端需要切换直播应用界面上的图标的布局样式和/或大小，于是向客户端下发图标切换信息。所述图标切换信息用于指导客户端对直播应用界面上的图标的布局样式和/或大小进行切换。
S104：根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小。
客户端接收到服务器下发的图标切换信息后，可根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小。
可选地，在一应用场景中，为了提高直播应用界面的空间利用率以及展示更多的直播应用信息，可以将当前展示的图标切换为小图标；或者为了更清楚地展示图标，将当前展示的图标切换为大图标。此外，还可以切换当前展示的图标的布局样式。优选地，有两种布局样式，且分别适用于大图标与小图标，以对图标进行科学合理地布局。
与现有技术相比，本实施例提供的一种直播应用中的图标展示方法，在直播应用界面上设置图标控件，并且可以响应于对图标控件的触发操作，客户端向服务器请求图标切换信息，从而客户端可以根据图标切换信息对当前界面图标的布局样式和/或大小进行切换。如此，该方法能够灵活地改变直播应用图标的布局样式和/或大小，有效提升了在浏览直播间或频道时的用户体验。
参见图2，为本发明又一实施例提所述的直播应用中的图标展示方法的流程示意图，本实施例与上述实施例大致相同，两者间的差异在于：图标控件隐藏于导航条关联的浮层中。如图2所示，本实施例提供的方法包括以下步骤：
S201：展示直播应用界面，所述直播应用界面包括导航条。
S202：响应于导航条上的触发操作，显示一浮层，所述浮层包括图标控件。
导航条可位于直播应用界面的上方、下方、左侧和/或右侧。在一可选应用场景中，导航条可包括位于直播应用界面上方和下方的导航条。一种情况下，下方的导航条显示的是大分类，则上方的导航条显示的是所在大分类下的小分类；另一种情况下，上方的导航条显示的是大分类，则下方的导航条显示的是所在大分类下的小分类。界面上的导航条为用户提供了进入不同直播频道或直播间的快速入口。
响应于对导航条的触发操作，可从当前界面切换到下一频道或直播间界面。可选地，对导航条的触发操作除了可以切换到下一频道或直播间界面之外，还会触发显示一包含图标控件的浮层，图标控件位于浮层上能够有效节省界面空间。基于此，当需要切换图标的样式布局和/或大小时，可对浮层上图标控件进行触发操作，以触发对图标的样式布局和/或大小的切换动作。
除上述实施方式之外，也可以在触发导航条以进入下一界面之后，再次触发导航条或者当前直播应用界面内的空白区域，以显示浮层。对导航条的触发操作可以是点击导航条上标签、点击导航条上的空白区域、在导航条上进行滑动、鼠标悬停于导航条上等方式。
S203：响应于对图标控件的触发操作，向服务器发送图标切换请求。
对浮层上的图标控件执行触发操作，响应于该触发操作，直播应用向服务器发送图标切换请求。
S204：响应于对图标控件的触发操作，隐藏浮层。
对图标控件进行触发操作之后，图标控件及其所在的浮层就失去了作用，此时隐藏浮层，从而进一步节省了界面空间，也可以避免浮层对界面信息的遮挡。
优选地，浮层可以是自动隐藏，或者响应于对界面的相关操作，例如点击浮层或向上滑动浮层等操作，或者点击导航条上标签的操作，或者切换标签的操作等，而隐藏浮层。
S205：接收服务器根据图标切换请求下发的图标切换信息。
S206：根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小。
S205、S206分别与上述实施例的S103、S104相同，具体实施方式参见上述实施例，本实施例不再赘述。
本实施例通过浮层的设置，实现了一种动态的展示效果；将图标控件设于浮层上，以及通过触发操作显示或者隐藏浮层，使得可以根据用户的需要自主控制图标控件的显示与隐藏，有效节省了界面空间。
现有技术中，图标的大小及布局样式是由服务器预先设置的，不可更改。例如，主播头像图片始终保持预先设置的大小，主播昵称也保持预先设置的大小并位于图片的固定位置。如果用户觉得图片太小或者昵称太小，则无法将图片或昵称变大；如果昵称遮挡了图片上用户感兴趣的部分，也无法将昵称移开。采用本发明上述实施或下述实施例，可以解决上述问题。
在一可选实施方式中，服务器下发的图标切换信息包括：图标大小指示信息，则可以根据所述图标大小指示信息，切换直播应用界面当前展示的图标的大小。
具体地，在S104处，可以从本地缓存中获取直播应用界面当前展示的图标。图标的数据保存在本地缓存中，使得能够直接从本地缓存中获取，避免了向服务器请求导致的切换时间较长的问题。
然后，根据图标大小指示信息，拉伸或收缩图标，以获得拉伸或收缩后的图标。优选地，图标包括图片主体和依附于所述图片主体的图片信息，图片信息包括缩略图、主播位置、昵称、热度及等级等。图标大小指示信息包括图标变大的指示信息或图标变小的指示信息。可以根据图标变大的指示信息，等比例拉伸图片及图片信息；或者，可以根据图标变小的指示信息，等比例收缩图片及图片信息。基于此，不仅图片变大，图片上的昵称、热度等图片信息也变大了。除了等比例拉伸或收缩的方式外，也可以重新设置图标的宽度和/或高度，以实现图标的大小切换。
接着，将直播应用界面当前展示的图标，替换为拉伸或收缩后的图标。优选地，清空直播应用界面当前展示的图标，将拉伸或收缩后的图标填充到直播应用界面的相应位置。优选地，在此过程中，仅对图标区域进行局部的刷新，界面的其他部分如导航条，则不刷新。
除了可以实现图标大小的切换，还可以对图标的布局样式进行切换。在一可选实施方式中，服务器下发的图标切换信息包括：布局样式指示信息，则可以根据所述布局样式指示信息，切换直播应用界面当前展示的图标的布局样式。
优选地，在S104处，可以从本地缓存中，获取直播应用界面当前展示的图标。然后，根据布局样式指示信息，更改图标的布局样式，以获得更改布局样式后的图标。优选地，第一方面，更改图标的布局样式可以是更改图片信息的内容。例如小图标时，图片信息包括主播位置、昵称、热度及等级。由于小图标位置有限，不显示缩略图。当小图标切换到大图标时，除了原有的图片信息之外，还显示缩略图，以展示主播更丰富的信息。第二方面，更改图标的布局样式还可以是更改图片信息在图片主体上的位置。例如小图标时，为了避免遮挡图片上的主播头像，昵称、热度及等级位于图片的下方，横向排布，主播位置位于图片的右上角。当切换到大图标时，由于有足够的空间，将图片信息均设置在图片的下方，并且将昵称与热度纵向排布在图片上。如此，显得大图标更加干净、富有美感。
接着，将直播应用界面当前展示的图标，替换为更改布局样式后的图标。
需要说明的是，用户可以根据实际需要选择切换图标大小或者布局样式，也可以选择二者都切换。
上述实施例都是根据当前展示的图标数据，执行布局样式和/或大小的切换。此外，在一可选实施方式中，图标切换信息包括：目标图标，所述目标图标的布局样式和/或大小不同于直播应用界面当前展示的图标。相应地，将所述直播应用界面当前展示的所述图标，替换为所述目标图标。优选地，可以向服务器请求目标图标。
具体地，根据图标变大的指示信息，向服务器请求大图标，接收服务器下发的大图标并替换当前展示的小图标。其中，大图标的清晰度不低于当前展示的小图标。需要说明的是，将大图标切换到小图标时与上述操作相似，小图标的清晰度也不低于当前展示的大图标，以便增强用户的浏览体验。
如图3所示，本发明实施例还提供一种直播应用中的图标展示装置300，包括：
界面展示模块301，用于展示直播应用界面，直播应用界面包括图标控件。
当用户使用直播应用浏览直播间或频道信息时，界面展示模块301通常向用户展示一界面，该直播应用界面可以是直播应用中的任何界面，例如各类频道下的直播间列表界面，也可以是直播应用的首界面等。直播应用中的频道包括但不限于：体育直播频道、各类游戏直播频道、户外直播频道、星秀直播频道等。每个直播频道下面包括多个直播间，在每个直播频道下面通过直播间列表界面展示各直播间的图标。
其中，大图控件和小图控件，或者合二为一的大小图控件主要用于调整图标的大小。例如，点击大图控件可以将直播应用界面中的图标变为大图标；点击小图控件可以将直播应用界面中的图标变为小图标。对于合二为一的大小图控件来说，如果直播应用界面当前展示的图标是大图标，则点击大小图控件可以将直播应用界面中的图标变为小图标；反之，如果直播应用界面当前展示的图标是小图标，点击大小图控件可以将直播应用界面中的图标变为大图标。当然，还可以包括可以改变图标的布局样式的控件，或者改变图标的布局样式的控件和改变图标大小的控件作为一个控件实现。
另外，图标控件可以位于直播应用界面内的任意位置。例如，图标控件可位于直播应用界面左上角、右上角等位置。
请求发送模块302，用于响应于对图标控件的触发操作，向服务器发送图标切换请求。
信息接收模块303，用于接收服务器根据图标切换请求下发的图标切换信息。
当需要改变图标的布局样式和/或大小时，可以对图标控件进行触发操作，以触发图标切换操作。优选地，触发操作可以包括点击、双击、鼠标悬停、触控等，凡是可以触发图标控件的操作均适用于本发明实施例。
在对图标控件进行触发操作之后，请求发送模块302响应于该触发操作，向服务器发送图标切换请求。对服务器来说，可以接收客户端发送的图标切换请求，根据图标切换请求确定客户端需要切换直播应用界面上的图标的布局样式和/或大小，于是向信息接收模块303下发图标切换信息。所述图标切换信息用于指导客户端对直播应用界面上的图标的布局样式和/或大小进行切换。
图标切换模块304，用于根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小。
信息接收模块303接收到服务器下发的图标切换信息后，图标切换模块304根据图标切换信息，切换直播应用界面当前展示的图标的布局样式和/或大小。
可选地，在一应用场景中，为了提高直播应用界面的空间利用率以及展示更多的直播应用信息，可以将当前展示的图标切换为小图标；或者为了更清楚地展示图标，将当前展示的图标切换为大图标。此外，还可以切换当前展示的图标的布局样式。优选地，有两种布局样式，且分别适用于大图标与小图标，以对图标进行科学合理地布局。
与现有技术相比，本实施例提供的直播应用中的图标展示装置，能够灵活地改变直播应用图标的布局样式和/或大小，有效提升了在浏览直播间或频道时的用户体验。
可选地，界面展示模块301还用于在直播应用界面上展示导航条；以及，响应于导航条上的触发操作，显示一浮层，浮层包括图标控件。
导航条可位于直播应用界面的上方、下方、左侧和/或右侧。在一可选应用场景中，导航条可包括位于直播应用界面上方和下方的导航条，一种情况下，下方的导航条显示的是大分类，则上方的导航条显示的是所在大分类下的小分类；另一种情况下，上方的导航条显示的是大分类，则下方的导航条显示的是所在大分类下的小分类。界面上的导航条为用户提供了进入不同直播频道或直播间的快速入口。
界面展示模块301响应于对导航条的触发操作，可从当前界面切换到下一频道或直播间界面。可选地，对导航条的触发操作除了可以切换到下一频道或直播间界面之外，还会触发界面展示模块301显示一包含图标控件的浮层，图标控件位于浮层上能够有效节省界面空间。基于此，当需要切换图标的样式布局和/或大小时，可对浮层上图标控件进行触发操作，以触发对图标的样式布局和/或大小的切换动作。
除上述实施方式之外，也可以在触发导航条以进入下一界面之后，再次触发导航条或者当前直播应用界面内的空白区域，界面展示模块301响应于该触发操作，显示浮层。对导航条的触发操作可以是点击导航条上标签、点击导航条上的空白区域、在导航条上进行滑动、鼠标悬停于导航条上等方式。
可选地，本发明又一实施例提供的一种直播应用中的图标展示装置，还包括：浮层隐藏模块，用于响应于对图标控件的触发操作，隐藏浮层。
对图标控件进行触发操作之后，图标控件及其所在的浮层就失去了作用，此时浮层隐藏模块隐藏浮层，从而进一步节省了界面空间，也可以避免浮层对界面信息的遮挡。
优选地，浮层隐藏模块可以是自动隐藏浮层，或者响应于对界面的相关操作，例如点击浮层或向上滑动浮层等操作，或者点击导航条上标签的操作，或者切换标签的操作等，而隐藏浮层。
本实施例通过浮层的设置，实现了一种动态的展示效果；将图标控件设于浮层上，以及通过触发操作显示或者隐藏浮层，使得可以根据用户的需要自主控制图标控件的显示与隐藏，有效节省了界面空间。
可选地，参见图4，图标切换模块304包括图标大小切换单元401以及图标布局样式切换单元402中的至少一种。
可选地，图标切换信息包括：图标大小指示信息。相应地，图标大小切换单元401，用于根据图标大小指示信息，切换直播应用界面当前展示的图标的大小。
优选地，图标大小切换单元401可以从本地缓存中获取直播应用界面当前展示的图标；根据图标大小指示信息，拉伸或收缩图标，以获得拉伸或收缩后的图标；将直播应用界面当前展示的图标，替换为拉伸或收缩后的图标。
其中，将图标的数据保存在本地缓存中，使得能够直接从本地缓存中获取，避免了向服务器请求导致的切换时间较长的问题。
其中，图标包括图片主体和依附于所述图片主体的图片信息，图片信息包括缩略图、主播位置、昵称、热度及等级等。图标大小指示信息包括图标变大的指示信息或图标变小的指示信息。优选地，图标大小切换单元401可以根据图标变大的指示信息，等比例拉伸图片及图片信息；或者，可以根据图标变小的指示信息，等比例收缩图片及图片信息。基于此，不仅图片变大，图片上的昵称、热度等图片信息也变大了。除了等比例拉伸或收缩的方式外，图标大小切换单元401也可以重新设置图标的宽度和/或高度，以实现图标的大小切换。
优选地，图标大小切换单元401在将直播应用界面当前展示的图标，替换为拉伸或收缩后的图标时，可以清空直播应用界面当前展示的图标，将拉伸或收缩后的图标填充到直播应用界面的相应位置。优选地，在此过程中，图标大小切换单元401可以仅对图标区域进行局部的刷新，界面的其他部分如导航条，则不刷新。
除了可以实现图标大小的切换，还可以对图标的布局样式进行切换。在一可选实施方式中，图标切换信息包括：布局样式指示信息。相应地，图标布局样式切换单元402，用于根据所述布局样式指示信息，切换直播应用界面当前展示的图标的布局样式。
优选地，图标布局样式切换单元402可以从本地缓存中，获取直播应用界面当前展示的图标；根据布局样式指示信息，更改图标的布局样式，以获得更改布局样式后的图标；将直播应用界面当前展示的图标，替换为更改布局样式后的图标。
优选地，第一方面，图标布局样式切换单元402可以更改图片信息的内容。例如小图标时，图片信息包括主播位置、昵称、热度及等级。由于小图标位置有限，缩略图不显示。当小图标切换到大图标时除了原有的图片信息之外，还显示缩略图，以展示主播更丰富的信息。第二方面，图标布局样式切换单元402可以更改图片信息在图片主体上的位置。例如小图标时，为了避免遮挡图片上的主播头像，昵称、热度及等级位于图片的下方，横向排布，主播位置位于图片的右上角。当切换到大图标时，由于有足够的空间，将图片信息均设置在图片的下方，并且将昵称与热度纵向排布在图片上。如此，显得大图标更加干净、富有美感。
需要说明的是，用户可以根据实际需要选择切换图标大小或者布局样式，也可以选择二者都切换。
上述实施例都是根据当前展示的图标数据，执行布局样式和/或大小的切换。此外，在一可选实施方式中，图标切换信息包括：目标图标，所述目标图标的布局样式和/或大小不同于直播应用界面当前展示的图标。相应地，参见图5，图标切换模块304可以包括目标图标切换单元403。所述目标图标切换单元403，用于将所述直播应用界面当前展示的所述图标，替换为所述目标图标。优选地，目标图标切换单元403可以向服务器请求目标图标。
具体地，目标图标切换单元403根据图标变大的指示信息，向服务器请求大图标，接收服务器下发的大图标并替换当前展示的小图标。其中，大图标的清晰度不低于当前展示的小图标。需要说明的是，将大图标切换到小图标时与上述操作相似，小图标的清晰度也不低于当前展示的大图标，以便增强用户的浏览体验。
在此提供的算法和显示不与任何特定计算机、虚拟***或者其它设备固有相关。各种通用***，如IOS、安卓，也可以与基于在此的示教一起使用。根据上面的描述，构造这类***所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

Claims (10)

1.一种直播应用中的图标展示方法，其特征在于，包括：
展示直播应用界面，所述直播应用界面包括图标控件；
响应于对所述图标控件的触发操作，向服务器发送图标切换请求；
接收所述服务器根据所述图标切换请求下发的图标切换信息；
根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小。
2.根据权利要求1所述的方法，其特征在于，所述直播应用界面还包括导航条；
对所述图标控件进行触发操作之前，所述方法还包括：
响应于所述导航条上的触发操作，显示一浮层，所述浮层包括所述图标控件。
3.根据权利要求2所述的方法，其特征在于，所述方法还包括：
响应于对所述图标控件的触发操作，隐藏所述浮层。
4.根据权利要求1所述的方法，其特征在于，所述图标切换信息包括：图标大小指示信息；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的大小，包括：
从本地缓存中，获取所述直播应用界面当前展示的图标；
根据所述图标大小指示信息，拉伸或收缩所述图标，以获得拉伸或收缩后的图标；
将所述直播应用界面当前展示的所述图标，替换为所述拉伸或收缩后的图标。
5.根据权利要求1-4任一项所述的方法，其特征在于，所述图标切换信息包括：布局样式指示信息；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式，包括：
从本地缓存中，获取所述直播应用界面当前展示的图标；
根据所述布局样式指示信息，更改所述图标的布局样式，以获得更改布局样式后的图标；
将所述直播应用界面当前展示的所述图标，替换为所述更改布局样式后的图标。
6.根据权利要求5所述的方法，其特征在于，所述图标包括图片主体和依附于所述图片主体的图片信息；
所述根据所述布局样式指示信息，更改所述图标的布局样式，以获得更改布局样式后的图标，包括：
根据所述布局样式指示信息，更改所述图片信息的内容和/或所述图片信息在所述图片主体上的位置。
7.根据权利要求1-3任一项所述的方法，其特征在于，所述图标切换信息包括：目标图标，所述目标图标的布局样式和/或大小不同于所述直播应用界面当前展示的图标；
所述根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小，包括：
将所述直播应用界面当前展示的所述图标，替换为所述目标图标。
8.一种直播应用中的图标展示装置，其特征在于，包括：
界面展示模块，用于展示直播应用界面，所述直播应用界面包括图标控件；
请求发送模块，用于响应于对所述图标控件的触发操作，向服务器发送图标切换请求；
信息接收模块，用于接收所述服务器根据所述图标切换请求下发的图标切换信息；
图标切换模块，用于根据所述图标切换信息，切换所述直播应用界面当前展示的图标的布局样式和/或大小。
9.根据权利要求8所述的装置，其特征在于，
所述界面展示模块，还用于在所述直播应用界面上展示导航条；以及，
响应于所述导航条上的触发操作，显示一浮层，所述浮层包括所述图标控件。
10.根据权利要求9所述的装置，其特征在于，还包括：
浮层隐藏模块，用于响应于对所述图标控件的触发操作，隐藏所述浮层。
CN201710101076.7A 2017-02-23 2017-02-23 一种直播应用中的图标展示方法及装置 Pending CN106959795A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710101076.7A CN106959795A (zh) 2017-02-23 2017-02-23 一种直播应用中的图标展示方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710101076.7A CN106959795A (zh) 2017-02-23 2017-02-23 一种直播应用中的图标展示方法及装置

Publications (1)

Publication Number Publication Date
CN106959795A true CN106959795A (zh) 2017-07-18

Family

ID=59480982

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710101076.7A Pending CN106959795A (zh) 2017-02-23 2017-02-23 一种直播应用中的图标展示方法及装置

Country Status (1)

Country Link
CN (1) CN106959795A (zh)

Cited By (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109388498A (zh) * 2018-09-30 2019-02-26 武汉斗鱼网络科技有限公司 一种互斥的处理方法、装置、设备及介质
CN109660853A (zh) * 2017-10-10 2019-04-19 腾讯科技（北京）有限公司 视频直播中的互动方法、装置及***
CN110764670A (zh) * 2019-11-06 2020-02-07 网易（杭州）网络有限公司 虚拟对象的名称信息处理方法及装置、介质、电子设备
CN111093084A (zh) * 2019-12-27 2020-05-01 贵阳朗玛信息技术股份有限公司 一种直播中应用场景的制作方法及装置
WO2020143795A1 (zh) * 2019-01-12 2020-07-16 北京字节跳动网络技术有限公司 一种视频上展示信息的方法、装置、设备和存储介质
CN111435999A (zh) * 2019-01-12 2020-07-21 北京字节跳动网络技术有限公司 一种视频上展示信息的方法、装置、设备和存储介质
CN112306606A (zh) * 2020-10-30 2021-02-02 上海连尚网络科技有限公司 一种用于呈现控件样式的方法与设备
CN113970989A (zh) * 2020-07-22 2022-01-25 宝能汽车集团有限公司 图标展示方法、图标展示装置和车辆
WO2022165664A1 (zh) * 2021-02-03 2022-08-11 百果园技术(新加坡)有限公司 直播界面的显示方法、装置、终端、服务器及存储介质
WO2022205772A1 (zh) * 2021-03-31 2022-10-06 北京达佳互联信息技术有限公司 直播间的页面元素展示方法及装置
US11526269B2 (en) 2019-01-12 2022-12-13 Shanghai marine diesel engine research institute Video playing control method and apparatus, device, and storage medium
CN117596418A (zh) * 2023-10-11 2024-02-23 书行科技(北京)有限公司 直播间ui展示控制方法、装置、电子设备及存储介质

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103678646A (zh) * 2013-12-20 2014-03-26 乐视网信息技术（北京）股份有限公司 一种页面呈现方法及装置
CN104077040A (zh) * 2013-03-28 2014-10-01 腾讯科技（深圳）有限公司 在wap页面进行大图切换的方法、装置及触摸屏设备
CN104391724A (zh) * 2014-12-05 2015-03-04 广州三星通信技术研究有限公司 重配置图标位置的方法和装置
CN105528141A (zh) * 2015-12-04 2016-04-27 魅族科技（中国）有限公司 一种图标管理方法以及终端
CN105630273A (zh) * 2014-10-31 2016-06-01 Tcl集团股份有限公司 一种多图标显示方法和装置
US20160162157A1 (en) * 2014-12-05 2016-06-09 Samsung Electronics Co., Ltd. Method and apparatus for relocating an icon
CN105867931A (zh) * 2016-04-07 2016-08-17 北京橙鑫数据科技有限公司 信息展示界面的变更方法和装置
CN105912449A (zh) * 2015-10-30 2016-08-31 乐视移动智能信息技术（北京）有限公司 一种直播内容动态提醒的方法及装置
CN106055243A (zh) * 2016-05-23 2016-10-26 北京金山安全软件有限公司 一种应用程序图标处理方法、装置及电子设备
CN106155503A (zh) * 2015-03-26 2016-11-23 北京壹人壹本信息科技有限公司 一种图标页面快速切换方法、***及终端
CN106293307A (zh) * 2015-05-18 2017-01-04 中兴通讯股份有限公司 图标设置方法及装置

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104077040A (zh) * 2013-03-28 2014-10-01 腾讯科技（深圳）有限公司 在wap页面进行大图切换的方法、装置及触摸屏设备
CN103678646A (zh) * 2013-12-20 2014-03-26 乐视网信息技术（北京）股份有限公司 一种页面呈现方法及装置
CN105630273A (zh) * 2014-10-31 2016-06-01 Tcl集团股份有限公司 一种多图标显示方法和装置
CN104391724A (zh) * 2014-12-05 2015-03-04 广州三星通信技术研究有限公司 重配置图标位置的方法和装置
US20160162157A1 (en) * 2014-12-05 2016-06-09 Samsung Electronics Co., Ltd. Method and apparatus for relocating an icon
CN106155503A (zh) * 2015-03-26 2016-11-23 北京壹人壹本信息科技有限公司 一种图标页面快速切换方法、***及终端
CN106293307A (zh) * 2015-05-18 2017-01-04 中兴通讯股份有限公司 图标设置方法及装置
CN105912449A (zh) * 2015-10-30 2016-08-31 乐视移动智能信息技术（北京）有限公司 一种直播内容动态提醒的方法及装置
CN105528141A (zh) * 2015-12-04 2016-04-27 魅族科技（中国）有限公司 一种图标管理方法以及终端
CN105867931A (zh) * 2016-04-07 2016-08-17 北京橙鑫数据科技有限公司 信息展示界面的变更方法和装置
CN106055243A (zh) * 2016-05-23 2016-10-26 北京金山安全软件有限公司 一种应用程序图标处理方法、装置及电子设备

Cited By (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109660853A (zh) * 2017-10-10 2019-04-19 腾讯科技（北京）有限公司 视频直播中的互动方法、装置及***
CN109388498A (zh) * 2018-09-30 2019-02-26 武汉斗鱼网络科技有限公司 一种互斥的处理方法、装置、设备及介质
CN109388498B (zh) * 2018-09-30 2020-05-12 武汉斗鱼网络科技有限公司 一种互斥的处理方法、装置、设备及介质
US11550457B2 (en) 2019-01-12 2023-01-10 Beijing Bytedance Network Technology Co., Ltd. Method, device, apparatus and storage medium of displaying information on video
US11526269B2 (en) 2019-01-12 2022-12-13 Shanghai marine diesel engine research institute Video playing control method and apparatus, device, and storage medium
WO2020143795A1 (zh) * 2019-01-12 2020-07-16 北京字节跳动网络技术有限公司 一种视频上展示信息的方法、装置、设备和存储介质
CN111435999A (zh) * 2019-01-12 2020-07-21 北京字节跳动网络技术有限公司 一种视频上展示信息的方法、装置、设备和存储介质
CN111435999B (zh) * 2019-01-12 2022-06-17 北京字节跳动网络技术有限公司 一种视频上展示信息的方法、装置、设备和存储介质
CN110764670B (zh) * 2019-11-06 2021-04-23 网易（杭州）网络有限公司 虚拟对象的名称信息处理方法及装置、介质、电子设备
CN110764670A (zh) * 2019-11-06 2020-02-07 网易（杭州）网络有限公司 虚拟对象的名称信息处理方法及装置、介质、电子设备
CN111093084A (zh) * 2019-12-27 2020-05-01 贵阳朗玛信息技术股份有限公司 一种直播中应用场景的制作方法及装置
CN113970989A (zh) * 2020-07-22 2022-01-25 宝能汽车集团有限公司 图标展示方法、图标展示装置和车辆
CN112306606A (zh) * 2020-10-30 2021-02-02 上海连尚网络科技有限公司 一种用于呈现控件样式的方法与设备
WO2022165664A1 (zh) * 2021-02-03 2022-08-11 百果园技术(新加坡)有限公司 直播界面的显示方法、装置、终端、服务器及存储介质
WO2022205772A1 (zh) * 2021-03-31 2022-10-06 北京达佳互联信息技术有限公司 直播间的页面元素展示方法及装置
CN117596418A (zh) * 2023-10-11 2024-02-23 书行科技(北京)有限公司 直播间ui展示控制方法、装置、电子设备及存储介质

Similar Documents

Publication Publication Date Title
CN106959795A (zh) 一种直播应用中的图标展示方法及装置
US10452242B2 (en) System and method of providing a computer networking tool and interfaces
US6166736A (en) Method and apparatus for simultaneously resizing and relocating windows within a graphical display
CN103678646A (zh) 一种页面呈现方法及装置
US20120254780A1 (en) Predictive tiling
CN110019766A (zh) 知识图谱的展示方法、装置、移动终端及可读存储介质
WO2017101493A1 (zh) 一种浏览器的页面标签管理方法及装置
CN103902722B (zh) 基于b/s架构的网页页面显示方法及终端
CN104423553A (zh) 一种基于柔性屏幕的终端设备控制方法
CA2249044A1 (en) Relevance-enhanced scrolling
CN107087236A (zh) 一种直播信息展示方法及装置
CN114442872B (zh) 一种虚拟用户界面的布局、交互方法及三维显示设备
US7010761B2 (en) Controller selectable hyperlinks
CN102023834A (zh) 一种背景图片的显示方法及主机
CN108845737B (zh) 图片错层显示方法、电子设备及存储介质
CN106201208A (zh) 应用卡片的管理方法和装置
CN105760156B (zh) 一种基于Android***的主菜单导航方法
CN107391152A (zh) 一种实现Mac上焦点图轮播动画效果的方法
CN110968987B (zh) 表格显示方法和装置、存储介质及电子装置
CN105100922B (zh) 一种应用于智能电视的数据信息定位方法及装置
CN104423779A (zh) 一种交互显示实现方法及装置
CN109117053B (zh) 界面内容的动态显示方法、装置及其设备
US20160012859A1 (en) System and method for generating and using spatial and temporal metadata
US10437548B2 (en) File shared browsing method and system
CN109032472A (zh) 一种应用展示方法、装置、终端及可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20170718

RJ01 Rejection of invention patent application after publication