CN117768705A - 显示设备及控件显示方法 - Google Patents

Abstract

本申请提供了一种显示设备及控件显示方法，显示设备包括显示器和控制器，控制器被配置为响应于进入会员推荐页面的操作，获取所述会员推荐页面的页面数据；加载所述页面数据对应的第一页面；在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件；控制所述显示器显示加载有所述边界遮罩的所述第一页面。本申请提升了会员信息控件的强调显示效果。

Description

显示设备及控件显示方法

技术领域

本申请涉及UI领域，尤其涉及一种显示设备及控件显示方法。

背景技术

智能电视是人们观看影视媒资的一种重要家居设备。智能电视通过联网功能，使得用户可观看互联网上的海量影视媒资，这些影视媒资来自于不同的内容提供商，其中一些影视媒资需要相应内容提供商的会员才能进行观看。相关技术中，用户为观看不同媒资内容提供商的影视媒资，需要在智能电视上下载各媒资内容提供商的应用程序，在智能电视的应用界面进入媒资内容提供商的应用程序进行媒资搜索与观看，操作繁琐，用户体验较差。

发明内容

为提升媒资观看体验，本申请提供了一种显示设备及控件显示方法。

第一方面，本申请提供了一种显示设备，该显示设备包括：

显示器；

控制器，与所述显示器通信连接，所述控制器被配置为：

响应于进入会员推荐页面的操作，获取所述会员推荐页面的页面数据；

加载所述页面数据对应的第一页面；

在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件；

控制所述显示器显示加载有所述边界遮罩的所述第一页面。

在一些实施例中，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点移动至所述第二会员控件时，不加载所述第二会员控件的上方的所述边界遮罩，并在与所述第二会员控件相邻的控件上方加载所述边界遮罩；

在所述焦点从所述第二会员控件移开时，加载所述第二会员控件的上方的所述边界遮罩，不加载获得焦点的控件上方的所述边界遮罩。

在一些实施例中，所述加载所述第二会员控件的上方的所述边界遮罩，包括：在所述第二会员控件中与相邻控件相邻的边界上方加载所述边界遮罩。

在一些实施例中，所述第一会员控件为第一边界控件，所述第二会员控件为与所述第一会员控件相邻的第一中间控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点移动到所述第一边界控件时，在所述第一边界控件的上方不加载所述边界遮罩，在所述第二会员控件的上方加载所述边界遮罩。

在一些实施例中，所述控件列表还包括与所述第一中间控件相邻的第二中间控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一边界控件移动到所述第一中间控件时，在所述第一中间控件的两侧分别显示所述第一边界控件和第二中间控件，并在所述第一边界控件和第二中间控件的上方加载所述边界遮罩，在所述第二中间控件的上方不加载所述边界遮罩。

在一些实施例中，所述控件列表还包括与所述第一中间控件相邻的第二边界控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第二中间控件移动到所述第二边界控件时，在所述第二边界控件的一侧显示所述第二中间控件，并在所述第二中间控件的上方加载所述边界遮罩，在所述第二边界控件的上方不加载所述边界遮罩。

在一些实施例中，所述第一页面还包括媒资控件列表，所述媒资控件列表包括多个媒资推荐控件，所述第一会员控件对应第一媒资推荐数据，所述第二会员控件对应第二媒资推荐数据，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一会员控件移动至所述第二会员控件时，将所述媒资控件列表中的媒资推荐控件对应的媒资由所述第一媒资推荐数据对应的媒资替换为所述第二媒资推荐数据对应的媒资。

在一些实施例中，所述第一页面还包括视频窗口，所述视频窗口与所述会员信息控件列表设置有重叠区域，所述控制器还被配置为：

在所述重叠区域上方添加所述边界遮罩。

在一些实施例中，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一会员控件移动至所述第二会员控件时，将所述视频窗口播放的媒资由所述第一媒资推荐数据对应的媒资替换为所述第二媒资推荐数据对应的媒资。

第二方面，本申请提供了一种控件显示方法，该方法包括：

响应于进入会员推荐页面的操作，获取会员推荐页面的页面数据；

加载所述页面数据对应的第一页面；

在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件；

控制所述显示器显示加载有所述边界遮罩的所述第一页面。

本申请提供的显示设备及控件显示方法的有益效果包括：

本申请实施例通过在显示设备的会员推荐页面设置了多个第三方会员控件，使得用户可在会员推荐页面方便地选择一个第三方会员控件，以进入第三方影视专区，无需安装多个第三方应用程序，简化了用户操作，提升了媒资观看体验；部分第三方会员控件设置有边界遮罩，使未设置有边界遮罩的第三方会员控件达到了强调显示效果，有利于用户注意到未设置有边界遮罩的第三方会员控件，减少了干扰，有利于用户对第三方会员控件进行选择。

附图说明

为了更清楚地说明本申请实施例或相关技术中的实施方式，下面将对实施例或相关技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，还可以根据这些附图获得其他的附图。

图1中示例性示出了根据一些实施例的显示设备与控制装置之间操作场景的示意图；

