CN113535019B - 显示设备及应用图标的显示方法 - Google Patents
显示设备及应用图标的显示方法 Download PDFInfo
- Publication number
- CN113535019B CN113535019B CN202110794418.4A CN202110794418A CN113535019B CN 113535019 B CN113535019 B CN 113535019B CN 202110794418 A CN202110794418 A CN 202110794418A CN 113535019 B CN113535019 B CN 113535019B
- Authority
- CN
- China
- Prior art keywords
- application icon
- application
- editable
- interface
- animation
- 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
- 238000000034 method Methods 0.000 title claims abstract description 39
- 230000008569 process Effects 0.000 claims abstract description 22
- 230000004913 activation Effects 0.000 claims abstract description 13
- 230000004044 response Effects 0.000 claims description 9
- 238000004891 communication Methods 0.000 description 13
- 238000010586 diagram Methods 0.000 description 10
- 230000006870 function Effects 0.000 description 8
- 238000012545 processing Methods 0.000 description 8
- 238000006243 chemical reaction Methods 0.000 description 6
- 230000003993 interaction Effects 0.000 description 6
- 230000002452 interceptive effect Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000005236 sound signal Effects 0.000 description 3
- 230000015572 biosynthetic process Effects 0.000 description 2
- 239000002131 composite material Substances 0.000 description 2
- 230000009467 reduction Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 238000003786 synthesis reaction Methods 0.000 description 2
- UGODCLHJOJPPHP-AZGWGOJFSA-J tetralithium;[(2r,3s,4r,5r)-5-(6-aminopurin-9-yl)-4-hydroxy-2-[[oxido(sulfonatooxy)phosphoryl]oxymethyl]oxolan-3-yl] phosphate;hydrate Chemical compound [Li+].[Li+].[Li+].[Li+].O.C1=NC=2C(N)=NC=NC=2N1[C@@H]1O[C@H](COP([O-])(=O)OS([O-])(=O)=O)[C@@H](OP([O-])([O-])=O)[C@H]1O UGODCLHJOJPPHP-AZGWGOJFSA-J 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 238000013473 artificial intelligence Methods 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 230000006837 decompression Effects 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000000203 mixture Substances 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000003825 pressing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
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/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/04845—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 for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- 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/0485—Scrolling or panning
-
- 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)
Abstract
本申请提供一种显示设备及应用图标的显示方法,该显示设备的控制器被配置为:响应于用户在应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,应用编辑界面为编辑状态下的应用面板界面,接收在应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取移动操作对应的初始位置和目标位置,根据初始位置和目标位置生成动画,动画用于展示第一应用图标由初始位置移动到目标位置,播放动画,当动画播放结束时,在目标位置展示第一应用图标。通过在应用图标移动前,根据移动前后的位置生成动画,解决了现有显示设备在应用图标位置移动过程中,页面出现卡顿及闪烁的情况,严重影响用户的观看体验的问题。
Description
技术领域
本申请涉及显示设备技术领域,尤其涉及一种显示设备及应用图标的显示方法。
背景技术
显示设备,如智能电视,可以为用户提供诸如音频、视频、图片等播放画面。相比于通过数据广播为用户提供直播电视节目的传统电视,智能电视一般侧重于在线互动媒体、互联网电视和点播式流媒体,其能为用户更加丰富的内容和服务,如网络视频、网络游戏等各种应用和服务内容。
在显示设备的使用过程中,用户往往需要根据自身需求对应用图标的位置进行移动,但现有显示设备仍存在一些问题,在应用图标位置变化的过程中,由于传统动画流程是由动画初始位置逐渐向终点位置移动,在移动过程中的每一帧动画时都需要进行大量复杂的计算,若此时显示设备的刷新频率较低,就会导致页面出现卡顿及闪烁的情况,严重影响用户的观看体验。
发明内容
本申请提供一种显示设备及应用图标的显示方法,通过在应用图标移动前,根据移动前后的位置生成动画,解决了现有显示设备在应用图标位置移动过程中,页面出现卡顿及闪烁的情况,严重影响用户的观看体验的问题。
第一方面,本申请提供一种显示设备,包括:
显示器,用于显示用户界面;
控制器,被配置为:
呈现应用面板界面,所述应用面板界面用于展示多个应用图标,所述多个应用图标中的至少一个可编辑;
响应于用户在所述应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,所述应用编辑界面为编辑状态下的所述应用面板界面;
接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取所述移动操作对应的初始位置和目标位置;
根据所述初始位置和所述目标位置生成动画,所述动画用于展示所述第一应用图标由初始位置移动到所述目标位置;
播放所述动画;
当所述动画播放结束时,在所述目标位置展示所述第一应用图标。
第二方面,本申请还提供一种应用图标的显示方法,包括以下步骤:
呈现应用面板界面,所述应用面板界面用于展示多个应用图标,所述多个应用图标中的至少一个可编辑;
响应于用户在所述应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,所述应用编辑界面为编辑状态下的所述应用面板界面;
接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取所述移动操作对应的初始位置和目标位置;
根据所述初始位置和所述目标位置生成动画,所述动画用于展示所述第一应用图标由初始位置移动到所述目标位置;
播放所述动画;
当所述动画播放结束时,在所述目标位置展示所述第一应用图标。
由以上技术方案可知,本申请提供一种显示设备及应用图标的显示方法,该显示设备的控制器被配置为:呈现应用面板界面,所述应用面板界面用于展示多个应用图标,所述多个应用图标中的至少一个可编辑,响应于用户在所述应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,所述应用编辑界面为编辑状态下的所述应用面板界面,接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取所述移动操作对应的初始位置和目标位置,根据所述初始位置和所述目标位置生成动画,所述动画用于展示所述第一应用图标由初始位置移动到所述目标位置,播放所述动画,当所述动画播放结束时,在所述目标位置展示所述第一应用图标。通过在应用图标移动前,根据移动前后的位置生成动画,解决了现有显示设备在应用图标位置移动过程中,页面出现卡顿及闪烁的情况,严重影响用户的观看体验的问题。
附图说明
为了更清楚地说明本申请实施例或相关技术中的实施方式,下面将对实施例或相关技术描述中所需要使用的附图作一简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,还可以根据这些附图获得其他的附图。
图1示出了根据一些实施例的显示设备与控制装置之间操作场景;
图2示出了根据一些实施例的控制设备100的硬件配置框图;
图3示出了根据一些实施例的显示设备200的硬件配置框图;
图4示出了根据一些实施例的显示设备200中软件配置图;
图5示出了一种示例性的应用面板界面;
图6示出了一种示例性的应用编辑界面;
图7示出了一种示例性的应用编辑界面;
图8示出了用户输入一次移动焦点操作的应用编辑界面;
图9示出了用户输入两次移动焦点操作的应用编辑界面;
图10示出了在应用编辑界面上的动画播放示意图;
图11示出了动画播放完成后的应用编辑界面;
图12示出了另一种实施例中在应用编辑界面上的动画播放示意图;
图13示出了另一种实施例中动画播放完成后的应用编辑界面;
图14示出了在第一应用图标的水平方向移动焦点的示意图;
图15示出了在第一应用图标的竖直方向移动焦点的示意图;
图16为本申请根据示例性实施例示出的一种应用图标的显示方法流程图。
具体实施方式
为使本申请的目的和实施方式更加清楚,下面将结合本申请示例性实施例中的附图,对本申请示例性实施方式进行清楚、完整地描述,显然,描述的示例性实施例仅是本申请一部分实施例,而不是全部的实施例。
需要说明的是,本申请中对于术语的简要说明,仅是为了方便理解接下来描述的实施方式,而不是意图限定本申请的实施方式。除非另有说明,这些术语应当按照其普通和通常的含义理解。
本申请中说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”等是用于区别类似或同类的对象或实体,而不必然意味着限定特定的顺序或先后次序,除非另外注明。应该理解这样使用的用语在适当情况下可以互换。
术语“包括”和“具有”以及他们的任何变形,意图在于覆盖但不排他的包含,例如,包含了一系列组件的产品或设备不必限于清楚地列出的所有组件,而是可包括没有清楚地列出的或对于这些产品或设备固有的其它组件。
术语“模块”是指任何已知或后来开发的硬件、软件、固件、人工智能、模糊逻辑或硬件或/和软件代码的组合,能够执行与该元件相关的功能。
图1为根据实施例中显示设备与控制装置之间操作场景的示意图。如图1所示,用户可通过智能设备300或控制装置100操作显示设备200。
在一些实施例中,控制装置100可以是遥控器,遥控器和显示设备的通信包括红外协议通信或蓝牙协议通信,及其他短距离通信方式,通过无线或有线方式来控制显示设备200。用户可以通过遥控器上按键、语音输入、控制面板输入等输入用户指令,来控制显示设备200。
在一些实施例中,也可以使用智能设备300(如移动终端、平板电脑、计算机、笔记本电脑等)以控制显示设备200。例如,使用在智能设备上运行的应用程序控制显示设备200。
在一些实施例中,显示设备200还可以采用除了控制装置100和智能设备300之外的方式进行控制,例如,可以通过显示设备200设备内部配置的获取语音指令的模块直接接收用户的语音指令控制,也可以通过显示设备200设备外部设置的语音控制设备来接收用户的语音指令控制。
在一些实施例中,显示设备200还与服务器400进行数据通信。可允许显示设备200通过局域网(LAN)、无线局域网(WLAN)和其他网络进行通信连接。服务器400可以向显示设备200提供各种内容和互动。服务器400可以是一个集群,也可以是多个集群,可以包括一类或多类服务器。
图2示例性示出了根据示例性实施例中控制装置100的配置框图。如图2所示,控制装置100包括控制器110、通信接口130、用户输入/输出接口140、存储器、供电电源。控制装置100可接收用户的输入操作指令,且将操作指令转换为显示设备200可识别和响应的指令,起用用户与显示设备200之间交互中介作用。
图3示出了根据示例性实施例中显示设备200的硬件配置框图。
在一些实施例中,显示设备200包括调谐解调器210、通信器220、检测器230、外部装置接口240、控制器250、显示器260、音频输出接口270、存储器、供电电源、用户接口中的至少一种。
在一些实施例中控制器包括处理器,视频处理器,音频处理器,图形处理器,RAM,ROM,用于输入/输出的第一接口至第n接口。
在一些实施例中,显示器260包括用于呈现画面的显示屏组件,以及驱动图像显示的驱动组件,用于接收源自控制器输出的图像信号,进行显示视频内容、图像内容以及菜单操控界面的组件以及用户操控UI界面。
在一些实施例中,显示器260可为液晶显示器、OLED显示器、以及投影显示器,还可以为一种投影装置和投影屏幕。
在一些实施例中,通信器220是用于根据各种通信协议类型与外部设备或服务器进行通信的组件。例如:通信器可以包括Wifi模块,蓝牙模块,有线以太网模块等其他网络通信协议芯片或近场通信协议芯片,以及红外接收器中的至少一种。显示设备200可以通过通信器220与外部控制设备100或服务器400建立控制信号和数据信号的发送和接收。
在一些实施例中,用户接口,可用于接收控制装置100(如:红外遥控器等)的控制信号。
在一些实施例中,检测器230用于采集外部环境或与外部交互的信号。例如,检测器230包括光接收器,用于采集环境光线强度的传感器;或者,检测器230包括图像采集器,如摄像头,可以用于采集外部环境场景、用户的属性或用户交互手势,再或者,检测器230包括声音采集器,如麦克风等,用于接收外部声音。
在一些实施例中,外部装置接口240可以包括但不限于如下:高清多媒体接口(HDMI)、模拟或数据高清分量输入接口(分量)、复合视频输入接口(CVBS)、USB输入接口(USB)、RGB端口等任一个或多个接口。也可以是上述多个接口形成的复合性的输入/输出接口。
在一些实施例中,调谐解调器210通过有线或无线接收方式接收广播电视信号,以及从多个无线或有线广播电视信号中解调出音视频信号,如以及EPG数据信号。
在一些实施例中,控制器250和调谐解调器210可以位于不同的分体设备中,即调谐解调器210也可在控制器250所在的主体设备的外置设备中,如外置机顶盒等。
在一些实施例中,控制器250,通过存储在存储器上中各种软件控制程序,来控制显示设备的工作和响应用户的操作。控制器250控制显示设备200的整体操作。例如:响应于接收到用于选择在显示器260上显示UI对象的用户命令,控制器250便可以执行与由用户命令选择的对象有关的操作。
在一些实施例中,所述对象可以是可选对象中的任何一个,例如超链接、图标或其他可操作的控件。与所选择的对象有关操作有:显示连接到超链接页面、文档、图像等操作,或者执行与所述图标相对应程序的操作。
在一些实施例中控制器包括中央处理器(Central Processing Unit,CPU),视频处理器,音频处理器,图形处理器(Graphics Processing Unit,GPU),RAM Random AccessMemory,RAM),ROM(Read-Only Memory,ROM),用于输入/输出的第一接口至第n接口,通信总线(Bus)等中的至少一种。
CPU处理器。用于执行存储在存储器中操作系统和应用程序指令,以及根据接收外部输入的各种交互指令,来执行各种应用程序、数据和内容,以便最终显示和播放各种音视频内容。CPU处理器,可以包括多个处理器。如,包括一个主处理器以及一个或多个子处理器。
在一些实施例中,图形处理器,用于产生各种图形对象,如:图标、操作菜单、以及用户输入指令显示图形等。图形处理器包括运算器,通过接收用户输入各种交互指令进行运算,根据显示属性显示各种对象;还包括渲染器,对基于运算器得到的各种对象,进行渲染,上述渲染后的对象用于显示在显示器上。
在一些实施例中,视频处理器,用于将接收外部视频信号,根据输入信号的标准编解码协议,进行解压缩、解码、缩放、降噪、帧率转换、分辨率转换、图像合成等视频处理,可得到直接可显示设备200上显示或播放的信号。
在一些实施例中,视频处理器,包括解复用模块、视频解码模块、图像合成模块、帧率转换模块、显示格式化模块等。其中,解复用模块,用于对输入音视频数据流进行解复用处理。视频解码模块,用于对解复用后的视频信号进行处理,包括解码和缩放处理等。图像合成模块,如图像合成器,其用于将图形生成器根据用户输入或自身生成的GUI信号,与缩放处理后视频图像进行叠加混合处理,以生成可供显示的图像信号。帧率转换模块,用于对转换输入视频帧率。显示格式化模块,用于将接收帧率转换后视频输出信号,改变信号以符合显示格式的信号,如输出RGB数据信号。
在一些实施例中,音频处理器,用于接收外部的音频信号,根据输入信号的标准编解码协议,进行解压缩和解码,以及降噪、数模转换、和放大处理等处理,得到可以在扬声器中播放的声音信号。
在一些实施例中,用户可在显示器260上显示的图形用户界面(GUI)输入用户命令,则用户输入接口通过图形用户界面(GUI)接收用户输入命令。或者,用户可通过输入特定的声音或手势进行输入用户命令,则用户输入接口通过传感器识别出声音或手势,来接收用户输入命令。
在一些实施例中,“用户界面”,是应用程序或操作系统与用户之间进行交互和信息交换的介质接口,它实现信息的内部形式与用户可以接受形式之间的转换。用户界面常用的表现形式是图形用户界面Graphic User Interface,GUI),是指采用图形方式显示的与计算机操作相关的用户界面。它可以是在电子设备的显示屏中显示的一个图标、窗口、控件等界面元素,其中控件可以包括图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
在一些实施例中,显示设备的系统可以包括内核(Kernel)、命令解析器(shell)、文件系统和应用程序。内核、shell和文件系统一起组成了基本的操作系统结构,它们让用户可以管理文件、运行程序并使用系统。上电后,内核启动,激活内核空间,抽象硬件、初始化硬件参数等,运行并维护虚拟内存、调度器、信号及进程间通信(IPC)。内核启动后,再加载Shell和用户应用程序。应用程序在启动后被编译成机器码,形成一个进程。
如图4所示,显示设备的系统可以包括内核(Kernel)、命令解析器(shell)、文件系统和应用程序。内核、shell和文件系统一起组成了基本的操作系统结构,它们让用户可以管理文件、运行程序并使用系统。上电后,内核启动,激活内核空间,抽象硬件、初始化硬件参数等,运行并维护虚拟内存、调度器、信号及进程间通信(IPC)。内核启动后,再加载Shell和用户应用程序。应用程序在启动后被编译成机器码,形成一个进程。
如图4所示,将显示设备的系统分为三层,从上至下分别为应用层、中间件层和硬件层。
应用层主要包含电视上的常用应用,以及应用框架(Application Framework),其中,常用应用主要是基于浏览器Browser开发的应用,例如:HTML5 APPs;以及原生应用(Native APPs);
应用框架(Application Framework)是一个完整的程序模型,具备标准应用软件所需的一切基本功能,例如:文件存取、资料交换.以及这些功能的使用接口(工具栏、状态列、菜单、对话框)。
原生应用(Native APPs)可以支持在线或离线,消息推送或本地资源访问。
中间件层包括各种电视协议、多媒体协议以及系统组件等中间件。中间件可以使用系统软件所提供的基础服务(功能),衔接网络上应用系统的各个部分或不同的应用,能够达到资源共享、功能共享的目的。
硬件层主要包括HAL接口、硬件以及驱动,其中,HAL接口为所有电视芯片对接的统一接口,具体逻辑由各个芯片来实现。驱动主要包含:音频驱动、显示驱动、蓝牙驱动、摄像头驱动、WIFI驱动、USB驱动、HDMI驱动、传感器驱动(如指纹传感器,温度传感器,压力传感器等)、以及电源驱动等。
显示设备上的系统应用、第三方应用的应用图标可集中显示在应用面板界面中,用户点击系统主页上的某个控件,例如应用中心控件,当用户点击应用中心控件时,可触发进入应用面板界面。应用图标在应用面板界面中呈行、列排布,每个应用图标分别有对应的应用名称信息和展示位置信息等,用户可对应用图标执行编辑操作或删除操作。示例的,编辑操作可以为用户根据自身的喜好或个人习惯移动应用图标的位置。
图5为一种示例性的应用面板界面,其具体可以为用户通过点击应用面板展示控件,例如应用中心控件,输入对应用中心控件的选中操作后,进入应用面板界面。如图5所示,应用面板界面包括多个应用图标500和焦点510,如“应用图标1”、“应用图标2”等。其中,应用图标500的内容会根据用户的喜好的变化而变化。在显示应用面板界面时,用户可以通过点击任意一个应用图标500,以输入针对任意应用图标500的选中指令,来触发进入应用图标500对应的应用界面。示例性的,当用户通过将焦点510移动到图5中的“应用图标1”并确认后,将进入“应用图标1”对应的应用界面,用户可以在“应用图标1”对应的应用界面中进行操作。需要说明的是,用户也可以通过其他方式来输入对应用图标500的选中操作,以显示对应的应用界面。例如,利用语音控制功能或者搜索功能,选中期望的应用图标500。
图6为一种示例性的应用编辑界面,其具体可以为用户通过输入编辑状态激活指令后,进入的应用编辑界面。需要说明的是,应用面板界面用于展示应用图标,当进入应用编辑界面时,应用图标的展示位置及顺序不变。应用面板界面中的应用图标都处于非编辑状态,其不可被移动或删除。然而,在应用编辑界面中,可编辑的应用图标都处于编辑状态,用户可以根据自身喜好选择应用图标的展示位置,或在应用编辑界面中删除不需要的应用图标。如图6所示,在应用编辑界面中,应用图标500按照一定的顺序进行排列,在应用编辑界面中,用户通过输入对应用图标的移动操作,对应用图标的位置进行移动。常规的应用面板界面中,一些应用图标由于自身属性无法被编辑,改变展示位置,同时,在应用图标的展示过程中,没有对应用图标是否可以被编辑进行明确展示,因此,用户在操作过程中无法准确知晓哪些是能够被编辑,无法根据需求调整应用图标的位置,严重影响用户的使用体验。传统动画展示方式是指,在用户移动应用图标位置的过程中,显示设备将应用图标由初始位置逐渐向终点位置进行移动的过程转换为多帧动画进行播放。然而,由于在移动过程中的每一帧动画时都需要进行大量复杂的计算,若此时显示设备的刷新频率较低,就会导致页面出现卡顿及闪烁的情况,严重影响用户的观看体验。因此如何解决传统动画展示方式中出现的页面卡顿及闪烁的情况是目前急需解决的问题。
以下结合图7至图13,说明用户编辑应用图标时的交互操作及用户界面变化过程。
首先,用户通过输入编辑状态激活指令后,进入的应用编辑界面。具体的,用户可以通过多种方式输入编辑状态激活指令。例如,用户可以通过长按某个应用图标以输入编辑状态激活指令,或者点击应用面板界面中的用于进入编辑状态的控件,以输入编辑状态激活指令。当然,用户也可以通过其他方式来输入编辑状态激活指令。
应用编辑界面中包括一定数量的应用图标,这些应用图标包括可编辑的应用图标和/或不可编辑的应用图标。其中,每个应用对应的数据结构中具有编辑属性标记位,若该应用的应用图标被配置为可编辑,则其对应的编辑属性标记位的值为第一数值,如TRUE,则其被配置为可编辑,若其对应的编辑属性标记位的值为第二数值,如False,则其被配置为不可编辑。需要说明的是,当应用图标可编辑时,应用图标能够被焦点选择及选中,以拾起该应用图标,从而能够响应于用户的移动操作,改变其在界面中的展示位置,当应用图标不可编辑时,应用图标不能够被焦点选择及选中,从而无法拾起该应用图标,与不能够响应于用户的移动操作,改变其在界面中的展示位置。
在一些实施例中,为便于用户区分可编辑的应用图标和不可编辑的应用图标,可以将可编辑的应用图标和不可编辑的应用图标显示为不同的样式。参见图7,可编辑的应用图标710显示为第一样式,不可编辑的应用图标720显示为第二样式。示例的,在应用编辑界面中,可编辑的应用图标710的透明度为100%,不可编辑的应用图标720的透明度为50%。
在显示应用编辑界面时,用户可以在应用编辑界面中输入对可编辑的某个应用图标的移动操作,获取移动操作对应的初始位置和目标位置,根据初始位置和目标位置生成动画,动画用于展示该应用图标由初始位置移动到目标位置。其中,初始位置即为该应用图标被移动前的位置,而目标位置是与初始位置不同的位置。
在一些实现方式中,首先通过将焦点510移动到某个应用图标上,进一步选中某个应用图标。参见图7,在图7中被选择的应用图标为应用图标2,当应用图标2被选择时,用户通过输入确认操作,选中该应用图标。应当理解的是,当应用编辑界面中的某个应用图标被选中时,该应用图标被拾起,即处于拾起状态。需要说明的是,应用图标的拾起状态可以为在应用编辑界面中闪烁展示该应用图标,也可以在应用编辑界面中抖动展示该应用图标。在一些实现方式中,也可以使得被选中的应用图标的尺寸略大于其他未被选中的应用图标。
接着,用户输入移动焦点的操作,以选择目标位置,该目标位置可以是某个可编辑的应用图标的展示位置,也可以是未展示有应用图标的位置。其中,移动焦点510的次数可以为任意次数,移动焦点的方向可以为水平方向或者竖直方向,直到用户将焦点510移动到目标位置上,例如某个可编辑的应用图标上,使得某个可编辑的应用图标被选择。具体可参阅图7,当应用图标2被选中时,显示设备响应于用户输入的移动焦点510的操作,判断焦点移动方向上是否存在可编辑的应用图标,若焦点移动方向上存在可编辑的应用图标,则将焦点510移动到距离应用图标2距离最近的可编辑的应用图标,并将焦点移动到该可编辑的应用图标。参见图8,图8为用户在如图7所示的应用编辑界面输入一次向右移动焦点的操作,焦点510由应用图标2向应用图标3方向移动,由于应用图标3不可被编辑,应用图标4可被编辑,因此应用图标4被选择。在本实施例中,第二应用图标为应用图标4,应用图标4能够被焦点选择,进一步能够响应于用户的移动操作。
示例的,参见图9,图9为用户在如图7的界面输入向右移动焦点的操作后,再次输入向下移动焦点的操作,焦点由应用图标2首先向应用图标3的方向移动,由于应用图标3不可被编辑,应用图标4可以被编辑,因此焦点停留在应用图标4上,接着用户输入向下移动焦点的操作,由于应用图标8不可被编辑,应用图标12可以被编辑,因此应用图标12被选择。在本实施例中,应用图标2为第一应用图标,应用图标12为第二应用图标,应用图标12由于能够被编辑,因此能够被焦点510选择,进一步能够响应于用户的移动操作。
在一些实施例中,用户输入移动焦点的操作,直到用户将焦点移动到目标位置,具体的,每个应用对应的数据结构中具有编辑属性标记位,若该应用的应用图标被配置为可编辑,则其对应的编辑属性标记位的值为第一数值,如TRUE,则其被配置为可编辑,若其对应的编辑属性标记位的值为第二数值,如False,则其被配置为不可编辑。
在一些实施例中,接收在应用编辑界面中输入的对可编辑的第一应用图标的移动操作,包括:当第一应用图标被选择时,接收输入的对第一应用图标的选中操作,响应于输入的至少一次移动焦点的操作,将焦点移动到可编辑的第二应用图标,以使第二应用图标被选择,当第二应用图标被选择时,接收输入的对第二应用图标的选中操作。此时根据初始位置和目标位置生成动画,需要说明的是,动画用于展示第一应用图标由初始位置移动到目标位置,初始位置为第一应用图标的当前位置,目标位置为第二应用图标的当前位置。生成动画的具体过程包括:根据初始位置和目标位置计算水平方向和竖直方向的属性差值,根据属性差值生成第一应用图标的移动路径,根据第一应用图标的移动路径将第一应用图标由初始位置移动到目标位置,根据第一应用图标的移动过程生成动画,将第一应用图标返回到初始位置。示例的,生成动画的过程可以通过浏览器渲染实现。
在一些实施例中,若目标位置展示有第二应用图标,根据初始位置和目标位置生成动画,还包括:根据属性差值生成第二应用图标的移动路径,根据第二应用图标的移动路径将第二应用图标由目标位置移动到初始位置,根据第一应用图标的移动路径和第二应用图标的移动路径生成动画,以使动画用于展示第一应用图标与第二应用图标位置互换的过程,将第二应用图标返回到目标位置。
参见图10,图10为一种实施例中的动画播放过程,根据应用图标1和应用图标3的位置生成动画,该动画用于展示应用图标1由初始位置逐渐移动到目标位置,同时应用图标3由目标位置逐渐移动到初始位置。参见图11,当动画播放完成后,在目标位置展示第一应用图标,在初始位置展示第二应用图标,完成用户对第一用户图标的移动操作。在本实施例中,应用图标1为第一应用图标,应用图标3为第二应用图标。
在一些可实现的方式中,不仅应用对应的数据结构中具有编辑属性标记位,在应用编辑界面中,目标位置也可以设置有对应的编辑属性标记位,而未展示相应的应用图标,若编辑属性标记位为第一数值,则目标位置可编辑,若编辑属性标记位为第二数值,则目标位置不可编辑。需要说明的是,当目标位置可编辑时,目标位置能够被焦点选择,进一步能够响应于用户的移动操作,实现在应用编辑界面中调整展示位置。
参见图12,图12为动画播放过程的示意图,动画用于展示应用图标1由初始位置逐渐移动到目标位置。在本实施例中,应用图标1为第一应用图标,由于动画是预先生成的,能够有效解决第一应用图标的移动过程中,页面卡顿闪烁的问题,有效提升用户的观看体验。示例的,参见图13,当动画播放完成后,在目标位置展示应用图标1。
在一些实施例中,接收在应用编辑界面中输入的对可编辑的第一应用图标的移动操作,包括:当第一应用图标被选择时,接收输入的对第一应用图标的选中操作,响应于输入的至少一次移动焦点的操作,将焦点移动到可编辑的第二应用图标,以使第二应用图标被选择,当第二应用图标被选择时,接收输入的对第二应用图标的选中操作。
在一些实施例中,响应于输入的至少一次移动焦点的操作,将焦点移动到可编辑的第二应用图标,包括:响应于输入的移动焦点的操作,判断焦点移动方向上是否存在可编辑的应用图标,若焦点移动方向上存在可编辑的应用图标,则将距离第一应用图标距离最近的可编辑的应用图标确定为第二应用图标,并将焦点移动到第二应用图标。
在一些实施例中,控制器进一步被配置为:若焦点移动方向上不存在可编辑的应用图标,则保持焦点停留在第一应用图标上。
在一些实施例中,判断焦点移动方向是否存在可编辑的应用图标,包括:
当焦点移动方向为水平方向时,判断在该应用图标的所在行是否存在可编辑的应用图标;当焦点移动方向为竖直方向时,判断在该应用图标的所在列是否存在可编辑的应用图标。
示例的,参见图14,当焦点移动方向为水平方向时,判断在应用图标7的所在行是否存在可编辑的应用图标,若存在可编辑的应用图标,将焦点移动到可编辑的应用图标上,在本实施例中,应用图标5和应用图标8可编辑,应用图标6不可编辑,由于应用图标7距离应用图标8的距离小于距离应用图标5的距离,因此焦点移动到应用图标8,应用图标8被选择。若不存在可编辑的应用图标,将焦点返回到第一应用图标。在本实施例中,应用图标3为可编辑的应用图标。
示例的,参见图15,当焦点移动方向为竖直方向时,判断在应用图标7的所在列是否存在可编辑的应用图标,若存在可编辑的应用图标,将焦点移动到可编辑的应用图标上,在本实施例中,应用图标3为可编辑,应用图标11不可编辑,因此焦点移动到应用图标3上,应用图标3被选择。需要说明的是,若不存在可编辑的应用图标,将焦点返回到第一应用图标。在本实施例中,应用图标3为可编辑的应用图标。
在一些实施例中,当焦点移动方向为水平方向时,判断在该应用图标的所在行是否存在可编辑的应用图标,还包括:判断第一应用图标的所在行是否为首行或末行,若第一应用图标的所在行为首行或末行,判断所在行是否存在可编辑的应用图标,若不存在,判断该第一应用图标的相邻行是否存在可编辑的应用图标,直至存在可编辑的应用图标,将焦点移动到该可编辑的应用图标上。
在一些实施例中,当焦点移动方向为竖直方向时,判断在该应用图标的所在列是否存在可编辑的应用图标,还包括:判断第一应用图标的所在列是否为首列或末列,若第一应用图标的所在列为首列或末列,判断所在列是否存在可编辑的应用图标,若不存在,判断该第一应用图标的相邻列是否存在可编辑的应用图标,直至存在可编辑的应用图标,将焦点移动到该可编辑的应用图标上。
为解决上述问题,本申请提供一种应用图标的显示方法,图15为本申请根据示例性实施例示出的一种应用图标的显示方法流程图;
如图16所示,该方法可由控制器执行,该方法包括以下步骤,但不仅限于此。
S100:呈现应用面板界面,应用面板界面用于展示多个应用图标,多个应用图标中的至少一个可编辑。
S110:响应于用户在应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,应用编辑界面为编辑状态下的应用面板界面。
S120:接收在应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取移动操作对应的初始位置和目标位置。
S130:根据初始位置和目标位置生成动画,动画用于展示第一应用图标由初始位置移动到目标位置。
S140:播放动画。
S150:当动画播放结束时,在目标位置展示第一应用图标。
具体实现中,本发明还提供一种计算机存储介质,其中,该计算机存储介质可存储有程序,该程序执行时可包括本发明提供的扩展媒资显示数量方法的各实施例中的部分或全部步骤。的存储介质可为磁碟、光盘、只读存储记忆体(英文:read-only memory,简称:ROM)或随机存储记忆体(英文:random access memory,简称:RAM)等。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。
为了方便解释,已经结合具体的实施方式进行了上述说明。但是,上述示例性的讨论不是意图穷尽或者将实施方式限定到上述公开的具体形式。根据上述的教导,可以得到多种修改和变形。上述实施方式的选择和描述是为了更好的解释原理以及实际的应用,从而使得本领域技术人员更好的使用实施方式以及适于具体使用考虑的各种不同的变形的实施方式。
Claims (9)
1.一种显示设备,其特征在于,包括:
显示器,用于显示用户界面;
控制器,被配置为:
呈现应用面板界面,所述应用面板界面用于展示多个应用图标,所述多个应用图标中的至少一个可编辑;
响应于用户在所述应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,所述应用编辑界面为编辑状态下的所述应用面板界面;
接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取所述移动操作对应的初始位置和目标位置,所述初始位置为所述第一应用图标被移动前的位置,所述目标位置为可编辑的应用图标的展示位置或未展示有应用图标的位置;
根据所述初始位置和所述目标位置计算水平方向和竖直方向的属性差值;
根据所述属性差值生成第一应用图标的移动路径;
根据第一应用图标的移动路径将所述第一应用图标由所述初始位置移动到所述目标位置;
根据所述第一应用图标的移动路径生成动画,所述动画用于展示所述第一应用图标由初始位置移动到所述目标位置;
播放所述动画;
当所述动画播放结束时,在所述目标位置展示所述第一应用图标。
2.根据权利要求1所述的显示设备,其特征在于,还包括:
判断所述目标位置是否展示有第二应用图标;
若所述目标位置展示有第二应用图标,当所述动画播放结束时,在所述初始位置展示所述第二应用图标。
3.根据权利要求2所述的显示设备,其特征在于,若所述目标位置展示有第二应用图标,根据所述初始位置和所述目标位置生成动画,还包括:
根据所述属性差值生成第二应用图标的移动路径;
根据第二应用图标的移动路径将所述第二应用图标由所述目标位置移动到所述初始位置;
根据所述第一应用图标的移动路径和所述第二应用图标的移动路径生成动画,以使所述动画用于展示所述第一应用图标与所述第二应用图标位置互换的过程。
4.根据权利要求3所述的显示设备,其特征在于,接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,包括:
当所述第一应用图标被选择时,接收输入的对所述第一应用图标的选中操作;
响应于输入的至少一次移动焦点的操作,将焦点移动到可编辑的第二应用图标,以使所述第二应用图标被选择;
当所述第二应用图标被选择时,接收输入的对所述第二应用图标的选中操作。
5.根据权利要求4所述的显示设备,其特征在于,响应于输入的至少一次移动焦点的操作,将焦点移动到可编辑的第二应用图标,包括:
响应于输入的移动焦点的操作,判断焦点移动方向上是否存在可编辑的应用图标;
若所述焦点移动方向上存在可编辑的应用图标,则将距离所述第一应用图标距离最近的可编辑的应用图标确定为所述第二应用图标,并将焦点移动到所述第二应用图标。
6.根据权利要求5所述的显示设备,其特征在于,判断焦点移动方向是否存在可编辑的第二应用图标,包括:
当所述焦点移动方向为水平方向时,判断在所述第一应用图标的所在行是否存在可编辑的应用图标;当所述焦点移动方向为竖直方向时,判断在所述第一应用图标的所在列是否存在可编辑的应用图标。
7.根据权利要求6所述的显示设备,其特征在于,判断在所述第一应用图标的所在列或者所在行是否存在可编辑的应用图标,包括:
获取所述第一应用图标的所在列或者所在行上的应用图标的标记位属性值;
判断所述属性值是否为第一数值或第二数值;
若所述属性值为第一数值,则所述应用图标可编辑;
若所述属性值为第二数值,则所述应用图标不可编辑。
8.根据权利要求5所述的显示设备,其特征在于,所述控制器进一步被配置为:
若所述焦点移动方向上不存在可编辑的应用图标,则保持焦点停留在所述第一应用图标上。
9.一种应用图标的显示方法,其特征在于,包括以下步骤:
呈现应用面板界面,所述应用面板界面用于展示多个应用图标,所述多个应用图标中的至少一个可编辑;
响应于用户在所述应用面板界面中输入的编辑状态激活指令,显示应用编辑界面,所述应用编辑界面为编辑状态下的所述应用面板界面;
接收在所述应用编辑界面中输入的对可编辑的第一应用图标的移动操作,获取所述移动操作对应的初始位置和目标位置,所述初始位置为所述第一应用图标被移动前的位置,所述目标位置为可编辑的应用图标的展示位置或未展示有应用图标的位置;
根据所述初始位置和所述目标位置计算水平方向和竖直方向的属性差值;
根据所述属性差值生成第一应用图标的移动路径;
根据第一应用图标的移动路径将所述第一应用图标由所述初始位置移动到所述目标位置;
根据所述第一应用图标的移动路径生成动画,所述动画用于展示所述第一应用图标由初始位置移动到所述目标位置;
播放所述动画;
当所述动画播放结束时,在所述目标位置展示所述第一应用图标。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110794418.4A CN113535019B (zh) | 2021-07-14 | 2021-07-14 | 显示设备及应用图标的显示方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110794418.4A CN113535019B (zh) | 2021-07-14 | 2021-07-14 | 显示设备及应用图标的显示方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113535019A CN113535019A (zh) | 2021-10-22 |
CN113535019B true CN113535019B (zh) | 2024-08-27 |
Family
ID=78099041
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110794418.4A Active CN113535019B (zh) | 2021-07-14 | 2021-07-14 | 显示设备及应用图标的显示方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113535019B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114938467A (zh) * | 2022-04-19 | 2022-08-23 | 海信视像科技股份有限公司 | 显示设备及显示设备控制方法 |
CN117631930B (zh) * | 2022-09-01 | 2024-10-01 | 苏州浩辰软件股份有限公司 | 一种图纸快速响应的方法、系统及存储介质 |
CN116700813B (zh) * | 2022-09-30 | 2024-05-24 | 荣耀终端有限公司 | 微件的加载方法、电子设备及可读存储介质 |
CN116680019B (zh) * | 2022-10-26 | 2024-06-28 | 荣耀终端有限公司 | 一种屏幕图标移动方法、电子设备及存储介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109254706A (zh) * | 2018-08-16 | 2019-01-22 | 青岛海信电器股份有限公司 | 一种应用程序图标的位置调整方法及显示终端 |
CN109981878A (zh) * | 2017-12-28 | 2019-07-05 | 华为终端有限公司 | 一种图标管理的方法及装置 |
WO2021114560A1 (zh) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | 一种提示语显示方法及显示设备 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111399716A (zh) * | 2020-03-16 | 2020-07-10 | 维沃移动通信有限公司 | 一种图标位置调整方法及电子设备 |
-
2021
- 2021-07-14 CN CN202110794418.4A patent/CN113535019B/zh active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109981878A (zh) * | 2017-12-28 | 2019-07-05 | 华为终端有限公司 | 一种图标管理的方法及装置 |
CN109254706A (zh) * | 2018-08-16 | 2019-01-22 | 青岛海信电器股份有限公司 | 一种应用程序图标的位置调整方法及显示终端 |
WO2021114560A1 (zh) * | 2019-12-12 | 2021-06-17 | 青岛海信传媒网络技术有限公司 | 一种提示语显示方法及显示设备 |
Also Published As
Publication number | Publication date |
---|---|
CN113535019A (zh) | 2021-10-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113535019B (zh) | 显示设备及应用图标的显示方法 | |
CN113630649B (zh) | 一种显示设备及视频播放进度的调整方法 | |
CN118890504A (zh) | 显示设备及详情页展示的方法 | |
CN113014939A (zh) | 显示设备及播放方法 | |
CN112653906B (zh) | 显示设备上视频热点播放方法及显示设备 | |
WO2022161401A1 (zh) | 一种投屏数据的处理方法及显示设备 | |
CN112799576B (zh) | 一种虚拟鼠标移动的方法及显示设备 | |
CN113490032A (zh) | 显示设备及媒资显示方法 | |
CN113111214A (zh) | 一种播放记录的显示方法及显示设备 | |
CN112733050A (zh) | 显示设备上搜索结果的展示方法及显示设备 | |
CN113163258A (zh) | 一种频道切换的方法及显示设备 | |
CN115190351B (zh) | 显示设备及媒资缩放控制方法 | |
CN112911371B (zh) | 双路视频资源播放方法及显示设备 | |
CN113573149B (zh) | 一种频道搜索方法及显示设备 | |
CN113573112A (zh) | 一种显示设备及遥控器 | |
CN113784203A (zh) | 一种显示设备及频道切换方法 | |
CN113490030A (zh) | 一种显示设备及频道信息展示方法 | |
CN113453069A (zh) | 一种显示设备及缩略图生成方法 | |
CN113766164B (zh) | 显示设备及信号源界面显示方法 | |
CN113190144B (zh) | 显示页面上焦点置顶方法及显示设备 | |
CN115086771B (zh) | 一种视频推荐媒资的展示方法及显示设备、服务器 | |
CN113689856B (zh) | 一种浏览器页面视频播放进度的语音控制方法及显示设备 | |
CN113038193B (zh) | 一种自动修复音视频不同步的方法及显示设备 | |
CN115767196B (zh) | 一种显示设备及媒资播放方法 | |
CN112631707B (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 | ||
GR01 | Patent grant | ||
GR01 | Patent grant |