一种显示设备的制作方法

本申请涉及显示技术领域，尤其涉及一种显示设备。

背景技术：

显示设备上显示用户界面的可操作性，影响着用户体验感受。

然而，显示设备显示用户界面内容非常丰富，通常显示不同分组类别的内容时，仅提供当前选择的分组类别下的内容，而未提供其他分组类别下的内容，这样，虽然可实现分组类别的清晰可见，但是不利于用户浏览更多的内容。因此，需要提供一种用于提高用户体验感受的全新用户界面显示方法。

技术实现要素：

本申请实施例提供一种显示设备，用以提升用户操作显示设备的用户体验。

第一方面，提供一种显示设备，包括：

显示器，用于显示gui，所述gui中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述项目被选择的选择器；

用户接口，用于接收控制所述选择器移动的移动指令；

控制器，用于执行：

当基于所述移动指令确定所述选择器在所述第一展示区内移动，且所述选择器移动至一个项目时，将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的的边界子项目滚动至被选择项目周围位置；所述边界子项目是在与被选择项目相关联的至少一个子项目中布置于边缘的子项目。

在一些示例性的实施方式中，所述gui中所述第二展示区内显示的子项目按照子项目布置方向滚动更新，以从所述gui中移除显示在所述gui中的子项目，同时在所述gui中显示先前未在所述gui中的子项目。

在一些示例性的实施方式中，所述第二展示区内的多个子项目水平地按行布置或垂直地按列布置。

在一些示例性的实施方式中，所述将所述第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关联的边界子项目滚动至所述被选择项目周围位置，具体包括：

将被水平地按行布置的多个子项目沿左方向或右方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的上方向或下方向位置；或者，

将被垂直地按列布置的多个子项目沿上方向或下方向滚动预设距离，使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至所述被选择项目的左方向或右方向位置。

在一些示例性的实施方式中，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引被确定。

在一些示例性的实施方式中，所述预设距离基于所述项目在第一展示区的宽度和所述项目在第一展示区内的索引、以及第一展示区内不同项目之间的间距被确定。

第二方面，提供另一种显示设备，包括：

显示器，用于显示gui，所述gui中至少包括第一展示区和第二展示区，所述第一展示区包括多个项目，所述第二展示区包括与所述项目相关联的至少一个子项目；以及指示所述子项目被选择的选择器；

用户接口，用于接收控制所述选择器移动的移动指令；

控制器，用于执行：

当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。

在一些示例性的实施方式中，在与一个项目相关联的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的布置顺序，被选择子项目与一个项目之间呈现的偏移渐进式变化；所述边界子项目是在与一个项目相关联的至少一个子项目中布置于边缘的子项目。

在一些示例性的实施方式中，所述偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度。

在一些示例性的实施方式中，所述偏移由被选择子项目在与其所属项目相关联的子项目中的索引、以及与其所属项目相关联的子项目的数量被确定。

在一些示例性的实施方式中，控制器，还用于执行：

当基于所述移动指令确定所述选择器在所述第二展示区内移动，且所述选择器从与第一项目相关联边界子项目移动至与第二项目相关联的边界子项目时，改变所述第一展示区内所述第二项目的显示状态以取代所述第一项目的显示状态。

与现有技术相比，本申请示例性的实施方式中所提出的技术方案的有益技术效果包括：

在本申请提供至少一些实施例中，显示设备不仅可实现清晰的分组类别，而且可提供符合用户浏览习惯的方式来提示用户浏览多个分组类别下的内容。

附图说明

图1a中示例性示出了显示设备与控制装置之间操作场景的示意图；

图1b中示例性示出了图1a中控制装置100的配置框图；

图1c中示例性示出了图1a中显示设备200的配置框图；

图1d中示例性示出了显示设备200存储器中操作系统的架构配置框图。

图2中示例性示出了显示设备200提供的一个gui400的示意图；

图3a-3e中示例性示出了通过操作控制装置100而使显示设备200提供的一个gui400的示意图；

图4a-4e中示例性示出了通过操作控制装置100而使显示设备200提供的另一个gui400的示意图；

图5a-5e中示例性示出了通过操作控制装置100而使显示设备200提供的又一个gui400的示意图；

图6a-6b示例性示出了选择器在第一展示区内移动时显示设备提供的方法600的流程图；

图7示例性示出了选择器在第一展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图；

图8a-8b示例性示出了选择器在第二展示区内移动时显示设备提供的方法800流程图；

图9a-9b示例性示出了选择器在第二展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图。

具体实施方式

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

基于本申请中示出的示例性实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。此外，虽然本申请中公开内容按照示范性一个或几个实例来介绍，但应理解，可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。

应当理解，本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，例如能够根据本申请实施例图示或描述中给出那些以外的顺序实施。

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

本申请中使用的术语“模块”，是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合，能够执行与该元件相关的功能。

本申请中使用的术语“手势”，是指用户通过一种手型的变化或手部运动等动作，用于表达预期想法、动作、目的/或结果的用户行为。

图1a中示例性示出了显示设备与控制装置之间操作场景的示意图。如图1a所示，控制装置100和显示设备200之间可以有线或无线方式进行通信。

其中，控制装置100被配置为控制显示设备200，其可接收用户输入的操作指令，且将操作指令转换为显示设备200可识别和响应的指令，起着用户与显示设备200之间交互的中介作用。如：用户通过操作控制装置100上频道加减键，显示设备200响应频道加减的操作。

控制装置100可以是遥控器100a，包括红外协议通信或蓝牙协议通信，及其他短距离通信方式等，通过无线或其他有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令，来控制显示设备200。如：用户可以通过遥控器上音量加减键、频道控制键、上/下/左/右的移动按键、语音输入按键、菜单键、开关机按键等输入相应控制指令，来实现控制显示设备200的功能。

控制装置100也可以是智能设备，如移动终端100b、平板电脑、计算机、笔记本电脑等。例如，使用在智能设备上运行的应用程序控制显示设备200。该应用程序通过配置可以在与智能设备关联的屏幕上，通过直观的用户界面(ui)为用户提供各种控制。

示例性的，移动终端100b可与显示设备200安装软件应用，通过网络通信协议实现连接通信，实现一对一控制操作的和数据通信的目的。如：可以使移动终端100b与显示设备200建立控制指令协议，通过操作移动终端100b上提供的用户界面的各种功能键或虚拟按钮，来实现如遥控器100a布置的实体按键的功能。也可以将移动终端100b上显示的音视频内容传输到显示设备200上，实现同步显示功能。

显示设备200可被实施为电视，可提供广播接收电视功能以及计算机支持功能的智能网络电视功能。显示设备示例的包括，数字电视、网络电视、智能电视、互联网协议电视（iptv）等。

显示设备200，可以是液晶显示器、有机发光显示器、投影显示设备。具体显示设备类型、尺寸大小和分辨率等不作限定。

显示设备200还与服务器300通过多种通信方式进行数据通信。这里可允许显示设备200通过局域网(lan)、无线局域网(wlan)和其他网络进行通信连接。服务器300可以向显示设备200提供各种内容和互动。示例的，显示设备200可以发送和接收信息，例如：接收电子节目指南(epg)数据、接收软件程序更新、或访问远程储存的数字媒体库。服务器300可以一组，也可以多组，可以一类或多类服务器。通过服务器300提供视频点播和广告服务等其他网络服务内容。

