CN111104020B - 用户界面设置方法、存储介质及显示设备 - Google Patents
用户界面设置方法、存储介质及显示设备 Download PDFInfo
- Publication number
- CN111104020B CN111104020B CN201911303805.2A CN201911303805A CN111104020B CN 111104020 B CN111104020 B CN 111104020B CN 201911303805 A CN201911303805 A CN 201911303805A CN 111104020 B CN111104020 B CN 111104020B
- Authority
- CN
- China
- Prior art keywords
- item
- array
- sub
- focus
- target item
- 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.)
- Active
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
-
- 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/0482—Interaction with lists of selectable items, e.g. menus
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本申请提供了一种用户界面设置方法、存储介质及显示设备,具体的,在接收到用户时输入的编辑用户界面中的项目的指令后,则将当前焦点所在的目标项目从其所在的项目队列所对应的初始项目数组中移出,得到剩余项目所构成的子项目数组;同时,分别控制目标项目按照焦点样式显示、子项目数组中的各项目按照非焦点样式显示,给用户焦点依然在该目标项目上的视觉感受。在上述模式下,当再接收到移动该目标项目的指令后,便可以基于上述子项目数组和目标项目对应的数组,控制目标项目和子项目数组的各项目在显示界面中相对位置的移动,而在其移动操作中不再进行数据变化,所以页面DOM不需要反复更新,项目的移动便不会出现卡顿现象。
Description
技术领域
本申请实施例涉及显示技术,更具体地讲,涉及用户界面设置方法、存储介质及显示设备。
背景技术
智能电视是一种用以满足用户多样化和个性化需求的电视产品。智能电视基于互联网(Internet)应用技术,具备开放式操作系统与芯片,拥有开放式应用平台,可实现双向人机交互功能,集影音、娱乐、数据等多种功能于一体,其目的是带给用户更便捷的体验。
智能电视的主页应用面板(也可称为操作系统桌面)是智能电视开机并进入正常工作状态后首先显示的用户界面,其中可展示多种用户界面对象,例如,展示有多个应用程序的图标。同时,为满足用户个性化设置需求,目前智能电视搭载的操作系统中,还具有用户可以调整各应用程序图标在图标队列中的显示顺序的功能。其中,为实现该功能,目前通常采用的方法是:在进入实现图标顺序调整的编辑模式后,每接收到用户输入的向左或向右移动被选定项目(即被选定的应用应用程序图标)的操作,则将该被选定项目从其所在的项目数组中取出,再添加至该项目数组中的目标位置处,并改变焦点到该目标位置,同时更新该项目数组中每一个项目的显示样式。
但是,上述实现方式,每移动一次项目的显示位置,就要重新改变其所在的项目数组结构。当项目数组结构改变后,页面就需要重新渲染DOM(文档对象模型,DocumentObject Model),进而会影响页面响应速度,尤其是当智能电视搭载的浏览器对于动画的渲染速度本身较慢时,会出现明显的图标刷新异常、图标移动卡顿等问题,影响用户体验。
发明内容
本申请实施例提供了一种用户界面设置方法、存储介质及显示设备,以解决移动用户界面中的项目显示位置时,页面响应速度慢的问题。
根据本申请实施例得第一方面,提供了一种显示设备,该显示设备包括:
显示器,该显示器被配置为显示用户界面,所述用户界面包括一个或多个视图显示区;
与所述显示器通信连接的控制器,所述控制器被配置为执行呈现用户界面:
接收编辑所述视图显示区内的项目的用户输入,其中,所述视图显示区中显示有多个项目,所述多个项目组成项目队列;
将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组。
控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示;
根据移动所述目标项目的用户输入,控制所述目标项目或所述子项目数组中的各项目在所述用户界面中显示位置的移动,以改变所述目标项目在所述项目队列中的位置。
根据本申请实施例的第二方面,提供了一种用户界面设置方法,该方法包括:
接收编辑所述视图显示区内的项目的用户输入,其中,所述视图显示区中显示有多个项目,所述多个项目组成项目队列;
将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组。
控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示;
根据移动所述目标项目的用户输入,控制所述目标项目或所述子项目数组中的各项目在所述用户界面中显示位置的移动,以改变所述目标项目在所述项目队列中的位置。
根据本申请实施例的第三方面,提供了一种计算机存储介质,该计算机存储介质可存储有程序,所述程序执行时可实现本申请实施例第二方面所提供的方法。
由上述实施例可见,本申请实施例提供的用户界面设置方法、存储介质及显示设备,在接收到用户时输入的编辑用户界面中的项目的指令后,则将当前焦点所在的目标项目从其所在的项目队列所对应的初始项目数组中移出,进而得到剩余项目所构成的子项目数组;同时,控制目标项目按照焦点样式显示、子项目数组中的各项目按照非焦点样式显示分别显示,给用户焦点依然在该目标项目上的视觉感受。通过上述模式下,当再接收到用户输入的移动该目标项目的指令后,便可以基于上述子项目数组和目标项目对应的数组,即两个独立的数组,控制目标项目和子项目数组对应的各项目在显示界面中相对位置的移动,而在其移动操作中不再进行数据变化。所以,页面DOM不需要反复更新,项目的移动便不会出现卡顿现象;并且,由于在移动项目作过程中不需要刷新数据,重新获取项目对应的图片,所以不会出现项目图片刷新慢、显示不出来、闪动等问题,进而可以极大提高用户体验。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简要介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域的普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1中示例性示出了显示设备与控制装置之间操作场景的示意图;
图2中示例性示出了图1中控制装置100的配置框图;
图3中示例性示出了图1中显示设备200的配置框图;
图4中示例性示出了显示设备200存储器中操作系统的架构配置框图;
图5中示例性示出了显示设备200中主页界面的示意图;
图6a至6f中示例性示出了通过控制装置100移动显示设备200的主页界面中项目顺序的操作示意图;
图7a和7b中示例性示出了通过控制装置100删除显示设备200的主页界面中项目的操作示意图;
图8中示例性示出了一种用户界面设置方法的流程示意图;
图9中示例性示出了一种用户移动项目的操作流程示意图;
图10中示例性示出了另一种用户界面设置方法的流程示意图;
图11中示例性示出了一种用户删除项目的操作流程示意图。
具体实施方式
为使本申请示例性实施例的目的、技术方案和优点更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施例中的技术方案进行清楚、完整地描述,显然,所描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
针对现有技术中的电视主页显示方法中,当用户进入编辑模式,移动图标改变主页tile的位置时,会存在页面响应速度慢的问题,例如,表现为页面中的图标出现无法立刻显示出来、图标闪动的问题,极大地影响了用户体验。针对该问题,本实施例提供了用户界面设置方法、存储介质及显示设备,在现有硬件条件下,通过当用户进入编辑模式后,改变listview的项目数组结构,使得用户在移动图标时,即在移动项目位置的时候,无需反复刷新数据,进而可以保证图片显示正常。动画流畅。需要说明的是,本实施例提供的方法不仅适用于电视主页面,还可以适用于电视的其它界面显示,另外,该方法不仅适用于电视,还适用于其它显示设备,如计算机、平板电脑等。
下面首先结合附图对本申请所涉及的概念进行说明。在此需要指出的是,以下对各个概念的说明,仅为了使本申请的内容更加容易理解,并不表示对本申请保护范围的限定。
本申请各实施例中使用的术语“模块”,可以是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
本申请各实施例中使用的术语“遥控器”,是指电子设备(如本申请中公开的显示设备)的一个组件,该组件通常可在较短的距离范围内无线控制电子设备。该组件一般可以使用红外线和/或射频(RF)信号和/或蓝牙与电子设备连接,也可以包括WiFi、无线USB、蓝牙、动作传感器等功能模块。例如:手持式触摸遥控器,是以触摸屏中用户界面取代一般遥控装置中的大部分物理内置硬键。
本申请各实施例中使用的术语“手势”,是指用户通过一种手型的变化或手部运动等动作,用于表达预期想法、动作、目的/或结果的用户行为。
本申请各实施例中使用的术语“硬件系统”,可以是指由集成电路(IntegratedCircuit,IC)、印刷电路板(Printed circuit board,PCB)等机械、光、电、磁器件构成的具有计算、控制、存储、输入和输出功能的实体部件。在本申请各个实施例中,硬件系统通常也会被称为主板(motherboard)或芯片。
图1中示例性示出了显示设备与控制装置之间操作场景的示意图。如图1所示,控制装置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提供视频点播和广告服务等其他网络服务内容。
图2中示例性示出了控制装置100的配置框图。如图2所示,控制装置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各元件提供运行电力支持。形式可以为电池及相关控制电路。
图3中示例性示出了显示设备200的硬件配置框图。如图3所示,显示设备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的控制指令的语音信号;或者,可以采集用于识别环境场景类型的环境声音,实现显示设备200可以自适应环境噪声。
在其他一些示例性实施例中,检测器230,还可以包括图像采集器232,如相机、摄像头等,可以用于采集外部环境场景,以自适应变化显示设备200的显示参数;以及用于采集用户的属性或与用户交互手势,以实现显示设备与用户之间互动的功能。
在其他一些示例性实施例中,检测器230,还可以包括光接收器,用于采集环境光线强度,以自适应显示设备200的显示参数变化等。
在其他一些示例性实施例中,检测器230,还可以包括温度传感器,如通过感测环境温度,显示设备200可自适应调整图像的显示色温。示例性的,当温度偏高的环境时,可调整显示设备200显示图像色温偏冷色调;当温度偏低的环境时,可以调整显示设备200显示图像色温偏暖色调。
外部装置接口240,是提供控制器250控制显示设备200与外部设备间数据传输的组件。外部装置接口240可按照有线/无线方式与诸如机顶盒、游戏装置、笔记本电脑等外部设备连接,可接收外部设备的诸如视频信号(例如运动图像)、音频信号(例如音乐)、附加信息(例如EPG)等数据。
其中,外部装置接口240可以包括:高清多媒体接口(HDMI)端子241、复合视频消隐同步(CVBS)端子242、模拟或数字分量端子243、通用串行总线(USB)端子244、组件(Component)端子(图中未示出)、红绿蓝(RGB)端子(图中未示出)等任一个或多个。
控制器250,通过运行存储在存储器260上的各种软件控制程序(如操作系统和各种应用程序),来控制显示设备200的工作和响应用户的操作。
如图3所示,控制器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或应用程序访问控制器,以实现控制或管理系统资源。
图4中示例性示出了显示设备200存储器中操作系统的架构配置框图。该操作系统架构从上到下依次是应用层、中间件层和内核层。
应用层,系统内置的应用程序以及非系统级的应用程序都是属于应用层。负责与用户进行直接交互。应用层可包括多个应用程序,如设置应用程序、电子帖应用程序、媒体中心应用程序等。这些应用程序可被实现为Web应用,其基于WebKit引擎来执行,具体可基于HTML5、层叠样式表(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输入的视频内容。显示器275,同时显示显示设备200中产生且用于控制显示设备200的用户操控界面UI。
以及,显示器275可以包括用于呈现画面的显示屏组件以及驱动图像显示的驱动组件。或者,倘若显示器275为一种投影显示器,还可以包括一种投影装置和投影屏幕。
音频处理器280,用于接收外部的音频信号,根据输入信号的标准编解码协议,进行解压缩和解码,以及降噪、数模转换、和放大处理等音频数据处理,得到可以在扬声器286中播放的音频信号。
示例性的,音频处理器280可以支持各种音频格式。例如MPEG-2、MPEG-4、高级音频编码(AAC)、高效AAC(HE-AAC)等格式。
音频输出接口285,用于在控制器250的控制下接收音频处理器280输出的音频信号,音频输出接口285可包括扬声器286,或输出至外接设备的发生装置的外接音响输出端子287,如耳机输出端子。
在其他一些示例性实施例中,视频处理器270可以包括一个或多个芯片组成。音频处理器280,也可以包括一个或多个芯片组成。
以及,在其他一些示例性实施例中,视频处理器270和音频处理器280,可以为单独的芯片,也可以与控制器250一起集成在一个或多个芯片中。
供电电源290,用于在控制器250的控制下,将外部电源输入的电力为显示设备200提供电源供电支持。供电电源290可以是安装在显示设备200内部的内置电源电路,也可以是安装在显示设备200外部的电源。
图5中示例性示出了根据示例性实施例中显示设备200中主页界面的示意图。如图5所示,用户界面包括多个视图显示区,示例的,包括第一视图显示区201和第二视图显示区202,各个视图显示区中布局一个或多个不同项目。以及,用户界面中还包括指示任一项目被选择的选择器,可通过用户输入,以改变选择不同的项目。
需要说明的是,多个视图显示区可以是可视的界线,也可以是不可视的界线。如:可通过各视图显示区的背景颜色不同标识不同视图显示区,还可以通过边界线等可视的标识,也可以有不可视的隐形边界。也可以不存在可视的或非可视的边界,而仅在屏幕上显示一定范围区域中相关联项目,具有尺寸和/或排布相同改变属性时,而该一定范围区域则被视同一种视图分区的边界的存在,如:第一视图显示区201中项目同时缩小或放大,而第二视图显示区202的变化不同。
其中,一些实施例中,上述视图显示区中的一个或多个视图显示区可以为可缩放视图显示。“可缩放”,可以表示视图显示区在屏幕上尺寸或占比是可缩放的,或视图显示中的项目在在屏幕上尺寸或占比是可缩放的。
“项目”是指在显示设备200中用户界面的各视图显示区中显示以表示,诸如图标、缩略图、视频剪辑等对应内容的视觉对象。例如:项目可以表示电影、电视剧的图像内容或视频剪辑、音乐的音频内容、应用程序,或其他用户访问内容历史信息。
一些实施例中,“项目”可显示图像缩略图。如:当项目为电影或电视剧时,项目可显示为电影或电视剧的海报。如项目为音乐时,可显示音乐专辑的海报。如项目为应用程序时,可显示为应用程序的图标,或当应用程序被执行最近执行时捕捉到应用程序的内容截图。如项目为用户访问历史时,可显示为最近执行过程中内容截图。“项目”可显示为视频剪辑。如:项目为电视或电视剧的预告片的视频剪辑动态画面。
此外,项目可以表示显示设备200与外接设备连接的接口或接口集合显示,或可表示连接至显示设备的外部设备名称等。如:信号源输入接口集合、或HDMI接口、USB接口、PC端子接口等。
示例的,如图6a中,在第一视图显示区201中用于一些常用应用的文本和/或图标,其中,每个项目可以包括文本内容和/或用于显示与文本内容相关的缩略图的图像,或与文本相关的视频剪辑等。在第二视图显示区202中用于显示一些系统、系统相关的文本和/或图标。
“选择器”用于指示其中任意项目已被选择,如:光标或焦点对象。根据用户通过控制装置100上输入,控制在显示设备200上光标移动来选择或控制项目。可根据用户通过控制装置100的输入,可使显示设备200中显示焦点对象的移动来选择控制项目,可选择或控制其中一个或多个项目。如:用户可通过控制装置100上方向键控制焦点对象在项目之间的移动来选择和控制项目。
焦点对象指根据用户输入在项目之间移动的对象。示例的,如图7a中通过项目边缘绘制粗线来实现或标识焦点对象位置。在其他实施例中,焦点形式不限于示例,可以是光标等有形或无形可被用户识别的形态,如可以项目的3D变形等形式,也可以改变聚焦的项目的文本或图像的边框线、尺寸、颜色、透明度和轮廓和/或字体等标识。
一些实施例中,上述各视图显示区中各项目中分别关联有不同内容或链接。需要说明的是,本实施例中的视图显示区在屏幕中为横向排布,在实际应用过程中,还可以为纵向排布,或者其它任意角度排布。
在其他一些实施例中,用户界面可包括一个或多个视图显示区,具体的,可以根据待显示不同分类内容量布局显示屏幕上的视图显示区数量。
基于上述第一视图区201内会显示有多个项目,而系统默认的推荐给用户的项目内容可能不是用户所喜好的或者排序靠前的项目并不是用户常用到的,为给用户提供自定义自由空间,本实施例还提供了用户可以根据个人喜好,编辑第一视图区201中所安装项目的顺序和删除一些项目的功能。
图6a至6f中示例性示出了通过控制装置100移动显示设备200的主页界面中项目顺序的操作示意图。在该视图显示区内,显示有一行项目,本实施例称其为mainTile行,并且设计该行共有3个状态模式:正常模式(Normal)、移动模式(Move)和删除模式(Remove)。具体的,用户按UP键从Normal进入Move模式,用户在此模式下进行LEFT或RIGHT键的操作,便可以移动被选定的目标项目,然后,按BACK键便恢复到Normal模式;同时,在Move模式下,用户继续按UP键,则从Move进入Remove模式,用户在此模式下进行UP键或ENTER键操作,则会删除被被选定的目标项目后恢复到Normal模式,另外,按两次BACK键或按EXIT键,则直接恢复到Normal模式。需要说明的是,上述按键操作还可以其其它的按键或者语音等控制方式,本实施例只是为了描述在正常模式(Normal)、移动模式(Move)和删除模式(Remove)之间的切换流程,以及在每个模式下可以执行的操作。
如图6a所示,呈现在第一视图显示区201内的共有7个项目,当前焦点位于第二个项目上、即图中的项目2上。用户在控制装置100上按RIGHT键后,则焦点会从第二个项目切换至第三个项目,即如图6b中所呈现的画面,需要说明的是,本实施例中将该mainTile行中的项目按照定焦方式(即焦点在用户界面中的位置固定方式)的方式展示,在具体实施过程中,还可以将其设计为非定焦方式展示。
进一步的,在图6b中的用户界面下,如果用户按UP键,该mainTile行的显示模式则会从Normal进入Move模式,其中,被选定的目标项目、即项目3,以焦点样式固定显示在屏幕中间位置,同时改变剩余的项目(本实施例称其为子mainTile行)的translateY(纵向偏移量)和translateX,配合焦点位置(即项目3的显示位置)按照非焦点样式显示,即如图6c中所示的用户界面。此时,用户在控制装置100上按两次RIGHT键,则代表焦点需要右移两个项目的位置,使子mainTile行向左移动两个项目的宽度,进而项目3被移至项目5和项目6之间的位置,即如图6d中所示的用户界面。在图6d的基础上,用户在控制装置100上继续RIGHT键,项目3被移至mainTile行的项目队列的队尾出,即如图6e中所示的用户界面。在图6e中的用户界面下,用户在控制装置100上按BACK键,则直接恢复到Normal模式,根据项目移动后的数据数组mainTileData更新页面显示,进而得到图6f中所示的用户界面,实现将项目3移动至队列尾部。
图7a和7b中示例性示出了通过控制装置100删除显示设备200的主页界面中项目的操作示意图。在图6c中所示的用户界面下,用户在控制装置100上按UP键,则进入Remove模式,其中,通过改变目标项目(即项目3)的translateY值使其上移,同时改变其显示样式,进而得到图7a中所示的用户界面。在此基础上,如果用户在控制装置100上按UP键或ENTER键,则会删除被目标项目(即项目3)后恢复到Normal模式,本实施例设置焦点自动附到目标项目之后的一个项目上即项目4上,当然还可以为其它项目,进而得到图7b中所示的用户界面;如果用户进入Remove模式后,按两次BACK键或按EXIT键,则直接恢复到Normal模式,即返回到图6b中所示的用户界面。需要说明的是,本实施例只是以移动和删除mainTile行中的项目3为例,在具体实施过程中,还可以该行中的其它任意项目。
图8中示例性示出了一种用户界面设置方法的流程示意图。如图8所示,该方法主要包括如下步骤:
S801:接收编辑所述视图显示区内的项目的用户输入,其中,所述视图显示区中布局有由多个项目组成的项目队列。
接收用户输入,确定所述用户输入事件的类型,其中,显示设备200的控制器被配置为监控用户输入事件类型,如监控按键输入是否UP键指令。若监控用户输入事件是UP键指令,则进行选择器在用户界面中的位置检测,进一步,确定选择器是否位于视图显示区内mainTile行的项目上,如果是,则说明该按键输入为编辑所述视图显示区内的项目的,即进而响应该按键输入,进入MOVE模式,当然,也可以先进入EDIT模式,待用户再输入一按键操作后,进入MOVE模式。
S802:将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组。
将当前焦点所在的目标项目、即被编辑的item从该目标项目所在的项目队列所对应的初始项目数组中取出,本实施例记初始项目数组为mainTileData、被编辑的目标项目为moveItem,得到子list数组记作mainTileData’。
S803:控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示。
计算目标项目(moveItem)的translateY和translateX值,使其显示在屏幕第一预设位置、如固定显示在屏幕中间位置。配合目标项目的显示位置,根据moveItem的translateX值,计算mainTileData’数组中各项目的translateX值,然后,根据各项目的translateX值和预设的translateY值,使其显示在屏幕第二预设位置。其中,moveItem和mainTileData’数组中各项目的translateY值可以相同、即两者显示在同一行,也可以不同,即如图6从中的moveItem与mainTileData’数组中各项目在纵向上有一定的错位显示。
同时,moveItem按照焦点样式显示、mainTileData’数组中各项目按照非焦点样式显示,即使后续焦点被附在mainTileData’数组中的一个项目上,但焦点所在的项目并不显示焦点样式,给用户一种焦点在moveItem上的视觉感受。
另外,为了便于用户识别moveItem在mainTileData’数组所对应的的项目队列的相对位置,本实施例还设置mainTileData’中,与moveItem相邻的两个项目之间留出moveItem的显示位置,具体可以采用如下方式控制子项目数组中的各项目显示:
首先,根据目标项目的显示位置和其在初始项目数组中的位置,计算子项目数组中各项目的横向偏移量,位于以使与目标项目所相邻的两个项目之间留出供目标项目的显示位置。
其中,在mainTileData’数组中,位于moveItem之后的项目与位于moveItem之前的项目相比,translateX值需要额外增加一个项目的显示宽度与项目之间的预设间距之和。
其次,根据子项目数组中各项目的横向偏移量和预设纵向偏移量,控制各项目按照非焦点样式显示。
S804:根据移动所述目标项目的用户输入,控制所述目标项目或所述子项目数组中的各项目的显示位置移动,以改变所述目标项目在所述项目队列中的位置。
接收用户输入,确定所述用户输入事件的类型,其中,显示设备200的控制器被配置为监控用户输入事件类型,如监控按键输入是否为LEFT或RIGHT键指令。若监控用户输入事件是LEFT或RIGHT键指令,则说明该按键输入为移动该目标项目的用户输入,即进而响应该按键输入。其中,可以根据用户输入,控制moveItem的显示位置的移动,如用户按RIGHT键后,代表想控制moveItem右移,进而控制moveItem向右移动一个项目的距离,而mainTileData’数组中各项目的显示位置不动;或者,根据用户输入,控制mainTileData’数组中各项目的显示位置进行移动,如用户按RIGHT键后,代表想控制moveItem右移,进而控制mainTileData’数组中各项目向左移动一个项目的距离,而moveItem的显示位置不动,通过上述操作,便可以改变moveItem相对于mainTileData’数组中各项目的相位位置,进而改变moveItem在mainTileData中的位置。
进一步的,在用户结束移动后,本实施例提供还提供了如下退出MOVE模式的方法。
S805:接收结束移动所述目标项目的用户输入。
接收用户输入,确定所述用户输入事件的类型,其中,显示设备200的控制器被配置为监控用户输入事件类型,如监控按键输入是否为BACK键指令。若监控用户输入事件是BACK键指令,则说明该按键输入为结束移动该目标项目的用户输入,即从MOVE模式进入Normal模式,进而响应该按键输入。
S806:根据所述目标项目与所述子项目数组所对应项目队列的相对位置,将所述目标项目插入至所述子项目数组中,形成新的项目数组。
根据moveItem相对于mainTileData’数组中各项目的相位位置,即确定与其相邻的项目,将moveItem插入到mainTileData’数组中,形成新的mainTileData数组,然后,基于该mainTileData数组更新页面显示,进而实现moveItem在mainTile行中显示位置的改变。
基于上述实施例可知,从用户开始编辑moveItem到结束,数据只会变化两次;第一次在从Normal模式进入到Move模式的时候,将moveItem从mainTileData数组中取出时进行一次变化,数据量减少一个,当在Move模式时,mainTileData’数组结构不再变化;第二次在从Move模式恢复到Normal模式,如果用户未做删除工作,则再将moveItem数据插入到mainTileData’数组,引起数据变化一次,如果同时对moveItem数据做了删除工作,则数据不再变化。
本实施例提供的方案与现有的每次移动主页界面中mainTile行中的项目(item)的操作过程中,都会将被操作的item(本实施例记该item在mainTileData数组中的位置为index),从mainTileData数组中取出,再插入到index+1(对应被操作item右移)或index-1(对应被操作item左移)的位置处,同时,改变焦点到index+1或index-1,同时更新mainTileData数组中每一个item的显示样式的方式相比,本方案只在进入Move模式或退出恢复到Normal模式时才会进行数据更新,而在其中进行移动项目的操作过程中不再进行数据变化,所以页面DOM不会反复更新,进而项目移动不会出现卡顿现象;另外,现有技术中的因为每移动一次项目,数据就要更新一次,而来自云端的数据中项目所对应的图片是不会被电视终端和浏览器缓存的,需要每次重新获取图片,而本实施例提供的方案,由于不需要在用户执行项目移动的操作过程中不断刷新数据,所以无需重新获取图片,进而不会出现图标刷新慢、显示不出来、闪动等问题。
进一步的,本实施例还提供了通过控制mainTileData’数组中各项目的移动,实现来改变目标项目在所述项目队列中的位置的方式。本实施例按照用户执行按键操作,进入不同的模式划分为如下部分:
1)接收到编辑所述视图显示区内的项目的用户输入,会将当前焦点所在的目标项目从其所在的项目队列所对应的初始项目数组中移出,得到子项目数组。
另外,为实现控制所述子项目数组中的各项目的位置移动,还会判断所述目标项目是否为所述项目队列的最后一个项目,其中,如果所述目标项目为所述项目队列的最后一个项目,则将焦点移至所述目标项目;如果所述目标项目不是所述项目队列的最后一个项目,则将焦点移至所述初始项目数组中相对所述目标项目的索引值加1的一个项目。
具体可以执行如下代码:
其中:由于在miantail行中,可能存在一些项目不支持用户编辑,因此,在首先会执行上述①步骤中的内容,先判断当前焦点所在项目是否是可移动的,如果是,则执行步骤②中的内容改变mainTile行的模式为Move模式。
然后,执行步骤③中的如下内容:
即将当前index位置的item从list数组中移出,记作moveItem,且去除moveItem后的新数组来画新的list。
将当前焦点位置的项目(本实施例称其为目标项目)从miantail行对应的初始项目数组、即list数组中移出,记作moveItem,且去除moveItem后的新数组、记为mainTileData’来画新的list。
最后,执行上述步骤④中的内容,如果是在list队尾的位置进入Move模式,则另标志位editLast=true,再将该标志位传到listview组件中,改变实际焦点的样式,且将焦点移至moveItem:this.currentFocus='moveItem';否则,则将焦点移至moveItem之后的一个项目、即移至index+1的一个项目。图9中示例性示出了一种用户界面设置方法的流程示意图。如图9所示,执行上述操作后可以得到图9中第一行所示的显示效果,其中,moveItem被显示为焦点样式,但是,焦点处于mainTileData’行中,并且焦点所在位置的项目不按照焦点样式显示。
2)接收移动所述目标项目的用户输入,改变moveItem的位置时,可以执行如下操作:
首先,根据移动所述目标项目的用户输入,确定所述焦点所在项目的索引值的变化值N。
例如,一视图显示区内共有6个项目,对应的项目数组为{item0,item1,item2……item5},各项目的索引值分别为Index=0、Index=1、……Index=5。用户输入为将目标项目向右移动两个项目的位置,如果焦点所在项目的索引值currentIndex=3,则目标项目位置移动后焦点所在项目的索引值currentIndex=5,即焦点所在项目的索引值的变化值N=2。
然后,根据所述索引值的变化值N,计算所述子项目数组中各项目的横向偏移量,其中,将被移动至所述目标项目之前的项目,其横向偏移量为项目示宽度和项目之间间距之和的N+1倍,其它项目的横向偏移量为项目宽度和项目之间间距之和的N倍。
最后,根据所述子项目数组中各项目的横向偏移量和预设纵向偏移量,显示所述子项目数组中的各项目。
以每次移动一个项目位置为例,具体可以执行如下代码:
其中,如果目标项目要向左移动moveItem,则对应的焦点左移、即index-1,即步骤①,如果要向右移动moveItem,则对应的焦点右移、即index+1。
然后,listview组件向页面传输事件,改变焦点位置,以实现控制子项目组中的项目移动。其中,如果到了当前焦点处于mainTileData’行中最后一个项目的位置,若moveItem将被移至mainTileData’行的队尾,由于moveItem还在最后一个项目的前面,进而会出现moveItem无法移动到mainTileData’行的队尾位置上的问题。本实施例提供的解决方案为,则将焦点由mainTileData’行移至moveItem,即将焦点移至moveItem:this.currentFocus='moveItem'、即执行步骤④;
同时,改变整个mainTileData’行的横向位置,其中,将被移动至目标项目之前的项目,其横向偏移量为项目示宽度和项目之间间距之和的N+1倍、其它项目的横向偏移量为项目宽度和项目之间间距之和的N倍,N为焦点所在项目的索引值的变化值、又称目标项目被移动N个项目的位置,本实施例称mainTileData’行中项目的移动方向为前方。由于本实施中将焦点设置在与目标项目相邻位置的项目上,进而当前焦点所在位置的项目会移动2*(项目的宽度+项目之间的间距)的距离,而其他项目则移动1*(项目的宽度+项目之间的间距)的距离;否则,则将焦点附到currentIndex位置、即执行步骤⑤。
例如,在图9中第二行的基础上,执行控制目标项目右移的操作,则将直接由焦点mainTileData’行中的第一项目(即当前焦点所在项目4)移至第二项目(即currentIndex位置),进而得到图9中第三行的显示效果;若在在图9中第三行的基础上,执行控制目标项目右移的操作,则焦点mainTileData’行中的第一项目(即当前焦点所在项目)移至moveItem位置,进而得到图9中第四行的显示效果。
3)接收结束移动所述目标项目的用户输入,根据目标项目与子项目数组所对应项目队列的相对位置,将目标项目插入至子项目数组中,形成新的项目数组;然后,控制新的项目数组中的各项目显示在视图显示区中,即从Move模式进入Normal模式。
其中,由于本实施例中将焦点设置在述初始项目数组中相对目标项目的索引值加1的一个项目上、即目标项目之后的一个项目上,所以将目标项目插入至子项目数组中时,如果当前焦点位于子项目数组中,则可以直接将目标项目插入焦点所在项目之前的位置,如果当前焦点位于目标项目上中,则可以直接将目标项目插入子项目数组的队尾。
需要说明的是,上述实施例只是以用户执行一次按键操作移动一个项目距离为例,在具体实施例过程中,还有可能一次移动多个项目,例如,如将第二个项目直接移动到第五个项目所在的位置。
另外,在为实现子项目数组中的项目移动,在将当前焦点所在的目标项目从初始项目队列所对应的初始项目数组中移出,得到子项目数组后,进行将焦点移至子项目数组中的项目上时,除了可以按照上述方式将焦点移至初始项目数组中相对所述目标项目的索引值加1的一个项目、即目标项目之后的一个项目,还可以将焦点移动至相对目标项目的索引值加1的一个项目、即目标项目之后的一个项目,或者,还可以是子项目数组中其它任意一个项目上。只是与将焦点移至目标项目之后的一个项目相比,与将焦点移至目标项目之后的一个项目上的方式,在上述步骤2)计算子项目数组各项目的横向偏移量,以及在上述步骤3)中将目标项目插入至子项目数组中,确定其插入位置时,可以节省更少的计算量。
图10中示例性示出了另一种用户界面设置方法的流程示意图。如图10所示,本实施提供的用户界面设置方法,与上述实施例中的方法相比,在步骤S1003:控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示之后,还提供了对删除目标项目时的实现方法,具体包括如下步骤:
S1005:接收删除所述目标项目的用户输入。
接收用户输入,确定所述用户输入事件的类型,其中,显示设备200的控制器被配置为监控用户输入事件类型,如监控按键输入是否为UP键指令。若监控用户输入事件是UP键指令,则说明该按键输入为删除该目标项目的用户输入,即进而响应该按键输入。
S1006:根据预设纵向偏移量,控制所述目标项目按照焦点样式显示。
为与上述Move模式有所区分,根据预设translateY值,例如,将moveItem的translateY在Move模式基础上增加一定的量以使其上移,将该目标项目按照焦点样式显示在用户界面中,另外,还可以控制目标项目的图标大小的改变。图11中示例性示出了一种用户删除项目的操作流程示意图。如图11所示,第一行为在述Move模式下的显示效果,第二行则为在第一行的基础上,接收到删除所述目标项目的用户指令后的显示效果。
其中,可以按照如下代码执行:
if(this.moveItem[0].canRemove){①
this.changeMainTileListStatus(MAIN_TILE_STATUS.REMOVE);②
}
其中:
步骤①代表如果moveItem的标志位canRemove为true,则执行步骤②,直接改变mainTile状态为Remove。
S1007:接收确定删除所述目标项目的用户输入。
接收用户输入,确定所述用户输入事件的类型,其中,显示设备200的控制器被配置为监控用户输入事件类型,如监控按键输入是否为UP或ENTER键指令。若监控用户输入事件是UP或ENTER键指令,则说明该按键输入为确定删除该目标项目的用户输入,即进而响应该按键输入。
S1008:控制所述子项目数组中的各项目显示在所述视图显示区内。
其中,如果改变目标项目位置时,是控制mainTileData’行的项目移动的方式,本实例还提供了对当前焦点所在位置的分析步骤。具体可以执行如下代码进行操作:
其中:
①:如果当前的Index已经是list最队尾处,即此时焦点在moveItem上,则将焦点的index重新赋值到mainTileData’行的最后一个位置上
②:改变mainTile的状态为Normal。
③:moveItem位置的div,因为设置了只在mainTile为Normal状态下才显示,否则不被创建,所以此时不再显示moveItem位置内容。
另外,本实施例还提供了S1006之后,如果直接接收到用户输入的返回到正常模式的指令,则将该目标项目插入至子项目数组中,形成新的项目数组,并控制该新的项目数组中的各项目显示在所述视图显示区中。
基于与上述用户界面设置方法和显示设备同样的发明构思,本实施例还提供了一种计算机存储介质,该计算机存储介质可存储有程序,所述程序执行时可实现上述任一实施提供的用户界面设置方法。
尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例作出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然,本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样,倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包括这些改动和变型在内。
Claims (10)
1.一种显示设备,其特征在于,所述显示设备包括:
显示器,该显示器被配置为显示用户界面,所述用户界面包括一个或多个视图显示区;
与所述显示器通信连接的控制器,所述控制器被配置为执行呈现用户界面:
接收编辑所述视图显示区内的项目的用户输入,其中,所述视图显示区中显示有多个项目,所述多个项目组成项目队列;
将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组;
控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示,其中,控制所述子项目数组中的各项目按照非焦点样式时,根据所述目标项目在所述用户界面中的显示位置和其在所述初始项目数组中的位置,计算所述子项目数组中各项目的横向偏移量,从而确定所述子项目数组中的各项目在所述用户界面中的显示位置;
根据所述子项目数组中各项目的横向偏移量,以使与所述目标项目相邻的两个项目之间留出供所述目标项目的显示位置,其中,留出的供所述目标项目的显示位置为待留出位置;
根据移动所述目标项目的用户输入,将焦点移至所述初始项目数组中相对所述目标项目的索引值加1的一个项目,并在保持所述目标项目在所述用户界面中的显示位置不变时,控制所述子项目数组中的各项目在所述用户界面中显示位置的移动,以改变所述目标项目在所述项目队列中的位置,并且在移动所述子项目数组中的各项目的显示位置时不更新页面显示;其中,所述焦点所在的项目并不显示焦点样式;
根据结束移动所述目标项目的用户输入,将所述目标项目插入至所述子项目数组中待留出位置处,同时,所述焦点由所述子项目数组中的项目移至所述目标项目,以形成新的项目数组,并更新所述新的项目数组的页面显示。
2.根据权利要求1所述的显示设备,其特征在于,控制所述子项目数组中的各项目按照非焦点样式时,确定所述子项目数组中的各项目在所述用户界面中的显示位置的方法,包括:
根据所述目标项目在所述用户界面中的显示位置和其在所述初始项目数组中的位置,计算所述子项目数组中各项目的横向偏移量;
根据所述子项目数组中各项目的横向偏移量、预设纵向偏移量,确定所述子项目数组中的各项目在所述用户界面中的显示位置。
3.根据权利要求1所述的显示设备,其特征在于,将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组之后,所述控制器还被配置:
判断所述目标项目是否为所述项目队列的最后一个项目;
如果所述目标项目是所述项目队列的最后一个项目,则将焦点移至所述目标项目;
如果所述目标项目不是所述项目队列的最后一个项目,则将焦点移至所述初始项目数组中相对所述目标项目的索引值加1的一个项目。
4.根据权利要求3所述的显示设备,其特征在于,根据移动所述目标项目的用户输入,控制所述子项目数组中的各项目的显示位置的移动,包括:
根据移动所述目标项目的用户输入,确定所述焦点所在项目的索引值的变化值N;
根据所述索引值的变化值N,计算所述子项目数组中各项目的横向偏移量,其中,将被移动至所述目标项目之前的项目,其横向偏移量为项目示宽度和项目之间间距之和的N+1倍,其它项目的横向偏移量为项目宽度和项目之间间距之和的N倍;
根据所述子项目数组中各项目的横向偏移量和预设纵向偏移量,显示所述子项目数组中的各项目。
5.根据权利要求4所述的显示设备,其特征在于,控制所述子项目数组中的各项目的显示位置的移动之前,还包括:
根据移动所述目标项目的用户输入和当前所述焦点所在的项目,判断所述目标项目是否将被移至所述子项目数组对应的项目队列的队尾;
如果所述目标项目将被移至所述子项目数组对应的项目队列的队尾,则将所述焦点由所述子项目数组中的项目移至所述目标项目。
6.根据权利要求1所述的显示设备,其特征在于,所述控制器被配置为执行呈现用户界面的方法还包括:
接收结束移动所述目标项目的用户输入;
根据所述目标项目与所述子项目数组所对应项目队列的相对位置,将所述目标项目插入至所述子项目数组中,形成新的项目数组;
控制所述新的项目数组中的各项目显示在所述视图显示区中。
7.根据权利要求1所述的显示设备,其特征在于,控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示之后,还包括:
接收删除所述目标项目的用户输入;
根据预设纵向偏移量,控制所述目标项目按照焦点样式显示;
接收确定删除所述目标项目的用户输入;
控制所述子项目数组中的各项目显示在所述视图显示区内。
8.根据权利要求7所述的显示设备,其特征在于,控制所述子项目数组中的各项目显示在所述视图显示区内,还包括:
判断所述焦点是否位于所述目标项目上;
如果所述焦点位于所述目标项目上,则所述焦点由所述目标项目移至所述子项目数组中的一个项目;
控制所述子项目数组中,当前焦点所在的项目按照的焦点样式、剩余的项目按照非焦点样式显示在所述视图显示区内。
9.一种用户界面设置方法,其特征在于,所述方法包括:
接收编辑视图显示区内的项目的用户输入,其中,所述视图显示区中显示有多个项目,所述多个项目组成项目队列;
将当前焦点所在的目标项目从所述项目队列所对应的初始项目数组中移出,得到子项目数组;
控制所述目标项目按照焦点样式显示、所述子项目数组中的各项目按照非焦点样式显示,其中,控制所述子项目数组中的各项目按照非焦点样式时,根据所述目标项目在所述用户界面中的显示位置和其在所述初始项目数组中的位置,计算所述子项目数组中各项目的横向偏移量,从而确定所述子项目数组中的各项目在所述用户界面中的显示位置;
根据所述子项目数组中各项目的横向偏移量,以使与所述目标项目相邻的两个项目之间留出供所述目标项目的显示位置,其中,留出的供所述目标项目的显示位置为待留出位置;
根据移动所述目标项目的用户输入,将焦点移至所述初始项目数组中相对所述目标项目的索引值加1的一个项目,并在保持所述目标项目在所述用户界面中的显示位置不变时,控制所述子项目数组中的各项目在所述用户界面中显示位置的移动,以改变所述目标项目在所述项目队列中的位置,并且在移动所述子项目数组中的各项目的显示位置时不更新页面显示;其中,所述焦点所在的项目并不显示焦点样式;
根据结束移动所述目标项目的用户输入,将所述目标项目插入至所述子项目数组中待留出位置处,同时,所述焦点由所述子项目数组中的项目移至所述目标项目,以形成新的项目数组,并更新所述新的项目数组的页面显示。
10.一种计算机存储介质,其特征在于,所述计算机存储介质可存储有程序,所述程序执行时可实现权利要求9中的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911303805.2A CN111104020B (zh) | 2019-12-17 | 2019-12-17 | 用户界面设置方法、存储介质及显示设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911303805.2A CN111104020B (zh) | 2019-12-17 | 2019-12-17 | 用户界面设置方法、存储介质及显示设备 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111104020A CN111104020A (zh) | 2020-05-05 |
CN111104020B true CN111104020B (zh) | 2023-10-27 |
Family
ID=70422589
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911303805.2A Active CN111104020B (zh) | 2019-12-17 | 2019-12-17 | 用户界面设置方法、存储介质及显示设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111104020B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113805738B (zh) * | 2020-06-12 | 2023-11-14 | 海信视像科技股份有限公司 | 一种控制按键的自定义设置方法、启动方法及显示设备 |
CN112328133A (zh) * | 2020-11-23 | 2021-02-05 | 深圳Tcl新技术有限公司 | 图标显示方法、装置及存储介质 |
CN114764357B (zh) * | 2021-01-13 | 2024-05-03 | 华为技术有限公司 | 界面显示过程中的插帧方法及终端设备 |
CN113934392B (zh) * | 2021-10-13 | 2024-06-28 | 广东睿盟计算机科技有限公司 | 隔离双机同屏控制方法、装置、计算机设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108268187A (zh) * | 2018-01-23 | 2018-07-10 | 腾讯音乐娱乐科技(深圳)有限公司 | 智能终端的显示方法及装置 |
CN108810603A (zh) * | 2018-03-16 | 2018-11-13 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
CN110337034A (zh) * | 2019-07-12 | 2019-10-15 | 青岛海信传媒网络技术有限公司 | 用户界面显示方法及显示设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US7599934B2 (en) * | 2005-09-27 | 2009-10-06 | Microsoft Corporation | Server side filtering and sorting with field level security |
-
2019
- 2019-12-17 CN CN201911303805.2A patent/CN111104020B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108268187A (zh) * | 2018-01-23 | 2018-07-10 | 腾讯音乐娱乐科技(深圳)有限公司 | 智能终端的显示方法及装置 |
CN108810603A (zh) * | 2018-03-16 | 2018-11-13 | 青岛海信电器股份有限公司 | 多个对象之间排序时的编辑方法及显示终端 |
CN110337034A (zh) * | 2019-07-12 | 2019-10-15 | 青岛海信传媒网络技术有限公司 | 用户界面显示方法及显示设备 |
Also Published As
Publication number | Publication date |
---|---|
CN111104020A (zh) | 2020-05-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111200746B (zh) | 显示设备处于待机状态时被唤醒的方法及显示设备 | |
CN110337034B (zh) | 用户界面显示方法及显示设备 | |
CN109618206B (zh) | 呈现用户界面的方法和显示设备 | |
WO2021114529A1 (zh) | 用户界面展示方法及显示设备 | |
US11093108B2 (en) | Method for displaying user interface and display device | |
CN111104020B (zh) | 用户界面设置方法、存储介质及显示设备 | |
CN111913608B (zh) | 一种触控屏旋转控制交互方法及显示设备 | |
CN112463269B (zh) | 用户界面显示方法及显示设备 | |
CN111654739A (zh) | 一种内容显示方法及显示设备 | |
CN111625169B (zh) | 一种遥控器浏览网页的方法及显示设备 | |
CN111045557A (zh) | 焦点对象的移动方法及显示设备 | |
CN111629249B (zh) | 一种开机图片的播放方法及显示设备 | |
CN111246309A (zh) | 在显示设备中显示频道列表的方法及显示设备 | |
CN111479155A (zh) | 显示设备及用户界面显示方法 | |
CN113556593B (zh) | 一种显示设备及投屏方法 | |
CN113132776B (zh) | 一种显示设备 | |
WO2021109411A1 (zh) | 文本类型转换方法及显示设备 | |
CN113395600B (zh) | 一种显示设备的界面切换方法及显示设备 | |
CN113115092B (zh) | 一种显示设备及详情页展示方法 | |
CN113490060B (zh) | 一种显示设备及确定常用联系人的方法 | |
CN113115081B (zh) | 显示设备、服务器及媒资推荐方法 | |
CN111596771A (zh) | 显示设备和输入法中选择器的移动方法 | |
CN113115093A (zh) | 一种显示设备及详情页展示方法 | |
CN113497965B (zh) | 旋转动画的配置方法及显示设备 | |
CN113115082B (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 | ||
TA01 | Transfer of patent application right |
Effective date of registration: 20221014 Address after: 83 Intekte Street, Devon, Netherlands Applicant after: VIDAA (Netherlands) International Holdings Ltd. Address before: 266061 room 131, 248 Hong Kong East Road, Laoshan District, Qingdao City, Shandong Province Applicant before: QINGDAO HISENSE MEDIA NETWORKS Ltd. |
|
TA01 | Transfer of patent application right | ||
GR01 | Patent grant | ||
GR01 | Patent grant |