一种提供菜单项的图形用户界面方法及显示设备
技术领域
本申请涉及显示技术领域,尤其涉及一种提供执行图像内容所需功能的菜单项的图形用户界面方法及显示设备。
背景技术
为了满足用户个性化需求,显示设备不仅可以为用户提供通过数据广播接收的各种传统节目内容,而且可以为用户提供由内容制造商设置的各种应用和服务内容。
在显示上述各种内容的同时,显示设备还提供用于对上述各种内容进行功能操作的菜单项。然而,显示设备提供的这些菜单项的显示位置通常固定,在用户指示显示设备切换语言后,这些菜单项通常错乱显示,影响用户观感体验。
例如,由于英语和葡萄牙语在表示相同含义时使用词汇的长度可能不相同,因而可能造成在预留空间内不能完整显示文本,甚至造成用户界面上出现文本重叠或覆盖等现象,一定程度上会丢失原有用户界面的布局和/或视觉效果。
发明内容
本申请实施例提供一种执行图像内容所需功能的菜单项的图形用户界面方法及显示设备,用以根据显示设备的设置语言自动调整菜单项的显示位置,从而提高用户观感体验。
第一方面,提供一种执行图像内容所需功能的菜单项的图形用户界面方法,包括:
响应于用户输入的指示显示图像内容的控制指令,在显示器的内容显示区显示图像内容;以及,基于显示设备的设置语言,计算为所述图像内容配置且用于执行所述图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项。
一些实施例中,所述至少一个菜单项根据缺省而配置或根据用户设置而配置。
一些实施例中,所述至少一个菜单项从菜单显示区的一边界开始向另一边界排列,使得菜单项之间保持距离而不彼此重叠。
一些实施例中,计算至少一个菜单项在菜单显示区的实际位置的步骤,包括:
基于显示设备的设置语言,计算至少一个菜单项在菜单显示区占用的实际宽度;
基于计算出的实际宽度以及从菜单显示区的一边界至另一边界的排列方向,确定至少一个菜单项在菜单显示区的实际位置。
一些实施例中,所述菜单项以菜单项名称和菜单项图标表示。
一些实施例中,计算菜单项在菜单显示区占用的实际宽度的步骤,包括:
计算菜单项中菜单项名称在显示设备的设置语言下对应的文本宽度;
获取菜单项中菜单项图标对应的宽度;
将菜单项名称的宽度和菜单项图标的宽度之和确定为菜单项占用的实际宽度。
一些实施例中,还包括:
响应于用户输入的指示修改显示设备的设置语言的控制指令,修改显示设备的设置语言;
响应于用户输入的指示显示图像内容的控制指令,在显示器的内容显示区显示图像内容;以及,基于修改后显示设备的设置语言,计算为所述图像内容配置且用于执行所述图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项;
其中,在显示设备的设置语言被修改前后,所述至少一个菜单项在菜单显示区的实际位置不同。
一些实施例中,所述菜单项对应的功能信息与用于将用户输入提供给显示设备的控制装置上的颜色键信息具有映射关系。
第二方面,提供一种显示设备,包括:
显示器,用于显示图形用户界面;
控制器,用于执行:
响应于用户输入的指示显示图像内容的控制指令,在显示器的内容显示区显示图像内容;以及,基于显示设备的设置语言,计算为所述图像内容配置且用于执行所述图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项。
一些实施例中,所述至少一个菜单项根据缺省而配置或根据用户设置而配置。
一些实施例中,所述至少一个菜单项从菜单显示区的一边界开始向另一边界排列,使得菜单项之间保持距离而不彼此重叠。
一些实施例中,所述控制器,具体执行:
基于显示设备的设置语言,计算至少一个菜单项在菜单显示区占用的实际宽度;
基于计算出的实际宽度以及从菜单显示区的一边界至另一边界的排列方向,确定至少一个菜单项在菜单显示区的实际位置。
一些实施例中,所述菜单项以菜单项名称和菜单项图标表示。
一些实施例中,所述控制器,具体执行:
计算菜单项中菜单项名称在显示设备的设置语言下对应的文本宽度;
获取菜单项中菜单项图标对应的宽度;
将菜单项名称的宽度和菜单项图标的宽度之和确定为菜单项占用的实际宽度。
一些实施例中,所述控制器,具体执行:
响应于用户输入的指示修改显示设备的设置语言的控制指令,修改显示设备的设置语言;
响应于用户输入的指示显示图像内容的控制指令,在显示器的内容显示区显示图像内容;以及,基于修改后显示设备的设置语言,计算为所述图像内容配置且用于执行所述图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项;
其中,在显示设备的设置语言被修改前后,所述至少一个菜单项在菜单显示区的实际位置不同。
一些实施例中,所述菜单项对应的功能信息与用于将用户输入提供给显示设备的控制装置上的颜色键信息具有映射关系。
上述实施例中,显示设备能够提供图像内容;以及能够根据当前设置的系统语言,计算用于执行图像内容所需功能的至少一个菜单项的实际布局位置,从而能够实现不同系统语言下菜单项布局的自适应,避免由于显示位置固定而出现不同系统语言下菜单项不能完整显示、或相互重叠、或覆盖,以提高用户视觉体验。
附图说明
图1A中示例性示出了显示设备200与控制100之间操作场景的示意图;
图1B中示例性示出了图1A中控制装置100的配置框图;
图1C中示例性示出了图1A中显示设备200的配置框图;
图1D中示例性示出了显示设备200存储器中操作系统的架构配置框图。
图2中示例性示出了显示设备200提供的一个GUI的示意图;
图3A-3H中示例性示出了显示设备200提供的另一个GUI的示意图;
图4中示例性示出了控制装置100的一个示意图;
图5A-5E中示例性示出了显示设备200提供的另一个GUI的示意图;
图6A-6B中示例性示出了显示设备200提供的另一个GUI的示意图;
图7A-7D中示例性示出了显示设备200提供的又一个GUI的示意图;
图8A-8B中示例性示出了显示设备中提供执行图像内容所需功能的菜单项的图形用户界面的方法流程图;
图9示例性示出了计算各个菜单项在菜单显示区内实际布局位置的方法示意图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施例中的技术方案进行清楚、完整地描述,显然,所描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
基于本申请中示出的示例性实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。此外,虽然本申请中公开内容按照示范性一个或几个实例来介绍,但应理解,可以就这些公开内容的各个方面也可以单独构成一个完整技术方案。
本申请中使用的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的那些组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
本申请中使用的术语“模块”,是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
本申请中使用的术语“手势”,是指用户通过一种手型的变化或手部运动等动作,用于表达预期想法、动作、目的/或结果的用户行为。
图1A中示例性示出了显示设备200与控制装置100之间操作场景的示意图。如图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数据)。
调谐解调器210,可根据用户选择,以及由控制器250控制,响应用户选择的电视频道的频率以及该频率所携带的电视信号。
调谐解调器210,根据电视信号的广播制式不同,可以接收信号的途径有很多种,诸如:地面广播、有线广播、卫星广播或互联网广播等;以及根据调制类型不同,可以数字调制方式或模拟调制方式;以及根据接收电视信号的种类不同,可以解调模拟信号和数字信号。
在其他一些示例性实施例中,调谐解调器210也可在外部设备中,如外部机顶盒等。这样,机顶盒通过调制解调后输出电视信号,经过外部装置接口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存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、中间件层和内核层。
应用层,系统内置的应用程序以及非系统级的应用程序都属于应用层,其负责与用户进行直接交互。应用层可包括多个应用程序,如NETFLIX应用程序、设置应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用,其基于WebKit引擎来执行,具体可基于HTML、层叠样式表(CSS)和JavaScript来开发并执行。
这里,HTML,全称为超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言,通过标记标签来描述网页,HTML标签用以说明文字、图形、动画、声音、表格、链接等,浏览器会读取HTML文档,解释文档内标签的内容,并以网页的形式显示出来。
CSS,全称为层叠样式表(Cascading Style Sheets),是一种用来表现HTML文件样式的计算机语言,可以用来定义样式结构,如字体、颜色、位置等的语言。CSS样式可以直接存储与HTML网页或者单独的样式文件中,实现对网页中样式的控制。
JavaScript,是一种应用于Web网页编程的语言,可以插入HTML页面并由浏览器解释执行。其中Web应用的交互逻辑都是通过JavaScript实现。JavaScript可以通过浏览器,封装JavaScript扩展接口,实现与内核层的通信,
中间件层,可以提供一些标准化的接口,以支持各种环境和系统的操作。例如,中间件层可以实现为与数据广播相关的中间件的多媒体和超媒体信息编码专家组(MHEG),还可以实现为与外部设备通信相关的中间件的DLNA中间件,还可以实现为提供显示设备内各应用程序所运行的浏览器环境的中间件等。
内核层,提供核心系统服务,例如:文件管理、内存管理、进程管理、网络管理、系统安全权限管理等服务。内核层可以被实现为基于各种操作系统的内核,例如,基于Linux操作系统的内核。
内核层也同时提供系统软件和硬件之间的通信,为各种硬件提供设备驱动服务,例如:为显示器提供显示驱动程序、为摄像头提供摄像头驱动程序、为遥控器提供按键驱动程序、为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提供的一个GUI的示意图。
如图2所示,显示设备可向显示器提供GUI400,该GUI400包括提供不同图像内容的多个展示区,各个展示区中包括布置的一个或多个不同项目。例如,第一展示区41内布置项目411~416,第二展示区42内布置项目421~426。以及该GUI还包括指示任一项目被选择的选择器43,可通过用户操作控制装置的输入而移动选择器在GUI中的位置或移动各项目在GUI中的位置,以改变选择不同的项目。例如,选择器43指示第一展示区41内项目411被选择。
需要说明的是,项目是指在显示设备200中GUI的各展示区中显示以表示诸如图标、缩略图、视频剪辑、链接等对应内容的视觉对象,这些项目可以为用户提供通过数据广播接收的各种传统节目内容、以及由内容制造商设置的各种应用和服务内容。
一些实施例中,项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序,或其他用户访问内容历史信息。如项目为电影或电视剧时,项目可显示为电影或电视剧的海报、电影或电视剧的预告片的视频剪辑动态画面。如项目为音乐时,可显示音乐专辑的海报。如项目为应用程序时,可显示为应用程序的图标,或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时,可显示为最近执行过程中内容截图。
一些实施例中,项目可以表示显示设备200与外部设备连接的接口或接口集合,或可表示连接至显示设备的外部设备名称等。如:信号源输入接口集合、或HDMI接口、USB接口、PC端子接口等。
项目的展示形式通常多样化。例如,项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像,或与文本相关的视频剪辑。又如,项目可以是应用程序的文本和/或图标。
还需说明的是,选择器用于指示其中任一项目已被选择,如焦点对象。一方面,可根据用户通过控制装置100的输入,控制显示设备200中显示焦点对象的移动来选择或控制项目。如:用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。另一方面,可根据用户通过控制装置100的输入,控制显示设备200中显示的各项目的移动来使得焦点对象选择或控制项目。如:用户可通过控制装置100上方向键控制各项目一并进行左右移动,以在保持焦点对象的位置不变时使得焦点对象选择和控制项目。
选择器的标识形式通常多样化。示例的,如图2中通过放大项目来实现或标识焦点对象43的位置,如图5中通过设置项目背景色来实现或标识焦点对象43的位置,也可以通过改变聚焦项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识焦点对象43的位置。
图3A-3H中示例性示出了显示设备200提供的另一个GUI的示意图。
如图3A所示,GUI400可实现为显示设备的首页。其中,第一展示区41包括为用户提供常用服务内容的项目411~416,项目411~416分别为Apps(已安装应用程序)、Inputs(输入接口)、Media(媒体中心应用程序)、NETFLIX(一视频应用程序)、YouTube(一视频应用程序)、Amazon(一购物应用程序);第二展示区42包括为用户提供快捷服务内容的项目421~424,项目421~424分别为Settings(设置应用程序)、Search(搜索)、Notifications(通知中心应用程序)、TV Browser(浏览器);当前选择器43指示Apps 411被选择。
此外,显示设备当前的系统语言被选择为英语,这是显示设备在首次启动后设置的系统语言或者显示设备启动后基于用户输入设置的系统语言,所以显示设备提供的GUI内容也为英语。
在图3A中,当用户按压控制装置上的确认键,如图3B所示,显示设备响应于输入的激活Apps 411的指令,显示与Apps 411相关联的GUI500。其中,该GUI500包括提供多个已安装应用程序信息的内容显示区51和用于执行该多个已安装应用程序信息所需功能的至少一个菜单项的菜单显示区52。
其中,内容显示区51中提供多个已安装应用程序,例如NETFLIX、YouTube、4KNOW等,以供用户进行访问。例如,当前选择器43指示NETFLIX应用程序被选择,当用户按压控制装置上确认键时,显示设备可以响应于激活NETFLIX应用程序的指令,从而访问NETFLIX应用程序提供的相关服务。
菜单显示区52中提供用于对内容显示区51中多个已安装应用程序执行相关功能的至少一个菜单项,例如Uninstall521(如执行将某应用程序从显示设备中卸载)、Add tohome522(如执行将某应用程序从GUI500添加到GUI400中的第一展示区(即显示设备的首页))、Remove from home523(如执行将某应用程序从GUI400中的第一展示区(即显示设备的首页)移除)、Sort524(如执行将内容显示区51中的多个已安装应用程序按照安装名称或安装时间进行排序),以供用户输入执行多个应用程序所需功能的操作意图。
这里,菜单显示区52中的菜单项可以菜单项名称和菜单项图标来表示。例如,Uninstall521菜单项对应的名称为Uninstall、图标为R(红色)矩形条;Add to home522菜单项对应的名称为Add to home、图标为G(绿色)矩形条;Remove from home523菜单项对应的名称为Remove from home、图标为Y(黄色)矩形条;Sort524菜单项对应的名称为Sort、图标为B(蓝色)矩形条。
此外,一个菜单项中,菜单项名称与菜单项图标上下排布、且菜单项名称按照与菜单项图标左对齐的方式排布,例如,菜单项名称Uninstall位于菜单项图标红色矩形条的上方、且菜单项名称Uninstall的左端与菜单项图标红色矩形条的左端平齐。而各个菜单项之间按照预设的显示位置呈左右排布,例如,菜单项521~524在菜单显示区52内按照预先设置的显示位置排列为一行。
需要说明的是,为了选择并执行显示设备提供的图像内容服务所需的相关功能,显示设备提供了用于选择功能的多个菜单项,同时,被配置为控制显示设备的控制装置中可以包括用于选择功能的多个颜色键,以向用户提示可以通过操作控制装置上的颜色键而使显示设备执行与该颜色键适配的菜单项功能。
这里,上述菜单项对应的功能信息与控制装置上的颜色键信息具有映射关系。具体的,当显示设备接收到用户输入的与控制装置上各个颜色键对应的键事件值时,显示设备可以基于该映射关系执行与键事件值对应的功能操作,这样,能够便于用户可视的将控制装置上的颜色键与各菜单项提供的功能进行匹配。
例如,图3B所示的GUI500中的菜单显示区52提供了包括Uninstall、Add to home、Remove from home、Sort功能的菜单项521~524,并且菜单项521~524对应的菜单项图标按照R、G、Y和B颜色的顺序布置,以允许根据内容显示区51所提供的应用服务执行或选择上述预定功能。图4所示的控制装置100上按R、G、Y和B颜色的顺序布置各颜色键,以供用户通过操作控制装置上的颜色键而使显示设备执行菜单项521~524中期望的功能。
结合图3B和图4来说,当用户期望从显示设备中卸载NETFLIX应用程序时,用户可以按压控制装置上的红色按键(该按键颜色与菜单项521提供的卸载功能的菜单项图标的颜色对应),显示设备可以接收该按键的键事件值,从显示设备内提取到映射信息“R-Uninstall功能”,进而执行卸载NETFLIX应用程序的功能。如图3C所示的GUI500中,内容显示区51内不再显示NETFLIX应用程序,仅显示剩余应用程序。
结合图3B和图4来说,当用户期望将4KNOW应用程序添加到首页时,在选择器43指示4KNOW应用程序被选择的情况下,用户可以按压控制装置上的绿色按键(该按键颜色与菜单项522提供的添加到首页功能的菜单项图标的颜色对应),显示设备可以接收该按键的键事件值,从显示设备内提取到映射信息“G-Add to home功能”,进而执行将4KNOW应用程序添加到首页的功能。如图3D所示的GUI400中,第一展示区41内显示添加的4KNOW应用程序对应的项目417,同时显示原有项目411~416。
结合图3B和图4来说,当用户期望将NETFLIX应用程序从显示设备首页移除时,用户可以按压控制装置上的黄色按键(该按键颜色与菜单项523提供的从首页移除功能的菜单项图标的颜色对应),显示设备可以接收该按键的键事件值,从显示设备内提取到映射信息“Y-Remove from home功能”,进而执行将NETFLIX应用程序从首页移除的功能。如图3E所示的GUI400中,第一展示区41内不再显示NETFLIX应用程序对应的项目414,仅显示剩余项目411~413以及415~416。
结合图3B和图4来说,当用户期望对内容显示区的已安装应用程序进行排序时,用户可以按压控制装置上的蓝色按键(该按键颜色与菜单项524提供的排序功能的菜单项图标的颜色对应),显示设备可以接收该按键的键事件值,从显示设备内提取到映射信息“B-Sort功能”,进而执行按照安装时间对应用程序排序的功能。如图3F所示的GUI500中,内容显示区51内显示重新排序后的各应用程序。
这样,在显示器上提供图像内容的情况下,用户通过按压控制装置上具有其期望执行功能的颜色键,显示设备可以接收该颜色键的键事件值,从映射信息中搜索并执行与接收的键事件值对应的功能,直观地考虑了控制装置上的颜色键在颜色方面与图像内容所需功能的菜单项对应来执行期望的功能。
还需说明的是,菜单显示区中提供的菜单项的个数、名称、颜色、形状和布置顺序等可以根据内容而被缺省设置。例如,显示设备的后台服务器为图3B所示GUI500中的内容显示区51配置的菜单项个数为2个,分别是菜单项名称为Uninstall、菜单项图标为红色矩形条的菜单项521,以及菜单项名称为Add to home、菜单项图标为绿色矩形条的菜单项522,此时如图3G所示,菜单项521~522可以按照图3B所示显示位置进行正常显示,而菜单项523~524可以按照图3B所示显示位置与菜单项521~522进行区分显示,如菜单项523~524的菜单项名称和菜单项图标均置为灰色、菜单项523~524的菜单项图标显示而菜单项名称不显示、或者菜单项523~524菜单项名称和菜单项图标均不显示,从而向用户提示当前菜单显示区仅提供菜单项521~522,而不提供菜单项523~524。
菜单显示区中提供的菜单项的个数名称、颜色、形状和布置顺序等也可以根据用户输入的配置而被设置。例如,基于用户输入,为图3B所示GUI500中的内容显示区51配置的菜单项个数为2个,分别是菜单项名称为Uninstall、菜单项图标为红色矩形条的菜单项521,以及菜单项名称为Rename(如执行将某应用程序的名称进行自定义命名)、菜单项图标为黄色矩形条的菜单项523,此时如图3H所示,菜单项521和523可以按照图3B所示显示位置进行正常显示,而菜单项522和524可以按照图3B所示显示位置与菜单项521和523进行区分显示,如菜单项522和524的菜单项名称和菜单项图标均置为灰色、菜单项522和524的菜单项图标显示而菜单项名称不显示、或者菜单项522和524菜单项名称和菜单项图标均不显示,从而向用户提示当前菜单显示区仅提供菜单项521和523,而不提供菜单项522和524。
一些实施例中,如图5A-5E所示,显示设备可以基于用户输入修改自身的设置语言,从而改变显示设备提供的图像内容和/或执行图像内容所需功能的菜单项对应的语言,以满足不同用户对语言的习惯需求。
具体的,在图3A中,当用户按压控制装置上的向下方向键,如图5A所示,显示设备响应于输入的向下方向指令而使得选择器43指示第二展示区42内Settings 421被选择。当用户继续按压控制装置上的确认键,如图5B所示,显示设备响应于输入的激活Settings421的指令,显示与Settings 421相关联的GUI600,该GUI600中包括菜单页面61,菜单页面61中提供诸如Picture、Sound、System、Channel、Network、Support的项目611~616。其中,当前选择器43指示System613被选择,且System613提供其对应的子菜单,例如项目6131~6136,分别为Time、TimeSettings、SystemPIN、Language and Location、AdvancedSettings、Bluetooth。
在图5B中,当用户多次按压控制装置上的方向键,如图5C所示,显示设备可以响应于输入的方向指令而使得选择器43指示Language and location6134被选择。当用户继续按压控制装置上的确认键,如图5D所示,显示设备响应于输入的激活Language andlocation6134的指令,显示与Language and location6134对应的子菜单,例如项目6134-1~6134-2,分别为Language、Location。
在图5D中,当用户按压控制装置上的确认键,如图5E所示,显示设备可以响应于输入的激活Language6134-1的指令,显示与Language 6134-1对应的子菜单,例如English、Chinese、Portuguese、Russian、French等。当用户继续按压控制装置上的确认键时,显示设备可以响应于输入的激活Portuguese的指令,将显示设备的当前系统语言由英语修改为葡萄牙语。
接着,当用户连续按压控制装置上的返回键,显示设备可以响应于输入的退出Settings 421的指令,显示如图6A所示的GUI400,其中GUI400提供的显示设备的首页中的图像内容对应的语言切换为葡萄牙语。例如,项目411显示为Aplicação(apps),项目421显示为Definições(settings)。
在图6A中,当用户按压控制装置上的确认键,如图6B所示,显示设备响应于输入的激活Aplicação(Apps)411的指令,显示与Aplicação(Apps) 411相关联的GUI500。其中,该GUI500提供的内容显示区51和菜单显示区52的内容对应的语言均切换为葡萄牙语。例如,菜单显示区52内,菜单项521~524对应的菜单项名称分别显示为Desinstalar、Adicionar àpágina Principal、Remover da página Principal、Ordenar。
由图3B和图6B可知,菜单显示区内,由于英语和葡萄牙语在表示相同菜单项名称时对应的文本宽度不同,而菜单项图标的显示位置固定不变、菜单项名称按照与菜单项图标左对齐的方式排布,所以导致菜单显示区内各菜单项显示混乱,影响用户观感体验。例如图3B所示:菜单项523的菜单项名称若完整显示,则超出自身菜单项图标很大部分,因而采取省略部分文本的显示方式。又如图6B所示:菜单项523的菜单项名称若完整显示,则超出自身菜单项图标很大部分、甚至延伸至菜单项524的菜单项图标处,且菜单项523的菜单项名称与菜单项524的菜单项名称相互重叠,给用户造成不便。
图7A-7D示例性示出了显示设备200提供的又一个GUI的示意图。
在图7A中,显示与图3A所示GUI400中Apps 411相关联的GUI700。其中,该GUI700包括提供多个已安装应用程序信息的内容显示区71和用于执行该多个已安装应用程序信息所需功能的至少一个菜单项的菜单显示区72。
其中,内容显示区71中提供多个已安装应用程序,例如NETFLIX、YouTube、4KNOW等,以供用户进行访问。菜单显示区72中根据缺省配置而提供用于对内容显示区51中多个已安装应用程序执行相关功能的三个菜单项,例如Sort721(如执行将内容显示区71中的多个已安装应用程序按照安装名称或安装时间进行排序)、Add to home722(如执行将某应用程序从GUI700添加到GUI400中的第一展示区(即显示设备的首页))、Uninstall723(如执行将某应用程序从显示设备中卸载),以供用户输入执行多个应用程序所需功能的操作意图。
这里,菜单显示区72中的菜单项仍然以菜单项名称和菜单项图标来表示。
此外,一个菜单项中,菜单项图标与菜单项名称左右排布,例如图7A所示,菜单项721中的菜单项名称Sort与菜单项图标蓝色矩形条呈水平方向的左右排布,菜单项722中的菜单项名称Add to home与菜单项图标绿色矩形条呈水平方向的左右排布,菜单项723中的菜单项名称Uninstall与菜单项图标红色矩形条呈水平方向的左右排布。而各个菜单项之间按照从菜单显示区内一边界至另一边界的方向排布。例如图7A所示,菜单项721~723在菜单显示区72内按照从右至左方向排列成一行。
此外,菜单显示区中,根据为内容显示区内已安装应用程序配置的实际菜单项以及为这些菜单项计算的实际位置,来显示菜单项。例如图7A所示,为已安装应用程序根据缺省配置了执行其相关功能的3个菜单项721~723,同时,为保证各菜单项中菜单项名称完整显示、菜单项名称不超出自身菜单项图标部分、以及各菜单项之间不彼此重叠,这3个菜单项按照在菜单显示区72中从右至左方向排列确定的实际布局位置来显示;而非图3G所示未配置的菜单项中菜单项图标显示而菜单项名称不显示、配置的菜单项仍然按照预设的固定位置和排布方式显示,也非图3H所示未配置的菜单项不显示、配置的菜单项仍然按照预设的固定位置和排布方式显示。
一些实施例中,当显示设备基于用户输入执行如图5A-5E所示的操作过程,将自身的系统语言由英语修改为葡萄牙语后,显示设备可以再次基于用户输入的激活Aplicação(Apps)411的指令,如图7B所示,显示与Aplicação(Apps)411相关联的GUI700。其中,该GUI700提供的内容显示区71和菜单显示区72的内容对应的语言均切换为葡萄牙语。例如,菜单显示区72内,从右至左排列的菜单项721~723对应的菜单项名称分别显示为Ordenar、Adicionar à página Principal、Desinstalar。
由图7A和图7B可知,由于英语和葡萄牙语在表示相同菜单项名称时对应的文本宽度不同,所以菜单项721~723在菜单显示区72内的显示位置在英语系统语言和葡萄牙语系统语言下不同。例如,由于葡萄牙语比英语表示菜单项722的菜单项名称时对应的文本宽度大,导致葡萄牙语比英语下菜单项722占用的菜单显示区72内的实际宽度大,进一步导致菜单项722在菜单显示区72内的显示位置在两种系统语言下不相同。
因而在图7B中,显示设备将自身的系统语言由英语修改为葡萄牙语后,显示设备重新为已安装应用程序配置的3个菜单项计算在菜单显示区的实际位置,进而在计算出的实际位置处显示各菜单项。这样,能够保证各菜单项中菜单项名称完整显示、菜单项名称不超出自身菜单项图标部分、以及各菜单项之间不彼此重叠。
另一些实施例中,当显示设备基于用户输入执行如图5A-5E所示的操作过程,将自身的系统语言由英语修改为汉语后,显示设备可以再次基于用户输入的激活应用程序(Apps)411的指令,如图7C所示,显示与应用程序(Apps)411相关联的GUI700。其中,该GUI700提供的内容显示区71和菜单显示区72的内容对应的语言均切换为汉语。例如,菜单显示区72内,从右至左排列的菜单项721~723对应的菜单项名称分别显示为排序、添加到首页、卸载。
由图7A和图7C可知,由于英语和汉语在表示相同菜单项名称时对应的文本宽度不同,所以菜单项721~723在菜单显示区72内的显示位置在英语系统语言和汉语系统语言下不同。例如,由于英语比汉语表示菜单项723的菜单项名称时对应的文本宽度大,导致英语比汉语下菜单项723占用的菜单显示区72内的实际宽度大,进一步导致菜单项723在菜单显示区72内的显示位置在两种系统语言下不相同。
因而在图7C中,显示设备将自身的系统语言由英语修改为汉语后,显示设备重新为已安装应用程序配置的3个菜单项计算在菜单显示区的实际位置,进而在计算出的实际位置处显示各菜单项。这样,能够保证各菜单项中菜单项名称完整显示、菜单项名称不超出自身菜单项图标部分、以及各菜单项之间不彼此重叠。
在图7A-7C所示的菜单显示区内,各个菜单项的布局位置并不如图3B和6B中所示那样——菜单项图标按照固定显示位置、菜单项名称按照与菜单项图标左对齐的方式排布进行显示,而是根据当前系统语言(如英语、葡萄牙语、汉语)下菜单项名称对应的文本宽度、以及预先设置的菜单项图标的宽度,并按照从右至左方向确定各个菜单项的布局位置的,这样,能够避免菜单项名称对应的文本宽度过宽时,超过自身菜单项图标区域很大部分或省略部分文本,从而使得各菜单项之间保持距离而不彼此重叠、且完整显示。
此外,上述实施例中仅示例性示出了图3A所示中显示设备的首页中Apps411提供的多个已安装应用程序信息和用于执行该多个已安装应用程序信息所需功能的菜单项,但是本实施例中不限于此。
例如,图7D中示出了与图3A所示中Inputs412相关联的GUI800。其中,该GUI800包括提供多个与外部设备连接的输入接口的内容显示区81和用于执行该多个输入接口所需功能的至少一个菜单项的菜单显示区82。
这里,内容显示区81中提供多个与外部设备连接的输入接口,例如HDMI、USB、AV等,以供用户访问相应外部设备提供的服务内容。菜单显示区82中提供用于对内容显示区81中多个输入接口执行相关功能的两个菜单项,例如Rename821(如执行将某输入接口的名称进行自定义命名)、Add to home822(如执行将某输入接口从GUI800添加到GUI400中的第一展示区(即显示设备的首页)),以供用户输入执行多个输入接口所需功能的操作意图。
同时,显示设备根据当前系统语言-英语下菜单项名称对应的文本宽度、以及预先设置的菜单项图标的宽度,并按照从右至左方向计算菜单项821~822在菜单显示区82内的布局位置,以在计算出的布局位置上分别显示菜单项821~822,从而保证各菜单项中菜单项名称完整显示、以及各菜单项之间不彼此重叠。
图8A-8B中示例性示出了显示设备中提供执行图像内容所需功能的菜单项的图形用户界面的方法流程图。
结合图1C和图8A-8B来说,该方法包括如下步骤:
步骤S81:通过用户接口接收用户操作控制装置而输入的指示显示图像内容的控制指令。例如,用户接口可以接收用户通过按压控制装置上的确认键,输入的与该确认键对应的激活图3A中Apps411的指令。
步骤S82:通过控制器执行:在显示器上显示GUI。具体为:
在显示器的内容显示区显示图像内容;以及,基于显示设备的设置语言,计算为该图像内容配置且用于执行该图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项。
例如,在图3A中,当用户按压控制装置上的确认键,显示设备可以响应于与该确认键对应的激活Apps411的指令,如图7A所示的GUI700中,在内容显示区71内显示诸如NETFLIX、YouTube、4KNOW等多个已安装应用程序信息;以及,在菜单显示区72内,根据当前系统语言-英语来确定诸如Uninstall、Add to home、Sort等用于执行多个已安装应用程序信息所需功能的菜单项721~723的布局位置,并在确定出的布局位置处显示各菜单项。
步骤S83:通过用户接口接收用户操作控制装置而输入的指示修改显示设备的设置语言的控制指令。例如,用户接口可以接收用户通过按压控制装置上的方向键和确认键,输入的执行图5A-5E所示修改系统语言的指令。
步骤S84:通过控制器还执行:修改显示设备的设置语言为其他语言。例如,显示设备执行图5A-5E所示的操作后,将自身的系统语言由英语修改为葡萄牙语。
步骤S85:通过用户接口再次接收用户操作控制装置而输入的指示显示图像内容的控制指令。例如,用户接口可以再次接收用户通过按压控制装置上的确认键,输入的与该确认键对应的激活图3A中Apps411的指令。
步骤S86:通过控制器还执行:在显示器上显示GUI。具体为:
在显示器的内容显示区显示图像内容;以及,基于修改后显示设备的设置语言,计算为该图像内容配置且用于执行该图像内容所需功能的至少一个菜单项在显示器的菜单显示区的实际位置,并基于计算出的实际位置显示至少一个菜单项。
例如,显示设备可以基于用户输入执行如图5A-5E所示的操作过程,将自身的系统语言由英语修改为葡萄牙语。之后,在图6A中,显示设备可以再次基于用户输入的激活Aplicação(Apps)411的指令,如图7B所示,在内容显示区71内显示多个已安装应用程序信息;以及,在菜单显示区72内,根据当前系统语言-葡萄牙语来重新确定执行多个已安装应用程序所需功能的菜单项721~723的布局位置,并在确定出的布局位置处显示各菜单项。其中,内容显示区71和菜单显示区72的内容对应的语言均切换为葡萄牙语。
图9示例性示出了计算各个菜单项在菜单显示区内实际布局位置的方法示意图。
下面对图9所示和下文的相关字母代表的含义进行说明。这里,下述各值的尺寸单位为rem,具体可以设置1rem=30px。其中,px-表示像素单位,其相对于显示器的屏幕分辨率而言。
W0-表示菜单显示区内最右侧的菜单项与菜单显示区最右侧之间的间隙;其中,W0预设为1.6。
W1-表示各个菜单项内菜单项名称与菜单项图标之间的间隙;其中,W1预设为0.4。这里,不同菜单项内菜单项名称与菜单项图标之间的间隙均相同。
W2-表示各个菜单项中相邻两个菜单项之间的间隙;其中,W2预设为0.8。这里,相邻菜单项之间的间隙均相同。
Ai-表示各个菜单项中菜单项名称对应的文本宽度;其中,i=1、2、3。这里,显示设备可以通过调用JavaScript属性中clientWidth方法,获取当前系统语言下,菜单项名称对应的字符串在网页中的实际占用宽度。
B-表示各个菜单项中菜单项图标的宽度;其中,B预设为1.2。这里,不同菜单项中菜单项图标的宽度均相同。
Li-表示各个菜单项在菜单显示区的实际占用宽度;其中,i=1、2、3。这里,Li=Ai+B+W1。
Si-表示各个菜单项在菜单显示区的实际显示位置。
需要说明的是,上述W0、W1、W2、B的具体大小均可以根据实际需求而设置。此外,不同菜单项内菜单项名称与菜单项图标之间的间隙可以不相同,不同菜单项中菜单项图标的宽度可以不相同,不同菜单项中相邻菜单项之间的间隙可以不相同。
如图9所示,示出了图7A所示GUI中的菜单显示区72。首先,获取到用于为内容显示区71内多个已安装应用程序执行相关功能的菜单项721~723,其中菜单项721~723以菜单项名称和菜单项图标表示。然后,根据显示设备当前系统语言,以及按照菜单显示区72内从右至左的排列方向,依次计算菜单项721~723中相应菜单项名称和菜单项图标的实际布局位置。最后,在计算出的实际布局位置上显示菜单项721~723。
结合图9来说,确定菜单显示区内右侧的第一个菜单项721的显示位置,具体如下:
首先,通过调用JavaScript属性中clientWidth方法,获取当前系统语言-英语下,菜单项名称Sort对应的字符串在网页中的实际占用宽度为A1=1.0,以及W0=1.6,那么菜单项名称Sort在菜单显示区的实际位置S1A为:距离菜单显示区最右侧的间隙为1.6(W0)~2.6(W0+A1)的位置处。接着,由于W1=0.4、B=1.2,那么菜单项图标蓝色矩形条在菜单显示区的实际位置S1B为:距离菜单显示区最右侧的间隙为3.0(2.6+W1)~4.2(3.0+B)的位置处。换句话说,菜单项721在菜单显示区的实际位置S1为:距离菜单显示区最右侧的间隙为1.6(W0)~4.2(W0+L1)的位置处。
结合图9来说,确定菜单显示区内右侧的第二个菜单项722的显示位置,具体如下:
首先,通过调用JavaScript属性中clientWidth方法,获取当前系统语言-英语下,菜单项名称Add to home对应的字符串在网页中的实际占用宽度为A2=2.6,以及W2=0.8,那么菜单项名称Add to home在菜单显示区的实际位置S2A为:距离菜单显示区最右侧的间隙为5.0(4.2+W2)~7.6(5.0+A2)的位置处。接着,由于W1=0.4、B=1.2,那么菜单项图标绿色矩形条在菜单显示区的实际位置S2B为:距离菜单显示区最右侧的间隙为8.0(7.6+W1)~9.2(8.0+B)的位置处。换句话说,菜单项722在菜单显示区的实际位置S2为:距离菜单显示区最右侧的间隙为5.0(W0+L1+W2)~9.2(W0+L1+W2+L2)的位置处。
结合图9来说,确定菜单显示区内右侧的第二个菜单项723的显示位置,具体如下:
首先,通过调用JavaScript属性中clientWidth方法,获取当前系统语言-英语下,菜单项名称Uninstall对应的字符串在网页中的实际占用宽度为A3=2.1,以及W2=0.8,那么菜单项名称Uninstall在菜单显示区的实际位置S3A为:距离菜单显示区最右侧的间隙为10.0(9.2+W2)~12.1(10.0+A3)的位置处。接着,由于W1=0.4、B=1.2,那么菜单项图标红色矩形条在菜单显示区的实际位置S3B为:距离菜单显示区最右侧的间隙为12.5(12.1+W1)~13.7(12.5+B)的位置处。换句话说,菜单项723在菜单显示区的实际位置S3为:距离菜单显示区最右侧的间隙为10.0(W0+L1+2*W2+L2)~13.7(W0+L1+2*W2+L2+L3)的位置处。
在确定菜单显示区内各菜单项分别对应的菜单项名称和菜单项图标的实际布局位置后,基于确定出的实际布局位置显示各个菜单项的菜单项名称和菜单项图标。
此外,还需说明的是,上述实施例中仅以菜单显示区内各菜单项按水平方向(横向)排列的情况,来说明菜单项布局位置的计算方法,同理,本实施例中菜单项布局位置的计算方法同样适用于菜单显示区内各菜单项按垂直方向(纵向)排列的情况。
如上面实施例所述,显示设备可以根据当前系统语言(如英语、葡萄牙语、汉语)下菜单项名称对应的文本宽度、以及预先设置的菜单项图标的宽度,并按照菜单显示区内从一边界至另一边界方向依次确定各个菜单项中菜单项名称和菜单项图标的实际布局位置,这样,能够实现不同系统语言下菜单项布局位置的自适应,使得各菜单项之间保持距离而不彼此重叠、且完整显示。
尽管已描述了本申请的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包含这些改动和变型在内。