CN105867893A - 一种图形用户界面的显示终端、显示方法及显示装置 - Google Patents

Abstract

本发明实施例提供一种图形用户界面的显示终端、显示方法及显示装置，其中该显示终端包括：主显示区域，所述主显示区域内设置有至少一个控件显示区域；所述控件显示区域设置有多个子控件显示区域；所述多个子控件显示区域的任意一个根据用户的移动控制指令在所述控件显示区域内放大；在所述显示区域内放大的所述子控件显示区域接收用户的操作控制指令并执行。本发明能够使用复杂的布局来展示一个动态组件，而且可以设置加载和移除时的动画，在不改变改样式及效果的同时实现了各种动态的浏览效果。方便做出各种动态浏览的效果，更加先进和灵活。

Description

一种图形用户界面的显示终端、显示方法及显示装置

技术领域

本发明实施例涉及显示技术领域，尤其涉及一种图形用户界面的显示终端、显示方法及显示装置。

背景技术

现在，包括手机、平板电脑等终端设备已经普及到人们生活的诸多方面，人们利用各种移动终端进行通信、看视频和阅读等，功能非常多且强大，而且终端设备便于携带，用户可以在乘车或行走的时候使用终端设备。在个人计算机(PC)已经智能化、手机和平板电脑也已经大面积智能化的情况下，为顺应电视机“高清化”、“网络化”、“智能化”的趋势，智能电视也逐步进入我们的生活。

所谓智能电视，就像智能手机一样，具有全开放式平台，搭载了操作系统，顾客在欣赏普通电视内容的同时，可自行安装和卸载由电视厂商或第三方服务商提供的应用软件、游戏等程序，通过此类程序可持续对智能电视的功能进行扩充和升级，并且，智能电视可连接于网络、AV设备、PC等，并可从网络、AV设备、PC等多种渠道获得节目内容，通过简单易用的整合式操作界面，将用户最需要的内容在电视屏幕上进行清晰地展现。

在智能电视系统中，一般会为用户准备海量的资源，当然用户为了自己的实际需要也可以在智能电视系统中添加各种需要的资源。为满足不同爱好用户的需求，智能电视的功能也越来越强大，智能电视不仅仅可以观看视频、电视节目还可以播放音乐、浏览图片，甚至还可以拨打电话。

而用户需要在各种资源中执行某项操作时，用户一般会通过遥控器上的按键调取智能电视的菜单，经过复杂的操作进入资源列表，控制遥控器的操作焦点选择某一资源列表后，通过触发遥控器的向下按键调出该资源列表，然后利用遥控器选择资源列表的资源执行相应的操作指令。然而现有技术原因在焦点移动、显示位置及显示等各个方面都有一定技术问题。例如，现有的横向滚动有横向网格Gridview控件、横向列表Listview控件、画廊Gallery控件等，但是为解决相应的而技术问题更改样式及效果改动较大，不方便做出各种动态的浏览效果，也不够灵活。

发明内容

本发明实施例提供一种图形用户界面的显示终端、显示方法及显示装置，用以解决现有技术中实现动态浏览效果，减少需要解决复杂技术问题。

本发明实施例提供一种图形用户界面的显示终端，包括主显示区域，所述主显示区域内设置有至少一个控件显示区域；

所述控件显示区域设置有多个子控件显示区域；

所述多个子控件显示区域的任意一个根据用户的移动控制指令在所述控件显示区域内放大；

在所述显示区域内放大的所述子控件显示区域接收用户的操作控制指令并执行。

本发明实施例提供一种图形用户界面的控件显示方法，应用于上述的终端，包括如下步骤：

接收用户的对操作控件的控制指令；

判断用户的控制指令类型调整所述子控件显示区域的显示类型。

本发明实施例提供一种图形用户界面的控件显示装置，应用于上述的终端，包括：

控制指令接收模块，用于接收用户的对操作控件的控制指令；

控制指令执行模块，用于判断用户的控制指令类型调整所述子控件显示区域的显示类型或执行所述控制指令。

本发明实施例提供的图形用户界面的显示终端、显示方法及显示装置，能够使用复杂的布局来展示一个动态组件，而且可以设置加载和移除时的动画，在不改变改样式及效果的同时实现了各种动态的浏览效果。方便做出各种动态浏览的效果，更加先进和灵活。

附图说明

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

图1为本发明提供的显示终端用户界面实施例示意图；

图2为本发明提供的显示终端初始子控件显示区域示意图；

图3为本发明提供的显示终端子控件显示区域切换示意图；