图1b中示例性示出了控制装置100的配置框图。如图1b所示，控制装置100包括控制器110、存储器120、通信器130、用户输入接口140、输出接口150、供电电源160。

控制器110包括随机存取存储器（ram）111、只读存储器（rom）112、处理器113、通信接口以及通信总线。控制器110用于控制控制装置100的运行和操作，以及内部各部件之间的通信协作、外部和内部的数据处理功能。

示例性的，当检测到用户按压在遥控器100a上布置的按键的交互或触摸在遥控器100a上布置的触摸面板的交互时，控制器110可控制产生与检测到的交互相应的信号，并将该信号发送到显示设备200。

存储器120，用于在控制器110的控制下存储驱动和控制控制装置100的各种运行程序、数据和应用。存储器120，可以存储用户输入的各类控制信号指令。

通信器130在控制器110的控制下，实现与显示设备200之间控制信号和数据信号的通信。如：控制装置100经由通信器130将控制信号（例如触摸信号或按钮信号）发送至显示设备200上，控制装置100可经由通信器130接收由显示设备200发送的信号。通信器130可以包括红外信号接口131和射频信号接口132。例如：红外信号接口时，需要将用户输入指令按照红外控制协议转化为红外控制信号，经红外发送模块进行发送至显示设备200。再如：射频信号接口时，需将用户输入指令转化为数字信号，然后按照射频控制信号调制协议进行调制后，由射频发送端子发送至显示设备200。

用户输入接口140，可包括麦克风141、触摸板142、传感器143、按键144等中至少一者，从而用户可以通过语音、触摸、手势、按压等将关于控制显示设备200的用户指令输入到控制装置100。

输出接口150，通过将用户输入接口140接收的用户指令输出至显示设备200，或者，输出由显示设备200接收的图像或语音信号。这里，输出接口150可以包括led接口151、产生振动的振动接口152、输出声音的声音输出接口153和输出图像的显示器154等。例如，遥控器100a可从输出接口150接收音频、视频或数据等输出信号，并且将输出信号在显示器154上显示为图像形式、在声音输出接口153输出为音频形式或在振动接口152输出为振动形式。

供电电源160，用于在控制器110的控制下为控制装置100各元件提供运行电力支持。形式可以为电池及相关控制电路。

图1c中示例性示出了显示设备200的硬件配置框图。如图1c所示，显示设备200中可以进一步包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、存储器260、用户接口265、视频处理器270、显示器275、音频处理器280、音频输入接口285、供电电源290。

调谐解调器210，通过有线或无线方式接收广播电视信号，可以进行放大、混频和谐振等调制解调处理，用于从多个无线或有线广播电视信号中解调出用户所选择的电视频道的频率中所携带的音视频信号，以及附加信息（例如epg数据）。

调谐解调器220，可根据用户选择，以及由控制器250控制，响应用户选择的电视频道的频率以及该频率所携带的电视信号。

调谐解调器220，根据电视信号的广播制式不同，可以接收信号的途径有很多种，诸如：地面广播、有线广播、卫星广播或互联网广播等；以及根据调制类型不同，可以数字调制方式或模拟调制方式；以及根据接收电视信号的种类不同，可以解调模拟信号和数字信号。

在其他一些示例性实施例中，调谐解调器220也可在外部设备中，如外部机顶盒等。这样，机顶盒通过调制解调后输出电视信号，经过外部装置接口240输入至显示设备200中。

通信器220，是用于根据各种通信协议类型与外部设备或外部服务器进行通信的组件。例如显示设备200可将内容数据发送至经由通信器220连接的外部设备，或者，从经由通信器220连接的外部设备浏览和下载内容数据。通信器220可以包括wifi模块221、蓝牙通信协议模块222、有线以太网通信协议模块223等网络通信协议模块或近场通信协议模块，从而通信器220可根据控制器250的控制接收控制装置100的控制信号，并将控制信号实现为wifi信号、蓝牙信号、射频信号等。

检测器230，是显示设备200用于采集外部环境或与外部交互的信号的组件。检测器230可以包括图像采集器231，如相机、摄像头等，可以用于采集外部环境场景，以自适应变化显示设备200的显示参数；以及用于采集用户的属性或与用户交互手势，以实现显示设备与用户之间互动的功能。还可以包括光接收器232，用于采集环境光线强度，以自适应显示设备200的显示参数变化等。

在其他一些示例性实施例中，检测器230，还可以包括温度传感器，如通过感测环境温度，显示设备200可自适应调整图像的显示色温。示例性的，当温度偏高的环境时，可调整显示设备200显示图像色温偏冷色调；当温度偏低的环境时，可以调整显示设备200显示图像色温偏暖色调。

在其他一些示例性实施例中，检测器230，还可以包括声音采集器，如麦克风，可以用于接收用户的声音，如用户控制显示设备200的控制指令的语音信号；或者，可以采集用于识别环境场景类型的环境声音，实现显示设备200可以自适应环境噪声。

外部装置接口240，是提供控制器210控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接，可接收外部设备的诸如视频信号（例如运动图像）、音频信号（例如音乐）、附加信息（例如epg）等数据。

其中，外部装置接口240可以包括：高清多媒体接口（hdmi）端子241、复合视频消隐同步（cvbs）端子242、模拟或数字分量端子243、通用串行总线（usb）端子244、组件（component）端子（图中未示出）、红绿蓝（rgb）端子（图中未示出）等任一个或多个。

控制器250，通过运行存储在存储器260上的各种软件控制程序（如操作系统和各种应用程序），来控制显示设备200的工作和响应用户的操作。

如图1c所示，控制器250包括随机存取存储器（ram）251、只读存储器（rom）252、图形处理器253、cpu处理器254、通信接口255、以及通信总线256。其中，ram251、rom252以及图形处理器253、cpu处理器254通信接口255通过通信总线256相连接。

rom252，用于存储各种系统启动指令。如在接收到开机信号时，显示设备200电源开始启动，cpu处理器254运行rom252中的系统启动指令，将存储在存储器260的操作系统拷贝至ram251中，以开始运行启动操作系统。当操作系统启动完成后，cpu处理器254再将存储器260中各种应用程序拷贝至ram251中，然后，开始运行启动各种应用程序。

图形处理器253，用于产生各种图形对象的屏幕图像，如图标、图像以及操作菜单等。图形处理器253可以包括运算器，用于通过接收用户输入各种交互指令进行运算，进而根据显示属性显示各种对象；以及包括渲染器，用于产生基于运算器得到的各种对象，将进行渲染的结果显示在显示器275上。

cpu处理器254，用于执行存储在存储器260中的操作系统和应用程序指令。以及根据接收的用户输入指令，来执行各种应用程序、数据和内容的处理，以便最终显示和播放各种音视频内容。

在一些示例性实施例中，cpu处理器254，可以包括多个处理器。多个处理器可包括一个主处理器以及多个或一个子处理器。主处理器，用于在显示设备预加载模式中执行显示设备200的一些初始化操作，和/或，在正常模式下显示画面的操作。多个或一个子处理器，用于执行在显示设备待机模式等状态下的一种操作。