图2中示例性示出了根据一些实施例的控制装置100的硬件配置框图；

图3中示例性示出了根据一些实施例的显示设备200的硬件配置框图；

图4中示例性示出了根据一些实施例的显示设备200中软件配置示意图；

图5中示例性示出了根据一些实施例的会员推荐页面的示意图；

图6中示例性示出了根据一些实施例的控件显示方法的流程示意图；

图7中示例性示出了根据一些实施例的边界遮罩的示意图；

图8中示例性示出了根据一些实施例的边界遮罩的示意图；

图9中示例性示出了根据一些实施例的显示设备与服务器的交互时序示意图；

图10中示例性示出了根据一些实施例的边界遮罩的示意图；

图11中示例性示出了根据一些实施例的边界遮罩的示意图；

图12中示例性示出了根据一些实施例的边界遮罩的示意图；

图13中示例性示出了根据一些实施例的会员推荐页面的示意图；

图14中示例性示出了根据一些实施例的会员推荐页面的示意图；

图15中示例性示出了根据一些实施例的边界遮罩的示意图。

具体实施方式

为使本申请的目的和实施方式更加清楚，下面将结合本申请示例性实施例中的附图，对本申请示例性实施方式进行清楚、完整地描述，显然，描述的示例性实施例仅是本申请一部分实施例，而不是全部的实施例。

需要说明的是，本申请中对于术语的简要说明，仅是为了方便理解接下来描述的实施方式，而不是意图限定本申请的实施方式。除非另有说明，这些术语应当按照其普通和通常的含义理解。

本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体，而不必然意味着限定特定的顺序或先后次序，除非另外注明。应该理解这样使用的用语在适当情况下可以互换。

术语“包括”和“具有”以及他们的任何变形，意图在于覆盖但不排他的包含，例如，包含了一系列组件的产品或设备不必限于清楚地列出的所有组件，而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。

本申请实施方式提供的显示设备可以具有多种实施形式，例如，可以是电视、智能电视、激光投影设备、显示器(monitor)、电子白板(electronic bulletin board)、电子桌面(electronic table)等。图1和图2为本申请的显示设备的一种具体实施方式。

图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示，用户可通过智能设备300或控制装置100操作显示设备200。

在一些实施例中，控制装置100可以是遥控器，遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信，及其他短距离通信方式，通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。

在一些实施例中，也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如，使用在智能设备上运行的应用程序控制显示设备200。

在一些实施例中，显示设备可以不使用上述的智能设备或控制设备接收指令，而是通过触摸或者手势等接收用户的控制。

在一些实施例中，显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制，例如，可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制，也可以通过显示设备200设备外部设置的语音控制设备来接收用户的语音指令控制。

在一些实施例中，显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群，也可以是多个集群，可以包括一类或多类服务器。

图2示例性示出了根据示例性实施例中控制装置100的配置框图。如图2所示，控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起用用户与显示设备200之间交互中介作用。

如图3，显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。

在一些实施例中控制器包括处理器，视频处理器，音频处理器，图形处理器，RAM，ROM，用于输入/输出的第一接口至第n接口。

显示器260包括用于呈现画面的显示屏组件，以及驱动图像显示的驱动组件，用于接收源自控制器输出的图像信号，进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面。

显示器260可为液晶显示器、OLED显示器、以及投影显示器，还可以为一种投影装置和投影屏幕。

通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如：通信器可以包括Wifi模块，蓝牙模块，有线以太网模块等其他网络通信协议芯片或近场通信协议芯片，以及红外接收器中的至少一种。显示设备200可以通过通信器220与外部控制设备100或服务器400建立控制信号和数据信号的发送和接收。

用户接口，可用于接收控制装置100(如：红外遥控器等)的控制信号。

检测器230用于采集外部环境或与外部交互的信号。例如，检测器230包括光接收器，用于采集环境光线强度的传感器；或者，检测器230包括图像采集器，如摄像头，可以用于采集外部环境场景、用户的属性或用户交互手势，再或者，检测器230包括声音采集器，如麦克风等，用于接收外部声音。

外部装置接口240可以包括但不限于如下：高清多媒体接口接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。

调谐解调器210通过有线或无线接收方式接收广播电视信号，以及从多个无线或有线广播电视信号中解调出音视频信号，如以及EPG数据信号。

在一些实施例中，控制器250和调谐解调器210可以位于不同的分体设备中，即调谐解调器210也可在控制器250所在的主体设备的外置设备中，如外置机顶盒等。

控制器250，通过存储在存储器上中各种软件控制程序，来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器260上显示UI对象的用户命令，控制器250便可以执行与由用户命令选择的对象有关的操作。

在一些实施例中控制器包括中央处理器(Central Processing Unit，CPU)，视频处理器，音频处理器，图形处理器(Graphics Processing Unit，GPU)，RAM Random AccessMemory，RAM)，ROM(Read-Only Memory,ROM)，用于输入/输出的第一接口至第n接口，通信总线(Bus)等中的至少一种。