图4为本发明提供的显示方法实施例流程图；

图5为本发明提供的显示装置实施例流程图。

具体实施方式

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

如图1所示，本发明提供一种图形用户界面的显示终端，包括主显示区域1，主显示区域1内设置有至少一个控件显示区域2；控件显示区域2设置有多个子控件显示区域3；多个子控件显示区域3的任意一个根据用户的移动控制指令在控件显示区域内放大；在显示区域内放大的子控件显示区域接收用户的操作控制指令并执行。下面对本发明提供的图形用户界面的显示终端展开详细的说明。

如图1所示，在本发明中，显示终端的主显示区域1内中设置有控件显示区域2，控件显示区域2内有设置有多个子控件显示区域3，当用户选择相应的资源列表后，资源列表中的资源加载在控件显示区域2内的多个子空间显示区域3中展示。如图1、图2所示，资源列表中的所有资源被加载到多个子控件显示区域3内时，默认向用户展示第一子控件显示区域3为初始子控件显示区域31。在多个资源加载到多个子控件显示区域后相邻的多个子控件显示区域3之间优选设置有间隙。初始子控件显示区域31在控件显示区域2内放大展示，在显示区域2内被放大的子控件显示区域31填充相邻的子控件显示区域3之间的间隙。用户需要操作多个子控件显示区域3中的某一个子控件显示区域3时，需要在控件显示区域2内资源列表中选择相应的子控件显示区域3。如图3所示，用户选择子控件显示区域3时，初始子控件显示区域31根据用户的移动控制指令在控件显示区域2内切换。子控件显示区域31切换为放大的子控件显示区域30。当用户选择的焦点子控件显示区域31根据用户的移动控制指令优选在控件显示区域内放大20％。相应地，相邻子控件显示区域3之间的间隙宽度为子控件显示区域3宽度或长度的十分之一。可以得出相邻子控件显示区域3之间的间隙宽度为子控件显示区域3宽度或长度放大倍数的二分之一。用户选择子控件显示区域3时可以根据用户的移动控制会指令控件显示区域内横向或纵向移动。

如图1所示，应当可以理解本发明提供的显示终端不仅可以适用于只能电视，还可以适用于Pad、PC、智能手机、大屏幕等一切具有图形用户界面的显示设备。其中优选地，为了保证用户在查找或选择相应的资源时快速准确的找到，主显示区域1内还设置搜索区域。在本发明中，用户选择的资源可以是文件，还可以是电视节目、音乐、视频、图像、电话号码等。用户选择对应的子控件显示区域31可以执行相应的操作控制指令。例如，打开文件、播放电视节目、播放音乐、播放视频、浏览图像、拨打电话等。

在本发明中，控件显示区域2设置的多个子控件显示区域3可以以单排(横向或纵向排列)，也可以以棋盘装或网格状排列。本发明提供的显示装置不仅可以适用于windows系统，还可以适用于安卓系统、linux系统、苹果ios系统等图形用户界面系统。

以安卓系统为例，可以采用Android 5.0新控件Recyclerview(RecyclerView是一种新的视图组，目标是为任何基于适配器的视图提供相似的渲染方式。)来实现复杂的横向滚动大量的数据及图片显示。具体地，自定义类MyRecyclerView继承RecyclerView类，添加滚动监听OnItemScrollListener回调。自定义适配器画面适配GalleryAdapter类，添加点击监听OnItemClickListener回调、添加焦点监听OnItemHasFouceListener回调，添加默认焦点监听SetFirstFouceListen回调分别实现对用户移动控制指令和操作控制指令的识别与执行。在制作控件显示区域2和控件显示区域2内的多个子控件显示区域3时，在Acitvity控件中设置横向或纵向滚动的样式。例如，使用LinearLayoutManager，设置成横向滚动horizontal。由于Acitvity控件的每个条目item之间是有间隙，并设置有带颜色的间隔条。根据需求，更改间隔条背景色设置为透明，重新设置间隔样式设置距离0，继承条目itemDecoration。自定义间隔条背景色，为透明，以防万一。间隙，采用布局双层嵌套，分为最外层布局(相当于控件显示区域)和内层布局(相当于子控件显示区域3)，内层布局距离外层布局上下左右设置间隙，这就形成了一个条目。每一个这样的条目组合成一个全新的横向滚动的控件，条目和条目之间就会产生间隙，这样就为每个条目的放大提供了条件(即条目放大后填充满条目和条目之间的间隙)对于每个获取焦点的条目item，设置动画效果采用动画scaleAnimation,使其获取焦点保持20％放大效果，失去焦点后还原该条目的为初始值的大小。结合Recyclerview，使用布局管理器管理子view的位置线性布局管理器LinearLayoutManager，不用拘泥于ListView的线性展示方式，提供其他自定义布局管理器LayoutManager的支持，能够使用复杂的布局来展示一个动态组件，而且可以设置加载和移除时的动画，方便做出各种动态浏览的效果，更加先进和灵活。