通信接口255，可包括第一接口到第n接口。这些接口可以是经由网络被连接到外部设备的网络接口。

控制器250可以控制显示设备200的整体操作。例如：响应于接收到用于选择在显示器275上显示的gui对象的用户输入命令，控制器250便可以执行与由用户输入命令选择的对象有关的操作。

其中，该对象可以是可选对象中的任何一个，例如超链接或图标。该与所选择的对象有关的操作，例如显示连接到超链接页面、文档、图像等操作，或者执行与图标相对应的程序的操作。该用于选择gui对象的用户输入命令，可以是通过连接到显示设备200的各种输入装置(例如，鼠标、键盘、触摸板等)输入命令或者是与用户说出语音相对应的语音命令。

存储器260，用于存储驱动和控制显示设备200运行的各种类型的数据、软件程序或应用程序。存储器260可以包括易失性和/或非易失性存储器。而术语“存储器”包括存储器260、控制器250的ram251和rom252、或显示设备200中的存储卡。

在一些实施例中，存储器260具体用于存储驱动显示设备200中控制器250的运行程序；存储显示设备200内置的和用户从外部设备下载的各种应用程序；存储用于配置由显示器275提供的各种gui、与gui相关的各种对象及用于选择gui对象的选择器的视觉效果图像等数据。

在一些实施例中，存储器260具体用于存储调谐解调器210、通信器220、检测器230、外部装置接口240、视频处理器270、显示器275、音频处理器280等的驱动程序和相关数据，从外部装置接口接收的外部数据（例如音视频数据）或用户接口接收的用户数据（例如按键信息、语音信息、触摸信息等）。

在一些实施例中，存储器260具体存储用于表示操作系统（os）的软件和/或程序，这些软件和/或程序可包括，例如：内核、中间件、应用编程接口（api）和/或应用程序。示例性的，内核可控制或管理系统资源，以及其它程序所实施的功能（如所述中间件、api或应用程序）；同时，内核可以提供接口，以允许中间件、api或应用程序访问控制器，以实现控制或管理系统资源。

图1d中示例性示出了显示设备200存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、框架层和内核层。

应用层，系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序，如直播电视应用程序、视频点播应用程序、媒体中心应用程序、截图应用程序等。

直播电视应用程序，可以通过不同的信号源提供直播电视。例如，直播电视应用程可以使用来自有线电视、无线广播、卫星服务或其他类型的直播电视服务的输入提供电视信号。以及，直播电视应用程序可在显示设备200上显示直播电视信号的视频。

视频点播应用程序，可以提供来自不同存储源的视频。不同于直播电视应用程序，视频点播提供来自某些存储源的视频显示。例如，视频点播可以来自云存储的服务器端、来自包含已存视频节目的本地硬盘储存器。

媒体中心应用程序，可以提供各种多媒体内容播放的应用程序。例如，媒体中心，可以为不同于直播电视或视频点播，用户可通过媒体中心应用程序访问存储器内存储的各种图像或音视频。

截图应用程序，可以对显示器上当前显示画面进行截图，并对画面截图图像中包含的识别物（如人物、频道台标、建筑等）进行诸如标识识别框、名称等的标注，以为用户提供显示画面中包含的各种识别物信息的展示功能。当前显示画面，可以是文字、图像、视频中的至少一个。

框架层（framework），负责提供应用层所需要的api。例如，直播电视应用程序、视频点播应用程序、媒体中心应用程序可通过框架层提供的接口调用解码器进行音视频解码。又如，截图应用程序可通过框架层提供的接口调用已截取的当前显示画面的截图图像。

内核层，提供核心系统服务，例如：文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核也同时提供系统软件和硬件之间的通信，为各种硬件提供设备驱动服务，例如：为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为wifi模块提供wifi驱动程序、为音频输出接口提供音频驱动程序、为电源管理（pm）模块提供电源管理驱动等。

示例性的，显示设备对显示器上的画面执行截图处理功能时，用户触摸遥控器上布置的截图按键，内核层中的按键驱动程序先将该截图按键对应的键值转换为截图输入指令，并将该截图输入指令传递至框架层；框架层将截图输入指令通知给截图应用程序，同时截图应用程序通知框架层开始对显示器上的画面进行截图处理，并存储该画面截图；从而截图应用程序获取到该画面截图后，显示在显示器上。

用户接口265，接收各种用户交互。具体的，用于将用户的输入信号发送给控制器250，或者，将从控制器250的输出信号传送给用户。示例性的，遥控器100a可将用户输入的诸如电源开关信号、频道选择信号、音量调节信号等输入信号发送至用户接口265，再由用户接口265转送至控制器250；或者，遥控器100a可接收经控制器250处理从用户接口265输出的音频、视频或数据等输出信号，并且显示接收的输出信号或将接收的输出信号输出为音频或振动形式。

在一些实施例中，用户可在显示器275上显示的图形用户界面（gui）输入用户命令，则用户接口265通过gui接收用户输入命令。确切的说，用户接口265可接收用于控制选择器在gui中的位置以选择不同的对象或项目的用户输入命令。

或者，用户可通过输入特定的声音或手势进行输入用户命令，则用户接口265通过传感器识别出声音或手势，来接收用户输入命令。

视频处理器270，用于接收外部的视频信号，根据输入信号的标准编解码协议，进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频数据处理，可得到直接在显示器275上显示或播放的视频信号。

示例的，视频处理器270，包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。

其中，解复用模块，用于对输入音视频数据流进行解复用处理，如输入mpeg-2流（基于数字存储媒体运动图像和语音的压缩标准）,则解复用模块将其进行解复用成视频信号和音频信号等。

视频解码模块，用于对解复用后的视频信号进行处理，包括解码和缩放处理等。

图像合成模块，如图像合成器，其用于将图形生成器根据用户输入或自身生成的gui信号，与缩放处理后视频图像进行叠加混合处理，以生成可供显示的图像信号。

帧率转换模块，用于对输入视频的帧率进行转换，如将输入的60hz视频的帧率转换为120hz或240hz的帧率，通常的格式采用如插帧方式实现。

显示格式化模块，用于将帧率转换模块输出的信号，改变为符合诸如显示器显示格式的信号，如将帧率转换模块输出的信号进行格式转换以输出rgb数据信号。

显示器275，用于接收源自视频处理器270输出的图像信号，进行显示视频、图像以及菜单操控界面。例如，显示器可以显示来自调谐解调器210接收的广播信号中的视频，也可以显示来自通信器220或外部装置接口240输入的视频，还可以显示在存储器260中存储的图像。显示器275，同时显示显示设备200中产生且用于控制显示设备200的用户操控界面ui。

以及，显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者，倘若显示器275为一种投影显示器，还可以包括一种投影装置和投影屏幕。

音频处理器280，用于接收外部的音频信号，根据输入信号的标准编解码协议，进行解压缩和解码，以及降噪、数模转换、和放大处理等音频数据处理，得到可以在扬声器286中播放的音频信号。

示例性的，音频处理器280可以支持各种音频格式。例如mpeg-2、mpeg-4、高级音频编码（aac）、高效aac（he-aac）等格式。