用户可在显示器260上显示的图形用户界面(GUI)输入用户命令，则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户输入接口通过传感器识别出声音或手势，来接收用户输入命令。

“用户界面”，是应用程序或操作系统与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面(Graphic User Interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。

参见图4，在一些实施例中，将系统分为四层，从上至下分别为应用程序(Applications)层(简称“应用层”)，应用程序框架(Application Framework)层(简称“框架层”)，安卓运行时(Android runtime)和系统库层(简称“系统运行库层”)，以及内核层。

在一些实施例中，应用程序层中运行有至少一个应用程序，这些应用程序可以是操作系统自带的窗口(Window)程序、系统设置程序或时钟程序等；也可以是第三方开发者所开发的应用程序。在具体实施时，应用程序层中的应用程序包不限于以上举例。

框架层为应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。应用程序框架层相当于一个处理中心，这个中心决定让应用层中的应用程序做出动作。应用程序通过API接口，可在执行中访问系统中的资源和取得系统的服务。

如图4所示，本申请实施例中应用程序框架层包括管理器(Managers)，内容提供者(Content Provider)等，其中管理器包括以下模块中的至少一个：活动管理器(ActivityManager)用与和系统中正在运行的所有活动进行交互；位置管理器(Location Manager)用于给系统服务或应用提供了系统位置服务的访问；文件包管理器(Package Manager)用于检索当前安装在设备上的应用程序包相关的各种信息；通知管理器(NotificationManager)用于控制通知消息的显示和清除；窗口管理器(Window Manager)用于管理用户界面上的括图标、窗口、工具栏、壁纸和桌面部件。

在一些实施例中，活动管理器用于管理各个应用程序的生命周期以及通常的导航回退功能，比如控制应用程序的退出、打开、后退等。窗口管理器用于管理所有的窗口程序，比如获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕，控制显示窗口变化(例如将显示窗口缩小显示、抖动显示、扭曲变形显示等)等。

在一些实施例中，系统运行库层为上层即框架层提供支撑，当框架层被使用时，安卓操作系统会运行系统运行库层中包含的C/C++库以实现框架层要实现的功能。

在一些实施例中，内核层是硬件和软件之间的层。如图4所示，内核层至少包含以下驱动中的至少一种：音频驱动、显示驱动、蓝牙驱动、摄像头驱动、WIFI驱动、USB驱动、HDMI驱动、传感器驱动(如指纹传感器，温度传感器，压力传感器等)、以及电源驱动等。

在一些实施例中的硬件或软件架构可以基于上述实施例中的介绍，在一些实施例中可以是基于相近的其他硬件或软件架构，可以实现本申请的技术方案即可。

在一些实施例中，为了方便用户观看不同内容提供商的媒资，显示设备在会员推荐页面设置了多个第三方会员控件，方便用户通过第三方会员控件购买第三方会员，或者通过第三方会员控件进入第三方内容提供商的媒资专区。

参见图5，为根据一些实施例的会员推荐页面的示意图，如图5所示，在会员推荐页面，可设置有导航栏510和会员推荐控件520。

导航栏510用于展示多个标题控件，如VIP控件、少儿控件、购物控件等标题控件。

会员推荐控件520用于展示显示设备当前登录账号的账号信息和第三方会员信息。会员推荐控件520内设置有账号信息控件521和第三方会员信息控件522。

其中，账号信息控件521用于展示显示设备当前登录账号的头像、昵称、手机号等账号信息。

第三方会员信息控件522为会员信息控件列表，包括多个会员信息控件，如第一会员控件5221和第二会员控件5222。多个会员信息控件用于购买不同的会员套餐或进入不同的媒资专区，在用户未开通会员信息控件对应的会员套餐时，会员信息控件用于购买会员套餐，在用户开通了会员信息控件对应的会员套餐时，会员信息控件用于进入媒资专区。

在一些实施例中，多个会员信息控件可对应同一个第三方媒资内容提供商的不同会员套餐或媒资专区。

在一些实施例中，多个会员信息控件可对应不同的第三方媒资内容提供商的会员套餐或媒资专区。

在一些实施例中，会员推荐页面还设置有视频窗口530，视频窗口530用于播放一个推荐媒资的海报或视频数据。

在一些实施例中，视频窗口530的显示区域越大，越接近会员推荐页面的边界，则用户观看视频窗口530时的沉浸效果越佳。为了提高用户观看视频窗口530时的沉浸效果，视频窗口530可设置为延伸至导航栏510以及延伸至会员推荐控件520的显示区域，例如，视频窗口530的上边界延伸至媒资推荐页面的上边界，视频窗口530的右边界延伸至媒资推荐页面的右边界，视频窗口530的左边界延伸至会员推荐控件520的显示区域，即视频窗口530与导航栏510、会员推荐控件520存在重叠区域，视频窗口530的下边界可根据实际情况进行设置。

在一些实施例中，视频窗口530所在图层可位于导航栏510、会员推荐控件520的下方，且导航栏510、会员推荐控件520可被配置为具有一定透明度，使用户可看到视频窗口530被导航栏510、会员推荐控件520遮挡的内容。

在一些实施例中，当用户进入图5所示的会员推荐页面时，显示设备的焦点位于导航栏510的VIP控件上，用户可输入焦点移动指令，如点击遥控器的方向键，显示设备可将焦点移动至对应内容处。例如，用户可点击遥控器的方向键，将显示设备的焦点移动至会员推荐控件520中的第一会员控件5221上，用户继续点击遥控器的方向右键，可将显示设备的焦点从第一会员控件5221移动至第二会员控件5222上。

由于在上述会员推荐页面中，第三方会员信息控件522的显示区域有限，不能一次性展示全部的会员信息控件，为了强调显示一个会员信息控件，本申请实施例提供了一种控件显示方法，参见图6，该方法可包括如下步骤：

步骤S610：响应于进入会员推荐页面的操作，获取会员推荐页面的页面数据。

在一些实施例中，显示设备在接收到用户进入图5所示的会员推荐页面的操作后，向服务器发送该媒资推荐页面的页面请求，该页面请求可包括用户账号。服务器在接收到该页面请求后，在该页面请求中的用户账号为开通了显示设备方的会员的用户账号时，向显示设备反馈用于生成图5所示页面的页面数据。

步骤S620：加载所述页面数据对应的第一页面。

在一些实施例中，显示设备在接收到会员推荐页面的页面数据后，可加载该页面数据对应的第一页面。

步骤S630：在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件。

在一些实施例中，显示设备初次加载的第一页面中，显示设备的焦点位于导航栏510的VIP控件上，第三方会员信息控件522内展示第一会员控件5221和第二会员控件5222，且第一会员控件5221在第三方会员信息控件522内完全露出。显示设备可在第二会员控件5222对应位置的上方设置边界遮罩以部分遮挡第二会员控件5222，达到将第一会员控件5221进行强调显示的效果。

在一些实施例中，第二会员控件5222位于第一会员控件5221的右侧，第二会员控件5222对应位置的上方设置的边界遮罩，位于第二会员控件5222的右边界，而不是位于第二会员控件5222的左边界，使第二会员控件5222达到右边界隐藏的显示效果，有利于使用户在浏览第一会员控件5221时，不被第二会员控件5222的边界遮罩吸引视线，将注意力停留到第一会员控件5221上，实现了增强第一会员控件5221的强调显示效果。

在一些实施例中，为进一步增强第一会员控件5221的强调显示效果，可将第二会员控件5222对应位置的上方设置的边界遮罩，设置为透明度渐变，以模糊第二会员控件5222的右边界，达到第二会员控件5222的右边界逐渐隐藏的技术效果，能进一步降低第二会员控件5222对用户视线的吸引，增强了第一会员控件5221的强调显示效果。

在一些实施例中，为进一步增强第一会员控件5221的强调显示效果，当第一会员控件5221在第三方会员信息控件522内完全露出时，第二会员控件5222在第三方会员信息控件522内不完全露出，例如，第二会员控件5222在第三方会员信息控件522内只露出左半部分。

在一些实施例中，第二会员控件5222对应位置的上方设置的边界遮罩，其高度可设置为与第二会员控件5222的高度相同，从而能将第二会员控件5222的右边界完全遮挡，其宽度可根据实际需要进行设置，例如，该边界遮罩的宽度可设置为第二会员控件5222在第三方会员信息控件522内露出部分的四分之一宽度到三分之一宽度之间，使得该边界遮罩不至于过于明显而吸引用户视线，也不至于过于狭窄而无法起到将第二会员控件5222的右边界隐藏的作用。

步骤S640：控制所述显示器显示加载有所述边界遮罩的所述第一页面。

在一些实施例中，显示设备在将所述第一页面中的第二会员控件对应位置的上方设置边界遮罩后，得到更新后的第一页面的页面数据，显示设备可控制显示器加载该更新后的第一页面的页面数据，使得用户看到的第一页面设置有上述边界遮罩。

参见图7，在第一页面中，第二会员控件5222对应位置的上方设置有边界遮罩5231，使得第二会员控件5222的右边界达到了逐渐隐藏的技术效果，促使用户将视线集中到完全露出的第一会员控件5221上。其中，边界遮罩5231可为全黑色的遮罩，或者可为透明度渐变的黑色遮罩，或者可为目标颜色的透明度渐变的遮罩，目标颜色为边界遮罩5231覆盖的会员信息控件的颜色，以增强第二会员控件5222的右边界隐藏效果。

需要说明的是，边界遮罩5231是指设置在第三方会员信息控件522最右侧的会员信息控件对应位置上方的遮罩，当第三方会员信息控件522最右侧的会员信息控件不是第二会员控件5222时，只要该最右侧的会员信息控件不完全露出，即可在该最右侧的会员信息控件对应位置上方加载边界遮罩5231。

在一些实施例中，在用户进入第一页面时，用户的视线通常会被在第一页面中显示面积较大的视频窗口530吸引，为增强视频窗口530的沉浸效果，在步骤S640之前，显示设备还可在会员推荐控件520对应位置的上方设置边界遮罩以部分遮挡会员推荐控件520。

在一些实施例中，可将会员推荐控件520对应位置的上方设置的边界遮罩，设置为透明度渐变，以模糊会员推荐控件520的右边界，达到会员推荐控件520的右边界逐渐隐藏的技术效果，能进一步降低会员推荐控件520对用户视线的吸引，增强了视频窗口530的强调显示效果。

在一些实施例中，会员推荐控件520对应位置的上方设置的边界遮罩，其高度设置为与会员推荐控件520的高度相同，从而能将会员推荐控件520的右边界完全遮挡，其宽度可根据实际需要进行设置。

在一些实施例中，会员推荐控件520具有一定透明度，会员推荐控件520和视频窗口530存在重叠区域，会员推荐控件520显示在视频窗口530的上方，使得会员推荐控件520和视频窗口530的重叠区域能隐约显现出视频窗口530内的媒资内容，实现了扩大视频窗口530的显示区域的目的。该重叠区域通常被设置为不会对视频窗口530和会员推荐控件520的内容展示产生较大影响，因此，可将会员推荐控件520对应位置的上方设置的边界遮罩，设置在该重叠区域上方，使得该边界遮罩对视频窗口530和会员推荐控件520的内容展示影响较小，同时又能达到模糊会员推荐控件520和视频窗口530的边界、降低会员推荐控件520与视频窗口530的割裂感，提升了视频窗口530的沉浸感的的技术效果。

在一些实施例中，为实现将第二会员控件5222、会员推荐控件520的右边界均达到逐渐隐藏的技术效果，第二会员控件5222对应位置的上方设置的边界遮罩5231，可将其高度设置为与会员推荐控件520的高度相同，覆盖在会员推荐控件520和视频窗口530的重叠区域上方。

在一些实施例中，参见图8，可在第二会员控件5222对应位置的上方设置边界遮罩5201，并在第二会员控件5222对应位置的上方设置的边界遮罩5231，其中，边界遮罩5231位于边界遮罩5201的左侧，使第二会员控件5222、会员推荐控件520的右边界均达到逐渐隐藏的技术效果，并且强化了第二会员控件5222的边界隐藏效果。

需要说明的是，在一些实施例中，也可由服务器执行边界遮罩5231、边界遮罩5201的生成，使得服务器下发的会员推荐页面的页面数据包含了边界遮罩5231、边界遮罩5201的数据，从而显示设备可直接根据服务器下发的页面数据展示具有边界遮罩5231、边界遮罩5201的会员推荐页面。

为对本申请实施例提供的控件显示方法做进一步说明，图9示出了显示设备与服务器的交互时序示意图，图9中，服务器可设置有面向终端子系统、内容子系统和会员子系统，这些子系统可分布在一台或多台服务器上，本申请实施例对此不做具体限定。其中，面向终端子系统，用于与显示设备以及面向终端子系统后端的子系统进行交互，内容子系统，用于存储各视频媒资的媒资数据，如媒资海报、媒资ID、媒资播放地址等数据，会员子系统，用于存储用户的会员信息，包括是否开通显示设备方的VIP的标识信息、手机号等信息。

在一些实施例中，用户可通过在显示设备的首页点击导航栏510中的VIP控件，向显示设备输入进入会员推荐页面的操作，显示设备根据接收到该操作，生成会员推荐页面的页面请求，该页面请求包含用户账号，显示设备将该页面请求发送给面向终端子系统。

在一些实施例中，服务器端的运营人员针对显示设备方的VIP用户和非VIP用户配置了两种不同的会员推荐页面。这两种会员推荐页面的会员推荐控件520显示的内容不相同。

示例性的，对于VIP用户，会员推荐页面的会员推荐控件520内还设置有多个循环展示的会员信息控件；而对于非VIP用户，会员推荐控件520内不设置上述会员信息控件。

对于非VIP用户，会员推荐控件520内可设置有开通显示设备方的VIP的控件。

在一些实施例中，面向终端子系统在接收到会员推荐页面的页面请求后，可从页面请求中提取出用户账号，向会员子系统发送查询该账号的VIP信息，如是否开通VIP的标识信息、手机号等信息，若返回的开通VIP的标识信息表征该用户开通了VIP，则选取VIP用户对应的会员推荐控件520的配置数据，若返回的开通VIP的标识信息表征该用户未开通VIP，则选取非VIP用户对应的会员推荐控件520的配置数据。对于会员推荐页面的其他控件，如视频窗口对应的控件、媒资推荐位的控件，则根据运营人员预先对会员推荐页面的配置，从内容子系统抓取对应媒资的数据，其中，针对视频窗口对应的控件，需要抓取的数据包括媒资播放地址。

以用户为VIP用户为例，面向终端子系统根据会员推荐页面各控件的配置数据从内容子系统和会员子系统抓取所需的数据后，生成会员推荐页面的页面数据，该页面数据用于生成如图5所示的没有遮罩的会员推荐页面。面向终端子系统将会员推荐页面的页面数据反馈给显示设备。

在一些实施例中，显示设备接收到会员推荐页面的页面数据后，可生成对应边界遮罩5231和/或边界遮罩5201的遮罩数据，控制显示器显示加载有边界遮罩5231和/或边界遮罩5201的会员推荐页面。

在一些实施例中，除了第一会员控件5221和第二会员控件5222，第三方会员信息控件522还包含其他会员信息控件。

示例性地，第三方会员信息控件522还包含第三会员控件，第一会员控件5221和第三会员控件是边界控件，第二会员控件5222是第一中间控件，其中，第一会员控件5221为第一边界控件，第三会员控件为第二边界控件。

在第一会员控件5221完全露出时，第一会员控件5221位于第三方会员信息控件522内的左侧，第二会员控件5222位于第一会员控件5221的右侧，且在第三方会员信息控件522内部分露出，第三会员控件不在第三方会员信息控件522内露出。

当用户将显示设备的焦点在第三方会员信息控件522内的会员信息控件之间移动时，第三方会员信息控件522内露出的会员信息控件会发生变化，并且，会员信息控件上方的边界遮罩也会动态隐藏或显示。在一些实施例中，当显示设备根据用户进入会员推荐页面的操作，显示图8所示的界面后，此时，显示设备的焦点位于VIP控件上。若用户将显示设备的焦点移动至第一会员控件5221。此时，显示设备不在第一会员控件5221对应位置的上方加载边界遮罩，在第二会员控件5222对应位置的上方加载边界遮罩5231和/或边界遮罩5201。

在一些实施例中，在显示设备的焦点位于第一会员控件5221上时，若显示设备接收到用户输入的焦点移动指令，则移动显示设备的焦点。

参见图10，若根据焦点移动指令，将焦点从第一会员控件5221移动至第二会员控件5222上，则显示设备将第二会员控件5222移动至第三方会员信息控件522的中部且完全露出，将第一会员控件5221向左移动，以在第三方会员信息控件522内部分露出，将第三会员控件5223显示在第二会员控件5222的右侧且在第三方会员信息控件522内部分露出。

此时，显示设备在第一会员控件5221对应位置的上方加载边界遮罩5232，在第二会员控件5222对应位置的上方不加载边界遮罩，在第三会员控件5223对应位置的上方加载边界遮罩5231和/或边界遮罩5201。

需要说明的是，边界遮罩5232是指设置在第三方会员信息控件522内最左侧的会员信息控件对应位置上方的遮罩，当第三方会员信息控件522最左侧的会员信息控件不是第一会员控件5221时，只要该最左侧的会员信息控件不完全露出，即可在该最左侧的会员信息控件对应位置上方加载边界遮罩5232。

边界遮罩5232用于模糊第三方会员信息控件522内最左侧的会员信息控件的左侧边界，使第三方会员信息控件522内最左侧不完全露出的会员信息控件，达到边界消隐的技术效果。边界遮罩5232的尺寸可与边界遮罩5231的尺寸相同，也可设置为透明度渐变，增强边界消隐效果。

由图10可见，在焦点移动至第二会员控件5222时，不加载第二会员控件5222上方的边界遮罩，并在与第二会员控件5222相邻的会员信息控件上方加载边界遮罩，且边界遮罩均设置在会员信息控件远离第二会员控件5222的边界的上方。

在一些实施例中，在显示设备的焦点位于第二会员控件5222上时，若显示设备接收到用户输入的焦点移动指令，则移动显示设备的焦点。

参见图11，若根据焦点移动指令，将焦点从第二会员控件5222移动至第三会员控件5223上，且第三会员控件5223为第二边界控件时，则显示设备将第三会员控件5223向左移动至在第三方会员信息控件522内完全露出，将第二会员控件5222向左移动，使第二会员控件5222在第三方会员信息控件522内由完全露出变为部分露出，将第一会员控件5221向左移动至在第三方会员信息控件522内不露出。

此时，显示设备在第二会员控件5222对应位置的上方加载边界遮罩5232，在第三会员控件5223对应位置的上方不加载边界遮罩。

由图11可见，在焦点移动至第三会员控件5223时，不加载第三会员控件5223上方的边界遮罩，并在与第三会员控件5223相邻的会员信息控件上方加载边界遮罩，且边界遮罩设置在会员信息控件远离第三会员控件5223的边界的上方。

在一些实施例中，除了第一会员控件5221、第二会员控件5222、第三会员控件5223，第三方会员信息控件522内还包含第四会员控件，此时，第一会员控件5221为第一边界控件，第二会员控件5222为第一中间控件，第三会员控件5223为第二中间控件，第四会员控件为第二边界控件。

当显示设备的焦点位于第一会员控件5221时，则会员推荐页面如图8所示，当显示设备的焦点移动至第二会员控件5222时，则会员推荐页面如图10所示，当显示设备的焦点移动至第三会员控件5223时，则会员推荐页面类似于图10，区别在于，此时，第一会员控件5221的位置显示的是第二会员控件5222，第二会员控件5222的位置显示的是第三会员控件5223，第三会员控件5223的位置显示的是第四会员控件，边界遮罩5231和边界遮罩5232仍被加载到图10所示的位置。

当显示设备的焦点位于第三会员控件5223时，若显示设备接收到焦点移动指令，将焦点进行移动后，焦点位于第四会员控件上，则会员推荐页面类似于图11，区别在于，此时，第二会员控件5222的位置显示的是第三会员控件5223，第三会员控件5223的位置显示的是第四会员控件，边界遮罩5232被加载到图10所示的位置，边界遮罩5231不加载。

在一些实施例中，若显示设备接收到用户输入的进入会员推荐页面的请求后，若用户不是VIP用户，则服务器下发的会员推荐页面的页面数据中，会员推荐控件520的数据不包含第三方会员信息控件522的数据，包含开通显示设备方的VIP的控件数据。显示设备根据该页面数据，加载会员推荐页面，在会员推荐页面中的会员推荐控件520的右侧边界加载遮罩5201，控制显示器显示加载有遮罩5201的会员推荐页面，如图12所示，此时，会员推荐控件520与视频窗口530的边界具有模糊的效果。会员推荐控件520内的VIP开通控件5224，用于开通显示设备方的VIP。

在一些实施例中，在图12所示的界面，当用户通过VIP开通控件5224开通了显示设备方的VIP后，显示设备可将会员推荐页面刷新为图8所示的界面，以方便用户观看第三方内容提供商的媒资。

在一些实施例中，为吸引用户开通第三方媒资内容提供商的会员，在会员推荐页面，还可设置有媒资控件列表，以展示多个媒资推荐控件，媒资推荐控件用于展示第三方媒资内容提供商的媒资。

参见图13，在视频窗口530和会员推荐控件520的下方，可设置有多个媒资推荐控件540，用于展示会员推荐控件520内至少一个会员信息控件对应的媒资内容提供商的媒资。

在一些实施例中，由于视频窗口530的显示面积较大，视频窗口530的下方可能没有足够的显示空间用于展示媒资推荐控件540，此时，媒资推荐控件540可展示在视频窗口530的上方，对视频窗口530的底部构成部分遮挡，该遮挡面积较小，对视频窗口530的播放效果影响较小。

在一些实施例中，媒资推荐控件540对应的媒资可为会员推荐控件520内的多个媒资内容提供商的热播媒资，即播放量较高的媒资，以方便用户快速找到自己想要观看的热播媒资。

在一些实施例中，视频窗口530可被配置为按顺序轮播当前页面上的各媒资推荐控件540对应媒资的精彩片段或免费片段，该精彩片段或免费片段的播放地址可存储于服务器下发的各媒资推荐控件540的控件数据中。

当用户将焦点移动至其中一个媒资推荐控件540上时，显示设备可自动控制视频窗口530播放该媒资推荐控件540对应媒资的精彩片段或免费片段，该精彩片段或免费片段的播放地址可存储于服务器下发的该媒资推荐控件540的控件数据中。

当焦点位于其中一个媒资推荐控件540上时，当用户通过按压通过遥控器的确认键等方式向显示设备输入确认播放指令，显示设备响应于该指令可全屏播放该媒资，在播放完精彩片段或免费片段后，显示设备可生成并显示该媒资推荐控件540对应的会员套餐购买页面，以提示用户购买会员套餐后可完整观看媒资推荐控件540对应的媒资。或者，当用户输入确认播放指令后，显示设备可立即生成并显示该媒资推荐控件540对应的会员套餐购买页面生成并显示该媒资推荐控件540对应的会员套餐购买页面，以提示用户购买会员套餐后可完整观看媒资推荐控件540对应的媒资。

在一些实施例中，媒资推荐控件540对应的媒资可为会员推荐控件520内的同一个会员信息控件对应的媒资内容提供商的媒资，例如，可均为在会员推荐控件520内完全露出的会员信息控件对应的媒资内容提供商的媒资。

示例性的，服务器下发的会员推荐页面的页面数据中，包括了媒资控件列表对应的多组媒资推荐数据，每组媒资推荐数据包含了数量与媒资推荐控件540的数量相同的媒资推荐数据，每组媒资推荐数据分别对应一个会员信息控件。

例如，会员推荐控件520包含第一会员控件、第二会员控件和第三会员控件，其中，第一会员控件对应第一媒资推荐数据，第二会员控件对应第二媒资推荐数据，第三会员控件对应第三媒资推荐数据。

参见图14，当用户将显示设备的焦点从第一会员控件5221移动至第二会员控件5222上时，各媒资推荐控件540被配置为将对应的媒资由第一媒资数据中的媒资切换为第二会员控件5222对应的第二媒资数据中的媒资，使用户知晓购买不同的会员套餐可观看不同的媒资。

在一些实施例中，当各媒资推荐控件540内展示的媒资发生切换时，视频窗口530被配置为将当前播放的媒资进行同步切换。如图14所示，视频窗口530播放的媒资相较于图13发生了变化。

在一些实施例中，媒资推荐控件540对视频窗口530的底部构成了遮挡，为提高视频窗口530播放视频时的沉浸效果，参见图15，显示设备在显示会员推荐页面之前，可加载用于遮挡视频窗口530底部边界的边界遮罩5301，以模糊视频窗口的530底部边界，减轻媒资推荐控件540对视频窗口530遮挡带来的视觉割裂效果。边界遮罩5301也可为透明度渐变的遮罩，以增强视频窗口的530底部边界的模糊效果。

由上述实施例可见，本申请实施例通过在显示设备的会员推荐页面设置了多个第三方会员控件，使得用户可在会员推荐页面方便地选择一个第三方会员控件，以进入第三方影视专区，无需安装多个第三方应用程序，简化了用户操作，提升了媒资观看体验；部分第三方会员控件设置有边界遮罩，使未设置有边界遮罩的第三方会员控件达到了强调显示效果，有利于用户注意到未设置有边界遮罩的第三方会员控件，减少了干扰，有利于用户对第三方会员控件进行选择；视频窗口的边界设置有边界遮罩，增强了视频窗口播放视频时的沉浸效果，提升了用户体验。

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

为了方便解释，已经结合具体的实施方式进行了上述说明。但是，上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导，可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用，从而使得本领域技术人员更好的使用所述实施方式以及适于具体使用考虑的各种不同的变形的实施方式。

Claims (10)

1.一种显示设备，其特征在于，包括：

显示器；

控制器，与所述显示器通信连接，所述控制器被配置为：

响应于进入会员推荐页面的操作，获取所述会员推荐页面的页面数据；

加载所述页面数据对应的第一页面；

在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件；

控制所述显示器显示加载有所述边界遮罩的所述第一页面。

2.根据权利要求1所述的显示设备，其特征在于，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点移动至所述第二会员控件时，不加载所述第二会员控件的上方的所述边界遮罩，并在与所述第二会员控件相邻的控件上方加载所述边界遮罩；

在所述焦点从所述第二会员控件移开时，加载所述第二会员控件的上方的所述边界遮罩，不加载获得焦点的控件上方的所述边界遮罩。

3.根据权利要求2所述的显示设备，其特征在于，所述加载所述第二会员控件的上方的所述边界遮罩，包括：在所述第二会员控件中与相邻控件相对的边界上方加载所述边界遮罩。

4.根据权利要求1所述的显示设备，其特征在于，所述第一会员控件为第一边界控件，所述第二会员控件为与所述第一会员控件相邻的第一中间控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点移动到所述第一边界控件时，在所述第一边界控件的上方不加载所述边界遮罩，在所述第二会员控件的上方加载所述边界遮罩。

5.根据权利要求1所述的显示设备，其特征在于，所述控件列表还包括与所述第一中间控件相邻的第二中间控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一边界控件移动到所述第一中间控件时，在所述第一中间控件的两侧分别显示所述第一边界控件和第二中间控件，并在所述第一边界控件和第二中间控件的上方加载所述边界遮罩，在所述第二中间控件的上方不加载所述边界遮罩。

6.根据权利要求5所述的显示设备，其特征在于，所述控件列表还包括与所述第一中间控件相邻的第二边界控件，所述控制器还被配置为：

接收输入的焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第二中间控件移动到所述第二边界控件时，在所述第二边界控件的一侧显示所述第二中间控件，并在所述第二中间控件的上方加载所述边界遮罩，在所述第二边界控件的上方不加载所述边界遮罩。

7.根据权利要求1所述的显示设备，其特征在于，所述第一页面还包括媒资控件列表，所述媒资控件列表包括多个媒资推荐控件，所述第一会员控件对应第一媒资推荐数据，所述第二会员控件对应第二媒资推荐数据，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一会员控件移动至所述第二会员控件时，将所述媒资控件列表中的媒资推荐控件对应的媒资由所述第一媒资推荐数据对应的媒资替换为所述第二媒资推荐数据对应的媒资。

8.根据权利要求1所述的显示设备，其特征在于，所述第一页面还包括视频窗口，所述视频窗口与所述会员信息控件列表设置有重叠区域，所述控制器还被配置为：

在所述重叠区域上方添加所述边界遮罩。

9.根据权利要求8所述的显示设备，其特征在于，所述控制器还被配置为：

接收焦点移动指令；

根据所述焦点移动指令移动显示设备的焦点；

在所述焦点从所述第一会员控件移动至所述第二会员控件时，将所述视频窗口播放的媒资由所述第一媒资推荐数据对应的媒资替换为所述第二媒资推荐数据对应的媒资。

10.一种控件显示方法，其特征在于，包括：

响应于进入会员推荐页面的操作，获取会员推荐页面的页面数据；

加载所述页面数据对应的第一页面；

在所述第一页面中的会员信息控件列表包含第一会员控件和第二会员控件，且所述第一会员控件完全露出时，在所述第二会员控件对应位置的上方设置边界遮罩以部分遮挡所述第二会员控件；

显示加载有所述边界遮罩的所述第一页面。