为进一步体现本发明提供的图形用户界面的显示终端的优越性，本发明还提供一种图形用户界面的控件显示方法，如图4所示，该方法应用于上述的显示终端，包括如下步骤：接收用户的对操作控件的控制指令；判断用户的控制指令类型调整子控件显示区域的显示类型。下面以Android 5.0新控件Recyclerview实现复杂的横向滚动对本发明提供的控件显示方法说明。在本发明中，通过添加滚动监听OnItemScrollListener回调、点击监听OnItemClickListener回调、焦点监听OnItemHasFouceListener回调、默认焦点监听SetFirstFouceListen回调分别实现对用户移动控制指令和操作控制指令的识别与执行，实现大量的系资源(数据及图片电话号码等)在显示终端内显示。如果滚动监听OnItemScrollListener回调监测到用户的控制指令为移动控制指令则子控件显示区域在控件显示区域内切换并通过焦点监听OnItemHasFouceListener回调放大；如果点击监听OnItemClickListener回调监测到用户的控制指令为操作控制指令，则子控件显示区域执行用户的操作控制指令(例如打电话)。

为进一步体现本发明提供的图形用户界面的显示终端的优越性，本发明还提供一种图形用户界面的控件显示示装置，该装置应用于上述的显示终端，如图5所示，包括：控制指令接收模块，用于接收用户的对操作控件的控制指令；控制指令执行模块，用于判断用户的控制指令类型调整子控件显示区域的显示类型或执行控制指令。本发明提供的图形用户界面的显示装置的工作过程可以参考上述的显示装置和显示方法，在此不再一一赘述。

综上所述，本发明提供的图形用户界面的显示终端、显示方法及显示装置，能够使用复杂的布局来展示一个动态组件，而且可以设置加载和移除时的动画，在不改变改样式及效果的同时实现了各种动态的浏览效果。方便做出各种动态浏览的效果，更加先进和灵活。

以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

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

Claims (10)

1.一种图形用户界面的显示终端，其特征在于，包括主显示区域，所述主显示区域内设置有至少一个控件显示区域；

所述控件显示区域设置有多个子控件显示区域；

所述多个子控件显示区域的任意一个根据用户的移动控制指令在所述控件显示区域内放大；

在所述显示区域内放大的所述子控件显示区域接收用户的操作控制指令并执行。

2.根据权利要求1所述的显示终端，其特征在于，所述相邻的多个子控件显示区域之间设置有间隙；

在所述显示区域被放大的所述子控件显示区域填充相邻的子控件显示区域之间的间隙。

3.根据权利要求1所述的显示终端，其特征在于，所述子控件显示区域根据用户的移动控制指令在所述控件显示区域内放大20％。

4.根据权利要求1所述的显示终端，其特征在于，所述子控件显示区域根据用户的移动控制指令在所述控件显示区域内横向或纵向移动。

5.根据权利要求1所述的显示终端，其特征在于，所述多个子控件显示区域包括初始子控件显示区域；

所述初始子控件显示区域在第一位。

6.根据权利要求5所述的显示终端，其特征在于，所述初始子控件显示区域根据用户的移动控制指令在所述控件显示区域内切换。

7.根据权利要求1所述的显示终端，其特征在于，所述主显示区域内还包括搜索区域。

8.一种图形用户界面的控件显示方法，其特征在于，应用于权利要求1-7任意一项所述的终端，包括如下步骤：

接收用户的对操作控件的控制指令；

判断用户的控制指令类型调整所述子控件显示区域的显示类型。

9.根据权利要求8所述的控件显示方法，其特征在于，所述调整所述子控件显示区域的显示类型的步骤包括：

如果控制指令为移动控制指令，则所述子控件显示区域在所述控件显示区域内放大；

如果控制指令为操作控制指令，则所述子控件显示区域执行用户的操作控制指令。

10.一种图形用户界面的控件显示装置，其特征在于，应根据权利要求1-7任意一项所述的显示终端，包括：

控制指令接收模块，用于接收用户的对操作控件的控制指令；

控制指令执行模块，用于判断用户的控制指令类型调整所述子控件显示区域的显示类型或执行所述控制指令。