音频输出接口285，用于接收源自音频处理器280输出的音频信号。例如，音频输出接口可以输出经由调谐解调器210接收的广播信号中的音频，也可以输出经由通信器220或外部装置接口240输入的音频，还可以输出在存储器260中存储的音频。音频输出接口285可包括扬声器286，或输出至外接设备的发生装置的外接音响输出端子287，如耳机输出端子。

在其他一些示例性实施例中，视频处理器270可以包括一个或多个芯片组成。音频处理器280，也可以包括一个或多个芯片组成。

以及，在其他一些示例性实施例中，视频处理器270和音频处理器280，可以为单独的芯片，也可以与控制器250一起集成在一个或多个芯片中。

供电电源290，用于在控制器250的控制下，将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路，也可以是安装在显示设备200外部的电源。

图2中示例性示出了显示设备200提供的一个gui400的示意图。

如图2所示，显示设备可向显示器提供gui，该gui包括多个展示区，各个展示区中包括布置的一个或多个不同项目。例如，第一展示区41和第二展示区42。以及该gui还包括指示任一项目被选择的选择器43，可通过用户操作控制装置的输入而移动选择器在gui中的位置，以改变选择不同的项目。

需要说明的是，多个展示区可以是可视的的界线，也可以是不可视的界线。如：可通过不同背景颜色来标识不同展示区，还可以通过边界线等可视的标识来标识不同展示区，也可以通过不可视的隐形边界来标识不同展示区。多个展示区也可以不存在可视的或非可视的边界，而仅在屏幕上显示一定范围区域中相关联项目，这些相关联项目具有相同的显示属性时，则该一定范围区域被视为同一展示区的边界的存在，如：第一展示区41中项目不可滚动，而第二展示区42中项目可滚动。

还需说明的是，项目是指在显示设备200中gui的各展示区中显示以表示诸如图标、缩略图、视频剪辑、链接等对应内容的视觉对象。例如：项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序，或其他用户访问内容历史信息。

一些实施例中，项目可显示图像缩略图。如项目为电影或电视剧时，项目可显示为电影或电视剧的海报。如项目为音乐时，可显示音乐专辑的海报。如项目为应用程序时，可显示为应用程序的图标，或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时，可显示为最近执行过程中内容截图。项目可显示为视频剪辑。如：项目为电视或电视剧的预告片的视频剪辑动态画面。

此外，项目可以表示显示设备200与外部设备连接的接口或接口集合，或可表示连接至显示设备的外部设备名称等。如：信号源输入接口集合、或hdmi接口、usb接口、pc端子接口等。

项目的展示形式通常多样化。例如，项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像，或与文本相关的视频剪辑。又如，项目可以是应用程序的文本和/或图标。

各个项目可具有相同尺寸，也可以具有不相同的尺寸。例如，第一展示区内各项目具有相同的宽度w1，第二展示区内各项目具有相同的宽度w2，此外，w1可以等于w2。

还需说明的是，选择器用于指示其中任意项目已被选择，如焦点对象。可根据用户通过控制装置100的输入，控制显示设备200中显示焦点对象的移动来选择或控制项目。如：用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。

焦点对象指根据用户输入在项目之间移动的对象。示例的，如图3a中通过项目边缘绘制粗线来实现或标识焦点对象43的位置。在其他实施例中，焦点对象形式不限于示例，也可以通过改变聚焦项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识焦点对象43的位置。

图3a-3e中示例性示出了通过操作控制装置100而使显示设备200提供的一个gui400的示意图。

在图3a-3e示出的gui中，提供包括多个不同项目的第一展示区41，这些项目用于被选择器43选择，使得显示设备在第二展示区42内显示与被选择的项目相关联的至少一个子项目。

其中，子项目是基于存储在显示设备内或后台配置的内容数据而分组至不同项目类别下的。例如，在项目为游戏类别时，其子项目可以为王者荣耀、英雄联盟、水果忍者等游戏链接；在项目为视频类别时，其子项目可以为大汉天子、翻译官等电视剧或电影链接；在项目为设置类别时，其子项目可以为音量设置、通知设置、权限设置等功能链接。

其中，第一展示区和第二展示区内的项目均水平地排列为一行。在其他实施例中，第一展示区和第二展示区内的项目也可垂直地排列为一列。

例如，如图3a所示，第一展示区41包括项目411~415，当前选择器指示项目411被选择，而第二展示区42内显示与被选择的项目411相关联的子项目4111~4113。

在图3a中，当用户按压控制装置上的向右方向键，如图3b所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目412被选择，则第二展示区42内显示与被选择的项目412相关联的子项目4121~4122，而不再显示与项目411相关联的子项目4111~4113。

在图3b中，当用户继续按压控制装置上的向右方向键，如图3c所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目413被选择，则第二展示区42内显示与被选择的项目413相关联的子项目4131~4134，而不再显示与项目412相关联的子项目4121~4122。

在图3c中，当用户继续按压控制装置上的向右方向键，如图3d所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目414被选择，则第二展示区42内显示与被选择的项目414相关联的子项目4141~4144，而不再显示与项目413相关联的子项目4131~4134。

在图3d中，当用户继续按压控制装置上的向右方向键，如图3e所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目415被选择，则第二展示区42内显示与被选择的项目415相关联的子项目4151~4155，而不再显示与项目414相关联的子项目4141~4144。

在图3a-3e提供的gui中，当选择器指示第一展示区内一个项目被选择时，在第二展示区内仅提供与该被选择的项目相关联的至少一个子项目，而未提供第一展示区内除该一个项目之外其它项目相关联的子项目。这样，虽然可实现子项目的分类清晰明了，但是不利于用户在当前gui中浏览更多的子项目信息。另外，由于与项目相关联的子项目的数量根据缺省或后台配置，使得第二展示区内可能出现空白区域，美观度较差。

图4a-4e中示例性示出了通过操作控制装置100而使显示设备200提供的另一个gui400的示意图。

在图4a-4e示出的gui中，提供包括多个项目的第一展示区41，这些项目用于被选择器43选择，使得显示设备在第二展示区42内显示与被选择的项目相关联的至少一个子项目，以及除被选择的项目之外其它项目相关联的子项目中的部分子项目。

其中，第二展示区内显示的子项目是包括与第一展示区内所有项目相关联的子项目的子项目列表的一部分。该子项目列表通常比gui中的第二展示区长，所以第二展示区可仅显示子项目滚动列表中的部分子项目，也即第二展示区，可通过用户输入而滚动更新在gui中显示的子项目。

其中，第一展示区和第二展示区内的项目均水平地排列为一行。在其他实施例中，第一展示区和第二展示区内的项目也可垂直地排列为一列。

接下来，通过图4a-4e来说明根据用户输入指示选择器在第一展示区内移动的gui变化过程。

例如，如图4a所示，第一展示区41包括项目411~415，当前选择器指示项目411被选择，而第二展示区42内显示与被选择的项目411相关联的子项目4111~4113，以及与项目411相邻的项目412相关联的子项目4121~4122。

在图4a中，当用户按压控制装置上的向右方向键，如图4b所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目412被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目412相关联的子项目4121~4122中的子项目4121滚动至项目412的正下方位置，同时，第二展示区42内显示与项目412相邻的项目411相关联的子项目4113、子项目4121~4122和与项目412相邻的项目413相关联的子项目4131~4132，用以替换图4a中显示子项目4111~4113和子项目4121~4122。

在图4b中，当用户按压控制装置上的向右方向键，如图4c所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目413被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目413相关联的子项目4131~4134中的子项目4131滚动至项目413的正下方位置，同时，第二展示区42内显示与项目413相邻的项目412相关联的子项目4121~4122、子项目4131~4133，用以替换图4b中显示子项目4113、子项目4121~4122和子项目4131~4132。

在图4c中，当用户按压控制装置上的向右方向键，如图4d所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目414被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目414相关联的子项目4141~4144中的子项目4141滚动至项目414的正下方位置，同时，第二展示区42内显示与项目414相邻的项目413相关联的子项目4132~4134、子项目4141~4142，用以替换图4c中显示子项目4121~4122和子项目4131~4133。

在图4d中，当用户按压控制装置上的向右方向键，如图4e所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第一展示区41内项目415被选择，则第二展示区42沿左方向滚动一定距离，使得与被选择的项目415相关联的子项目4151~4154中的子项目4151滚动至项目415的正下方位置，同时，第二展示区42内显示与项目415相邻的项目414相关联的子项目4141~4144、子项目4151，用以替换图4d中显示子项目4132~4134和子项目4141~4142。

同理，在图4e中，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置，使得gui中显示图4e-4d-4c-4b-4a的逆变化过程。

在图4a-4e提供的gui中，当选择器指示第一展示区内一个项目被选择时，在第二展示区内不仅提供与该被选择的项目相关联的至少一个子项目，而且提供第一展示区内除该一个项目之外其它项目相关联的子项目。这样，不仅可实现子项目的分类，而且用户在当前gui中可浏览更多的子项目信息。另外，由于第二展示区可沿子项目布置方向滚动更新其内显示的子项目，使得第二展示区内不会出现空白区域，给用户提供美观感。

一些实施例中，当选择器指示第一展示区内一个项目被选择时，将第二展示区内的多个项目滚动一定距离，使得在第二展示区内，与第一展示区内被选择的项目相关联的至少一个子项目中的边界子项目移动至该被选择的项目的下方向位置。这样，可方便用户通过操作控制装置移动选择器的位置而使选择器指示该边界子项目被选择，从而可从该边界子项目开始沿一定顺序浏览该项目类别下的多个子项目，以符合用户一般的浏览习惯；同时还可链接到与该被选择的边界子项目对应的应用程序和/或功能相关联的gui，以便于用户使用该边界子项目对应的功能。

这里，边界子项目是在与被选择的项目相关的至少一个子项目中，按照子项目布置方向布置于边缘的子项目，如子项目4121和子项目4122为与项目412关联的子项目4121~4122中的边界子项目，子项目4131和子项目4134为与项目413关联的子项目4131~4134中的边界子项目等。

例如，结合图4a和4b来说，当用户按压控制装置上的向右方向键，响应于输入的向右方向指令而移动选择器的位置使得选择器从第一展示区41内项目411移动至项目412，则第二展示区42沿左方向滚动一定距离，使得与选择器指示选择的项目412相关联的至少一个子项目4121~4122中的边界子项目4121滚动至项目412的正下方位置。边界子项目4121为子项目4121~4122中沿从左至右方向的首个子项目。这样，当用户按压控制装置上的向下方向键时，可方便用户按照从左至右的顺序浏览同一项目类别下的多个子项目。

又如，结合图4b和4a来说，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置使得选择器从第一展示区41内项目412移动至项目411，则第二展示区42沿右方向滚动一定距离，使得与选择器指示选择的项目411相关联的至少一个子项目4111~4113中的边界子项目4111滚动至项目411的正下方位置。边界子项目4111为子项目4111~4113中沿从左至右方向的首个子项目。这样，当用户按压控制装置上的向下方向键时，可方便用户按照从左至右的顺序浏览同一项目类别下的多个子项目。

在一些实施例中，结合图4a和图5a来说，当用户按压控制装置上的向下方向键，响应于输入的向下方向指令而移动选择器的位置使得选择器从第一展示区41内项目411移动至第二展示区42内子项目4111，此时，第一展示区41内项目411与其他项目412~415区别显示，以向用户提示当前浏览的被选择子项目4111是属于项目411类别下的。例如，图5a中项目411的边框颜色显示为灰色，其他项目412~415的边框颜色显示为黑色。

接下来，通过图5a-5e来说明根据用户输入指示选择器在第二展示区内移动的gui变化过程。

图5a-5e中示例性示出了通过操作控制装置100而使显示设备200提供的又一个gui400的示意图。

这里图5a-5e示出的gui与图4a-4e示出的gui的布局风格一致。

在图5a-5e示出的gui中，提供包括多个项目的第一展示区41，以及包括与多个项目相关联的多个子项目的第二展示区42。这些子项目用于被选择器43选择，从而在滚动第二展示区内多个子项目的同时，使得被选择子项目与其所属项目之间呈现一定偏移。

例如，如图5a所示，第一展示区41包括项目411~415，第二展示区包括与项目411相关联的子项目4111~4113、与项目412相关联的子项目4121~4122。当前选择器指示第二展示区内子项目4111被选择，子项目4111位于其所属项目411的正下方位置，也即子项目4111与其所属项目411之间的偏移offset0为0。

在图5a中，当用户按压控制装置上的向右方向键，如图5b所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4112被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4112与其所属项目411之间的偏移为offset1。同时，图5b中仍然保持项目411的边框颜色显示为灰色，其他项目412~415的边框颜色显示为黑色。

在图5b中，当用户按压控制装置上的向右方向键，如图5c所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4113被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4113与其所属项目411之间的偏移为offset2。同时，图5c中仍然保持项目411的边框颜色显示为灰色，其他项目412~415的边框颜色显示为黑色。

在图5c中，当用户按压控制装置上的向右方向键，如图5d所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4121被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4121位于其所属项目412的正下方位置，也即子项目4121与其所属项目412之间的偏移offset0为0。同时，图5d中项目412的边框颜色改变为灰色，其他项目411、413~415的边框颜色显示为黑色，以向用户提示当前被选择子项目4121是属于项目412类别下的。

在图5d中，当用户按压控制装置上的向右方向键，如图5e所示，响应于输入的向右方向指令而移动选择器的位置使得选择器指示第二展示区42内子项目4122被选择，则第二展示区42内多个子项目沿左方向滚动一定距离，使得被选择子项目4122与其所属项目412之间的偏移为offset1。同时，图5e中仍然保持项目412的边框颜色显示为灰色，其他项目411、413~415的边框颜色显示为黑色。

同理，在图5e中，当用户按压控制装置上的向左方向键，响应于输入的向左方向指令而移动选择器的位置，使得gui中显示图5e-5d-5c-5b-5a的逆变化过程。

由上可知，一方面，同一项目类别下的至少一个子项目中，按照从一个边界子项目至另一个边界子项目的顺序依次指示选择器选择子项目，则被选择子项目与其所属项目之间呈现的偏移渐进式变化，以提示用户当前在同一项目类别下的至少一个子项目之间按照渐进式变化的方向或顺序进行浏览。

例如，图5a-5c所示，子项目4111、子项目4112、子项目4113与其所属项目411之间呈现的偏移分别为offset0、offset1、offset2，且offset0<offset1<offset2，即这些偏移按照从左至右顺序逐渐增大，能够向用户提示当前按照从左至右顺序浏览项目411类别下的子项目4111~4113。反之，图5c-5a所示，子项目4113、子项目4112、子项目4111与其所属项目411之间呈现的偏移分别为offset2、offset1、offset0，且offset2>offset1>offset0，即这些偏移按照从右至左顺序逐渐减小，能够向用户提示当前按照从右至左顺序浏览项目411类别下的子项目4111~4113。

又如，图5d-5e所示，子项目4121、子项目4122与其所属项目412之间呈现的偏移分别为offset0、offset1，且offset0<offset1，即这些偏移按照从左至右顺序逐渐增大，能够向用户提示当前按照从左至右顺序浏览项目412类别下的子项目4121~4122。反之，图5e-5d所示，子项目4122、子项目4121与其所属项目412之间呈现的偏移分别为offset1、offset0，且offset1>offset0，即这些偏移按照从右至左顺序逐渐减小，能够向用户提示当前按照从右至左顺序浏览项目412类别下的子项目4121~4122。

另一方面，被选择子项目与其所属项目之间呈现的偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度，以提示用户当前在同一项目类别下的至少一个子项目之间进行浏览。

例如，图5a-5c所示，子项目4111、子项目4112、子项目4113与其所属项目411之间呈现的偏移分别为offset0、offset1、offset2，这些偏移大于等于0且小于项目411的宽度，能够向用户提示子项目4111~4113属于项目411类别。又如，图5d-5e所示，子项目4121、子项目4122与其所属项目412之间呈现的偏移分别为offset0、offset1，这些偏移大于等于0且小于项目412的宽度，能够向用户提示子项目4121~4122属于项目412类别。

图6a-6b示例性示出了选择器在第一展示区内移动时显示设备提供的方法600的流程图。

结合图1c和图6a-6b来说，选择器在第一展示区内移动时显示设备提供的方法600，包括如下步骤s61~s63：

步骤s61，在显示器上显示包括第一展示区和第二展示区的gui，其中，第一展示区包括多个项目，第二展示区包括与该项目相关的至少一个子项目；以及指示该项目或该子项目被选择的选择器。

例如，如图4a所示的gui中，包括提供多个项目411~415的第一展示区41，以及提供与项目411相关联的项目4111~4113、与项目412相关联的项目4121~4122的第二展示区42，以及指示项目411被选择的选择器43。

步骤s62，通过用户接口接收控制选择器移动的移动指令。

例如，用户接口可以接收用户通过按压控制装置上的左/右方向键，控制选择器在gui中向左/右方向移动的指令，以改变选择器在gui中的位置。

步骤s63，通过控制器执行：当基于移动指令确定选择器在第一展示区内移动，且选择器移动至一个项目时，将第二展示区的多个子项目滚动预设距离，使得多个子项目中与被选择项目相关的至少一个子项目中的边界子项目滚动至被选择项目周围位置。

这里，被选择项目周围位置，可以是被选择项目的上方向、下方向、左方向、右方向位置；并且通过用户输入可以使选择器从被选择项目的位置移动至被选择的项目周围位置。

例如，如图4a和4b所示，选择器从项目411移动至项目412时，将第二展示区的多个子项目滚动预设距离，使得多个子项目中与项目412相关的边界子项目4121滚动至项目412的下方向位置。

在一些实施例中，当通过控制器确定选择器移动至一个项目时，控制器具体执行以下步骤：

步骤s631，获取选择器移动前被选择项目在第一展示区内的当前索引tabindex。

步骤s632，判断当前索引tabindex是否为第一展示区内的最后一个索引；若否，则执行步骤s633；否则，结束流程。

步骤s633，获取选择器移动后被选择项目在第一展示区内的目标索引targettabindex。

这里，例如，选择器从左向右移动，则目标索引targettabindex=tabindex+1；选择器从右向左移动，则目标索引targettabindex=tabindex-1。

步骤s634，基于目标索引，获取被选择项目类别下的边界子项目的索引targetdemoindex。

步骤s635，基于该边界子项目的索引，获取该边界子项目的的横坐标值targetdemox。

步骤s636，根据公式1计算第二展示区内多个子项目需要滚动的滚动距离l1。

步骤s637，将第二展示区内的多个子项目滚动距离l1，使得与被选择项目相关的边界子项目滚动至被选择项目周围位置。

下面结合图6a-6b和图7来具体说明方法600。

图7示例性示出了选择器在第一展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图。

如图7中a图所示，gui中显示包括项目411~415的第一展示区41，包括子项目4113、4121~4122、4131~4132的第二展示区42，包括与项目411~415相关联的所有子项目的子项目列表44。其中，子项目列表共包括18个子项目，第二展示区可完整显示5个子项目。

用户可通过控制装置移动选择器在第一展示区41内的位置，从而将第二展示区42内的多个子项目沿子项目布置方向滚动一定距离，使得布置在子项目4113左侧并且之前未显示在gui中的子项目4111~4112显示在第二展示区41中，或者，使得布置在子项目4132右侧并且之前未显示在gui中的子项目4133~4155显示在第二展示区41中。

例如，如图7中a图和b图所示，当经由控制装置指示选择器从图7中a图中项目412移动至图7中b图中项目413时，子项目列表44向左方向滚动一定距离，使得第二展示区42内更新显示的5个子项目，即由图7中a图中显示的5个子项目4113、4121~4122、4131~4132更新为4121~4122、4131~4133。

又如，如图7中b图和d图所示，当经由控制装置指示选择器从图7中b图中项目413移动至图7中d图中项目414时，子项目列表44向左方向滚动一定距离，使得第二展示区内更新显示的5个子项目，即由图7中b图中显示的5个子项目4121~4122、4131~4133更新为4132~4134、4141~4142。

同时，用户可通过控制装置移动选择器在第一展示区41内的位置而使选择器指示一个项目被选择，从而将第二展示区42多个子项目沿子项目布置方向滚动一定距离，使得与第一展示区内41被选择项目相关联的至少一个子项目中的边界子项目滚动至该项目正下方位置。

这里，可通过下列公式来计算子项目列表需要滚动的滚动距离l1，从而使得与被选择项目相关联的至少一个子项目中的边界子项目滚动至被选择项目正下方位置。

公式1：l1=targetdemox-targettabindex*（a+w）-d

上述公式中：

targetdemox-表示与被选择项目相关联的边界子项目与第一展示区左侧边缘的距离（也即边界子项目的横坐标，以屏幕左下角为坐标原点）；这里，targetdemox可由控制器根据边界子项目在被选择项目类别下的索引直接获取到。

targettabindex-表示被选择项目在第一展示区内的索引，即第一展示区内被选择项目左侧的项目数量；这里，第一展示区内项目411~415的索引分别为0~4。

a-表示第一展示区内不同项目之间的间距；a大于等于0。

w-表示第一展示区内一个项目的宽度。

d-表示第一展示区内左侧第一个项目与第一展示区左侧边缘的间隙；d大于等于0。

结合图7中a图和b图来说，当经由控制装置指示选择器从图7中a图中项目412移动至图7中b图中项目413时，将第二展示区内多个子项目沿左方向滚动一定距离，使得子项目4131滚动至项目413的正下方位置，即如图7中a图所示，需要将子项目4131从startposition位置滚动至endposition位置，需要滚动的滚动距离l1=startposition-endposition，而项目413的索引targettabindex为2，所以startposition=targetdemox，endposition=d+2*（a+w），因此可得出l=targetdemox-targettabindex*（a+w）-d=targetdemox-2*（a+w）-d。

结合图7中b图和a图来说，当经由控制装置指示选择器从图7中b图中项目413移动至图7中a图中项目412时，将第二展示区内多个子项目沿右方向滚动一定距离，使得子项目4121滚动至项目412的正下方位置，即如图7中b图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离l1=startposition-endposition，而项目412的索引targettabindex为1，所以startposition=targetdemox，endposition=d+1*（a+w），所以可得出l1=targetdemox-targettabindex*（a+w）-d=targetdemox-1*（a+w）-d。

结合图7中c图和d图来说，当经由控制装置指示选择器从图7中c图中项目413移动至图7中d图中项目414时，将第二展示区内多个子项目沿右方向滚动一定距离，使得子项目4141滚动至项目414的正下方位置，即如图7中c图所示，需要将子项目4141从startposition位置滚动至endposition位置，需要滚动的滚动距离l1=startposition-endposition，而项目414的索引targettabindex为3，所以startposition=targetdemox，endposition=d+3*（a+w），所以可得出l1=targetdemox-targettabindex*（a+w）-d=targetdemox-3*（a+w）-d。

在图7中a图-d图中，第一展示区内项目和第二展示区内子项目具有相同的宽度w，可使用户直观体验项目的布置具有统一风格和属性，且符合用户习惯。

但是，第一展示区内不同项目之间的间距与第二展示区内不同子项目之间的间距不一定相同。

如图7中a图所示，第一展示区内不同项目之间具有相同的间距a；而第二展示区内同一类别下的不同子项目之间具有相同的间距b，如子项目4121和子项目4122之间间距为b、子项目4131和子项目4132之间间距为b，不同类别下子项目中的边缘子项目之间具有相同的间距a，如子项目4113和子项目4121之间间距为a、子项目4122和子项目4131之间间距为a。这里，一方面，不同项目之间的间距a和不同类别下子项目中的边缘子项目之间的间距a相同，可使用户体验到第一展示区和第二展示区内的项目分类清晰且一致；另一方面，间距b可以小于间距a，从而可使用户直观的区分第二展示区内同一类别下的子项目和不同类别下的子项目。

如图9a中a图所示，第一展示区内不同项目之间具有相同的间距a；而第二展示区内同一类别下的不同子项目之间具有相同的间距b，如子项目4121和子项目4122之间间距为b、子项目4131和子项目4132之间间距为b，不同类别下子项目中的边缘子项目之间具有相同的间距c，如子项目4113和子项目4121之间间距为c、子项目4122和子项目4131之间间距为c。这里间距c可以大于间距a，间距a可以大于间距b，从而也可使用户直观的区分第二展示区内同一类别下的子项目和不同类别下的子项目。

然而，本实施例并不限定各项目之间的间距。如第一展示区内不同项目之间具有相同的间距a，而第二展示区内不同子项目之间也具有相同的间距a，也可使用户直观体验项目的布置具有统一风格和属性。

此外，本实施例也不限定不同类别下的子项目的区分形式，除上述采用同一类别下的子项目之间的间距小于不同类别下的子项目之间的间距之外，还可以采用同一类别下的子项目的背景颜色与不同类别下的子项目的背景颜色不一样来区分。

图8a-8b示例性示出了选择器在第二展示区内移动时显示设备提供的方法800流程图。

结合图1c和图8a-8b来说，选择器在第二展示区内移动时显示设备提供的方法800，包括如下步骤s81~s83：

步骤s81，在显示器上显示包括第一展示区和第二展示区的gui，其中，第一展示区包括多个项目，第二展示区包括与该项目相关的至少一个子项目；以及指示该项目或该子项目被选择的选择器。

例如，如图5a所示的gui中，包括提供多个项目411~415的第一展示区41，以及提供与项目411相关联的项目4111~4113、与项目412相关联的项目4121~4122的第二展示区42，以及指示项目4111被选择的选择器43。

步骤s82，通过用户接口接收控制选择器移动的移动指令。

例如，用户接口可以接收用户通过按压控制装置上的左/右方向键，控制选择器在gui中向左/右方向移动的指令，以改变选择器在gui中的位置。

步骤s83，通过控制器执行：当基于移动指令确定选择器在第二展示区内移动时，且选择器移动至一个子项目时，滚动第二展示区的多个子项目，使得至少一个子项目中被选择子项目与其所属项目之间呈现偏移。

例如，如图5a和5b所示，选择器从子项目4111移动至子项目4112时，将第二展示区的多个子项目滚动预设距离，使得被选择子项目4112与其所属项目之间呈现偏移offset1。

在一些实施例中，当通过控制器确定选择器移动至一个子项目时，控制器具体执行以下步骤：

步骤s831，获取选择器移动后被选择子项目所属项目在第一展示区内的目标索引targettabindex。

步骤s832，基于该目标索引，获取被选择子项目在其所属项目类别下的索引targetdemoindex。

步骤s833，基于该被选择子项目的索引，获取该被选择子项目的的横坐标值targetdemox。

步骤s834，根据公式1计算被选择子项目滚动至其所属项目正下方位置的滚动距离l1。

步骤s835，根据公式2计算目标索引内每个子项目所占其所属项目的单位偏移offset。

步骤s836，根据公式3计算被选择子项目与其所属项目之间的偏移actualoffset。

步骤s837，根据公式4计算第二展示区内多个子项目需要滚动的滚动距离l2。

步骤s838，将第二展示区内的多个子项目滚动距离l2，使得被选择子项目与其所属项目之间呈现一定偏移。

下面结合图8a-8b和图9a-9b来具体说明方法800。

图9a-9b示例性示出了选择器在第二展示区内移动时，第二展示区内多个子项目滚动距离的计算方法示意图。

如图9a中a图所示，gui中显示包括项目411~415的第一展示区41，包括子项目4111~4113、4121~4122的第二展示区42，包括与项目411~415相关联的所有子项目的子项目列表44。其中，子项目列表共包括18个子项目，第二展示区可完整显示5个子项目。

用户可通过控制装置移动选择器在第二展示区42内的位置，从而将第二展示区42内的多个子项目沿子项目布置方向滚动一定距离，使得布置在子项目4122右侧并且之前未显示在gui中的子项目4131~4155显示在第二展示区42中。

同时，用户可通过控制装置移动选择器在第二展示区42内的位置，且确定选择器在与一个项目相关联的至少一个子项目之间移动时，将第二展示区42多个子项目沿子项目布置方向滚动一定距离，使得至少一个子项目中被选择子项目与一个项目之间呈现的偏移，按照从一个边界子项目至另一个边界子项目的布置顺序渐进式变化。

这里，可通过下列公式来计算子项目列表需要滚动的滚动距离l2，从而使得至少一个子项目中被选择子项目与一个项目之间呈现的偏移，按照从一个边界子项目至另一个边界子项目的布置顺序呈渐进式变化。

首先，根据公式1，计算被选择子项目滚动到被选择子项目所属项目正下方位置的距离l1。

公式1：l1=targetdemox-targettabindex*（a+w）-d

上述公式1中：

targetdemox-表示与被选择子项目与第一展示区左侧边缘的距离（也即被选择子项目的横坐标，以屏幕左下角为坐标原点）；这里，targetdemox可由控制器根据被选择子项目在其所属项目类别下的索引直接获取到。

targettabindex-表示被选择子项目所属项目在第一展示区内的索引，即第一展示区内所属项目左侧的项目数量；这里，第一展示区内项目411~415的索引分别为0~4。

a-表示第一展示区内不同项目之间的间距；a大于等于0。

w-表示第一展示区内一个项目的宽度。

d-表示第一展示区内左侧第一个项目与第一展示区左侧边缘的间隙；d大于等于0。

其次，根据公式2，计算与被选择子项目所属项目相关联的每个子项目在（a+w）中所占的单位偏移offset。

公式2：offset=(a+w)/n；

上述公式2中：n-表示与被选择子项目所属项目相关联的子项目的数量。

再次，根据公式3，计算被选择子项目与被选择子项目所属项目之间的偏移：

公式3：actualoffset=targetdemoindex*offset；

上述公式3中：targetdemoindex-表示被选择子项目在与其所属项目相关联的至少一个子项目中的索引，即在该至少一个子项目中被选择子项目左侧的子项目数量；例如项目411相关联的子项目4111~4113的索引分别为0~2。

最后，根据公式4，计算子项目列表需要滚动的滚动距离l2：

公式4：l2=l1–actualoffset。

例如，结合图9a中a图和b图所示，当经由控制装置指示选择器从图9a中a图中子项目4111移动至图9a中b图中子项目4112时，子项目列表44向左方向滚动一定距离，使得子项目4112与项目411之间呈现的偏移为offset，以替代图9a中a图中子项目4111与项目411之间无偏移。即如图9a中a图所示，需要将子项目4112从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition。而项目411在第一展示区内的索引为0，子项目4112在与其所属项目411相关联的至少一个子项目中的索引为1，与项目411相关联的子项目的数量为3，所以，根据公式1计算l1==targetdemox-0*（a+w）-d，根据公式2计算offset=(a+w)/3，根据公式3计算actualoffset=1*offset，最后可得l2=l1-actualoffset=targetdemox-d-offset。

又如，结合图9a中b图和c图所示，当经由控制装置指示选择器从图9a中b图中子项目4112移动至图9a中c图中子项目4113时，子项目列表44向左方向滚动一定距离，使得子项目4113与项目411之间呈现的偏移为2*offset。即如图9a中b图所示，需要将子项目4113从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition。而项目411在第一展示区内的索引为0，子项目4113在与其所属项目411相关联的至少一个子项目中的索引为2，与项目411相关联的子项目的数量为3，所以，根据公式1计算l1==targetdemox-0*（a+w）-d，根据公式2计算offset=(a+w)/3，根据公式3计算actualoffset=2*offset，最后可得l2=l1-actualoffset=targetdemox-d-2*offset。

又如，结合图9a中c图和d图所示，当经由控制装置指示选择器从图9a中c图中子项目4113移动至图9a中d图中子项目4121时，子项目列表44向左方向滚动一定距离，使得子项目4121与项目412之间呈现的偏移为0。即如图9a中c图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition。而项目412在第一展示区内的索引为1，子项目4121在与其所属项目412相关联的至少一个子项目中的索引为0，与项目412相关联的子项目的数量为2，所以，根据公式1计算l1==targetdemox-1*（a+w）-d，根据公式2计算offset=(a+w)/2，根据公式3计算actualoffset=0*offset，最后可得l2=l1-actualoffset=targetdemox-（a+w）-d。

这里，当选择器即将指示的被选择子项目为其所属项目的边界子项目时，还可以直接按照公式1来计算子项目列表需要滚动的滚动距离l2，也即此时l2=l1。例如如图9a中c图所示，需要将子项目4121从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition，即l2=l1=targetdemox-（a+w）-d。

又如，结合图9a中d图和e图所示，当经由控制装置指示选择器从图9a中d图中子项目4121移动至图9a中e图中子项目4122时，子项目列表44向左方向滚动一定距离，使得子项目4122与项目412之间呈现的偏移为offset。即如图9a中d图所示，需要将子项目4122从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition。而项目412在第一展示区内的索引为1，子项目4122在与其所属项目412相关联的至少一个子项目中的索引为1，与项目412相关联的子项目的数量为2，所以，根据公式1计算l1==targetdemox-1*（a+w）-d，根据公式2计算offset=(a+w)/2，根据公式3计算actualoffset=1*offset，最后可得l2=l1-actualoffset=targetdemox-（a+w）-d-offset。

又如，结合图9b中f图和c图所示，当经由控制装置指示选择器从图9b中f图中子项目4121移动至图9b中c图中子项目4113时，子项目列表44向右方向滚动一定距离，使得子项目4113与项目411之间呈现的偏移为2*offset。即如图9b中f图所示，需要将子项目4113从startposition位置滚动至endposition位置，需要滚动的滚动距离l2=startposition-endposition。而项目411在第一展示区内的索引为0，子项目4113在与其所属项目411相关联的至少一个子项目中的索引为2，与项目411相关联的子项目的数量为3，所以，根据公式1计算l1==targetdemox-0*（a+w）-d，根据公式2计算offset=(a+w)/3，根据公式3计算actualoffset=2*offset，最后可得l2=l1-actualoffset=targetdemox--d-2offset。

由此可知，如图9a中a图-c图所示，在子项目4111~4113中，按照被选择子项目依次为4111、4112、4113的顺序，被选择子项目与项目411之间呈现的偏移依次为0、offset、2*offset，这些偏移呈逐渐增大趋势；反之，这些偏移则呈逐渐减小趋势。如图9a中d图-e图所示，在子项目4121~4122中，按照被选择子项目依次为4121、4122的顺序，被选择子项目与项目412之间呈现的偏移依次为0、offset，这些偏移呈逐渐增大趋势；反之，这些偏移则呈逐渐减小趋势。

此外，由公式3和公式2可得，被选择子项目与被选择子项目所属项目之间的偏移actualoffset=targetdemoindex*offset=targetdemoindex*(a+w)/n，所以该偏移大于等于0，且小于被选择子项目所属项目在第一展示区的宽度和项目的间距之和。

此外，由公式3和公式2可得，被选择子项目与被选择子项目所属项目之间的偏移actualoffset=targetdemoindex*offset=targetdemoindex*(a+w)/n，所以该偏移的大小与同一项目类别下子项目的数量n有关。同一类别下子项目的数量n越大，处于该类别下相同索引targetdemoindex处的被选择子项目与其所属项目之间呈现的偏移actualoffset越小。

例如，如图9a中b图所示，子项目4112与项目411之间呈现的偏移为offset=(a+w)/3；如图9a中e图所示，子项目4122与项目412之间呈现的偏移为offset=(a+w)/2；这里，由于项目411类别下的子项目数量3大于项目412类别下的子项目数量2，所以子项目4112与项目411之间呈现的偏移小于子项目4122与项目412之间呈现的偏移。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。