CN106445332A - 图标显示方法及系统 - Google Patents

图标显示方法及系统 Download PDF

Info

Publication number
CN106445332A
CN106445332A CN201610801622.3A CN201610801622A CN106445332A CN 106445332 A CN106445332 A CN 106445332A CN 201610801622 A CN201610801622 A CN 201610801622A CN 106445332 A CN106445332 A CN 106445332A
Authority
CN
China
Prior art keywords
icon
zoom
default
pixel
display
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.)
Pending
Application number
CN201610801622.3A
Other languages
English (en)
Inventor
杨斌
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen TCL New Technology Co Ltd
Original Assignee
Shenzhen TCL New Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen TCL New Technology Co Ltd filed Critical Shenzhen TCL New Technology Co Ltd
Priority to CN201610801622.3A priority Critical patent/CN106445332A/zh
Priority to PCT/CN2016/112709 priority patent/WO2018040425A1/zh
Publication of CN106445332A publication Critical patent/CN106445332A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/04817Interaction 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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图标显示方法,所述图标显示方法包括以下步骤:获取用户在显示界面上选中的原始图标;获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;控制所述原始图标与各所述缩放图标进行切换显示。本发明还公开了一种图标显示系统。本发明的图标显示方法旨在提高图标框选时的动态立体感。

Description

图标显示方法及系统
技术领域
本发明涉及图标显示技术领域,尤其涉及一种图标显示方法及系统。
背景技术
带有图标的UI界面,例如安卓界面,对图标有一些简单的特效,比如图标滑动效果,图标换屏效果,按钮动作特效,但随着用户对人机交互的要求越来越高,这些简单的特效并不能给人以非常逼真效果。
当进入安卓系统的HOME界面后,用户通过操作遥控器上的“上”、“下”、“左”、“右”按键切换框选图标时,各个图标的焦点框切换非常死板,不能呈现立体感。
上述技术方案的弊端是,框选图标时,选中的图标显示单一,无动态的立体感。
发明内容
本发明的主要目的在于提供一种图标显示方法,旨在提高图标框选时的动态立体感。
为实现上述目的,本发明提供的图标显示方法包括以下步骤:
获取用户在显示界面上选中的原始图标;
获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
控制所述原始图标与各所述缩放图标进行切换显示。
优选地,所述控制所述原始图标与各所述缩放图标进行切换显示包括:
获取预设的图标切换时间;
自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
若是,则切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
优选地,所述将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标包括:
当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
优选地,所述计算所述缓存区中缩放图标待填充的像素点,并进行填充处理包括:
按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
优选地,所述将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标包括:
当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
此外,为实现上述目的,本发明还提供一种图标显示系统,所述图标显示系统包括:
获取模块,用于获取用户在显示界面上选中的原始图标;
计算模块,用于获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
缩放模块,用于将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
显示模块,用于控制所述原始图标与各所述缩放图标进行切换显示。
优选地,所述显示模块包括:
时间获取单元,用于获取预设的图标切换时间;
计时单元,用于自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
显示单元,用于在计时时间超过所述预设的图标切换时间时,切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
优选地,所述缩放模块包括:
第一拷贝单元,用于当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第一计算单元,用于计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
优选地,所述第一计算单元包括:
第一子单元,用于按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
第二子单元,用于根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
优选地,所述缩放模块还包括:
第二拷贝单元,用于当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第二计算单元,用于计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
在本发明的技术方案中,在用户选中显示界面上的原始图标后,获取所述原始图标的尺寸,根据预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,并将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标,然后控制所述原始图标与各所述缩放图标进行切换显示,由于每一帧所述缩放图标之间具有逐级缩放的规则,因此,用户框选中所述原始图标后,所述原始图标会呈现出缩放的动态立体效果。
附图说明
图1为本发明图标显示方法第一实施例的流程示意图;
图2为本发明图标显示方法一实施例中对原始图标进行逐级缩放形成缩放图标的图标显示示意图;
图3为本发明图标显示方法第二实施例的流程示意图;
图4为本发明图标显示方法第三实施例的流程示意图;
图5为本发明图标显示方法第四实施例的流程示意图;
图6为本发明图标显示方法一实施例的图标缩放算法处理示意图;
图7为本发明图标显示方法第五实施例的流程示意图;
图8为本发明图标显示系统第一实施例的功能模块示意图;
图9为本发明图标显示系统第二实施例的功能模块示意图;
图10为本发明图标显示系统第三实施例的功能模块示意图;
图11为本发明图标显示系统第四实施例的功能模块示意图;
图12为本发明图标显示系统第五实施例的功能模块示意图。
本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明提供一种图标显示方法。
参照图1和图2,提出了本发明图标显示方法第一实施例,该实施例中,图标显示方法包括以下步骤:
步骤S100,获取用户在显示界面上选中的原始图标;
步骤S200,获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
步骤S300,将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
步骤S400,控制所述原始图标与各所述缩放图标进行切换显示。
在本发明的技术方案中,在用户选中显示界面上的原始图标后,获取所述原始图标的尺寸,根据预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,并将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标,然后控制所述原始图标与各所述缩放图标进行切换显示,由于每一帧所述缩放图标之间具有逐级缩放的规则,因此,用户框选中所述原始图标后,所述原始图标会呈现出缩放的动态立体效果。
具体的,所述显示界面可以是任意的UI界面,例如,智能电视机操纵界面、手机操纵界面等。
对所述原始图标进行缩放特效,当每一帧缩放图标的帧率在50帧每秒以上,并且从所述原始图标至播放最后一帧所述缩放图标的总时间在200毫秒以上,人眼即可有观察到立体效果非常逼真的动态图标。
为了使图标缩放立体感更强,进一步提高用户的体验,在本实施例中,所述缩放图标的帧率优选大于所述显示界面的刷新率(即所述显示界面的帧率)。
应当理解,所述逐级缩放规则可以为将所述原始图标进行逐级缩小的规则,也可以为将所述原始图标进行逐级放大的规则。
若所述逐级缩放规则为逐级放大规则,当框选中所述原始图标时,所述原始图标以50帧每秒以上的速度在200毫秒以内逐级放大,直至放大至预设的放大尺寸,当从所述原始图标移开时,最大尺寸的所述缩放图标按照逐级放大过程的逆过程逐级缩小,直至缩小至所述原始图标的尺寸。
若所述逐级缩放规则为逐级缩小规则,当框选中到另外一个所述原始图标时,另一个所述原始图标就同样以50帧每秒以上的在200毫秒以内逐级缩小,直至缩小至预设的缩小尺寸,当从所述原始图标移开时,最小尺寸的所述缩放图标按照逐级缩小过程的逆过程逐级放大,直至放大至所述原始图标的尺寸。
所述原始图标的逐级放大和逐级缩小都能够使显示界面更立体,呈现出动态的图标效果。
所述逐级缩放规则为逐级放大规则时,所述原始图标的动态效果更逼真,尤其是最后一帧所述缩放图标为所述原始图标尺寸的1.5倍时,效果最理想。
进一步地,参照图3,基于本发明图标显示方法第一实施例,在本发明第二实施例中,上述步骤S400包括:
步骤S410,获取预设的图标切换时间;
步骤S420,自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
步骤S430,若是,则切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
具体的,在本实施例中,所述播放帧率f=70帧每秒,所述预设的图标切换时间t=1/f=14.3毫秒,从所述原始图标至播放最后一帧所述缩放图标的总时间T=200毫秒,f=70帧每秒。当然,T和f并不以此为限,T≥200毫秒,f≥50帧每秒,可达到较好的立体显示效果,均同理包含在本发明的保护范围内。
在本实施例中,为了便于介绍,以最后一帧所述缩放图标的尺寸为所述原始图标尺寸的1.5倍为例。
所述缩放图标的播放总时间为200毫秒,帧率为70帧每秒,因此,可以得到所述缩放图标的帧数为14帧。
为了使所述缩放图像的播放过程更均匀化,14帧所述缩放图标在200毫秒内播放完毕,每一帧所述缩放图标的预设的时间间隔为14.3毫秒。
预设的逐级缩放规则为每一帧所述缩放图标的计算函数,在本实施例中,令所述原始图标的宽度为W0,高度为H0,最高放大1.5倍,则可以依次计算出每帧所述缩放图标的尺寸:
其中,n的取值为0至14,n取0时,对应所述初始图标的尺寸,n取1至14时,分别对应从第一帧至第十四帧所述缩放图标的帧数,Wn为第n帧所述缩放图标的宽度,Hn为第n帧所述缩放图标的高度。
进一步地,上述步骤S420之后还包括;
步骤S440,若否,则继续执行上述步骤S420。
进一步地,参照图4,基于本发明图标显示方法第一实施例,在本发明第三实施例中,上述步骤S300包括:
步骤S310,当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
步骤S320,计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
所述原始图标的放大和像素点的填充均在缓存区完成,所述缓存区为所述显示界面对应的主机缓存区,较好的利用了主机的计算资源。
当所述预设的逐级缩放规则为逐级放大规则时,所述原始图标按照放大规则拷贝至所述缓存区,其相邻的像素点之间的距离会增大,导致放大图标不清晰,为了使所述缩放图标和所述原始图标保持相等的分辨率,保证一致的视觉效果,应该在所述原始图标放大后的相邻的像素点之间填充像素点。
当然,仅对所述原始图标按照预设的逐级放大规则进行放大,而不在放大后的相邻像素点之间填充像素点的技术方案,也同理包含在本发明的保护范围之内。
进一步地,参照图5,基于本发明图标显示方法第三实施例,在本发明第四实施例中,上述步骤S320包括:
步骤S321,按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
步骤S322,根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
具体的,待填充的像素由环绕其周围的相邻像素点计算得到,所述相邻像素点为所述原始图标上的像素点拷贝至当前帧所述缩放图标上的像素点。
像素点Q0可以由环绕其周围的相邻像素点计算得到。
请参照图6,P0、P1、P2和P3为原始图标上的像素拷贝到经放大后的图标上的相邻的四个点,P0与P1、P1与P3、P3与P2、P2与P1之间的距离均为Δz,Q0与P0的水平和垂直距离分别为Δx和Δy,故可以计算出填充点Q0至P0、P1、P2和P3的距离分别为:
像素点Q0与其最接近的像素最相似,在利用周围的像素点计算像素点Q0时,应使与素点Q0越接近的像素点所占的权值比例越高,因此,得到像素点Q0的像素为:
在本实施例中,由于P0与Q0最接近,因此,P0所占的权值比例最高。
进一步地,请参照图7,基于本发明图标显示方法第一实施例至第四实施例,在本发明第五实施例中,上述步骤S300包括:
步骤S311,当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
步骤S321,计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
当所述预设的逐级缩放规则为逐级缩小规则时,所述原始图标按照缩小规则拷贝至所述缓存区,其相邻的像素点之间的距离会减小,导致缩小图标与所述原始图标的分辨率不一致,为了使所述缩放图标和所述原始图标保持相等的分辨率,保证一致的视觉效果,应该在所述原始图标缩小后的相邻的像素点之间删除像素点。
当然,仅对所述原始图标按照预设的逐级缩小规则进行放大,而不在缩小后的相邻像素点之间删除像素点的技术方案,也同理包含在本发明的保护范围之内。
进一步地,基于本发明图标显示方法第一实施例至第五实施例中任意一项,在本发明第六实施例中,上述步骤S400之后还包括:
步骤S500,判断是否完成所有的所述缩放图标的显示;
若否,则返回上述步骤S200。
若是,则结束对所述原始图标的缩放显示。
执行判断是否完成所有的所述缩放图标的显示的判断过程可以通过判断当前帧所述缩放图标的帧数是否达到预设的帧数来实现,例如,判断是否达到预设的14帧,若达到,则结束对所述原始图标的缩放显示,若未达到,则返回上述步骤S200。
同时,执行所述判断过程也可以通过判断当前时间是否达到预设的总时间来实现。例如,在本实施例中,所述预设的总时间为200毫秒,因此,若达到200毫秒,则结束对所述原始图标的缩放显示,若未达到,则返回上述步骤S200。
执行所述判断过程还可以通过判断是否达到预设的缩放倍数来实现。例如,判断当前帧所述缩放图标的尺寸是否为所述原始图标的1.5倍,若达到,则结束对所述原始图标的缩放显示,若未达到,则返回上述步骤S200。
参照图8,提出了本发明图标显示系统第一实施例,该实施例中,本发明提供的图标显示系统包括:
获取模块10,用于获取用户在显示界面上选中的原始图标;
计算模块20,用于获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
缩放模块30,用于将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
显示模块40,用于控制所述原始图标与各所述缩放图标进行切换显示。
在本发明的技术方案中,在用户选中显示界面上的原始图标后,获取所述原始图标的尺寸,根据预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,并将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标,然后控制所述原始图标与各所述缩放图标进行切换显示,由于每一帧所述缩放图标之间具有逐级缩放的规则,因此,用户框选中所述原始图标后,所述原始图标会呈现出缩放的动态立体效果。
具体的,所述显示界面可以是任意的UI界面,例如,智能电视机操纵界面、手机操纵界面等。
对所述原始图标进行缩放特效,当每一帧缩放图标的帧率在50帧每秒以上,并且从所述原始图标至播放最后一帧所述缩放图标的总时间在200毫秒以上,人眼即可有观察到立体效果非常逼真的动态图标。
为了使图标缩放立体感更强,进一步提高用户的体验,在本实施例中,所述缩放图标的帧率优选大于所述显示界面的刷新率(即所述显示界面的帧率)。
应当理解,所述逐级缩放规则可以为将所述原始图标进行逐级缩小的规则,也可以为将所述原始图标进行逐级放大的规则。
若所述逐级缩放规则为逐级放大规则,当框选中所述原始图标时,所述原始图标以50帧每秒以上的速度在200毫秒以内逐级放大,直至放大至预设的放大尺寸,当从所述原始图标移开时,最大尺寸的所述缩放图标按照逐级放大过程的逆过程逐级缩小,直至缩小至所述原始图标的尺寸。
若所述逐级缩放规则为逐级缩小规则,当框选中到另外一个所述原始图标时,另一个所述原始图标就同样以50帧每秒以上的在200毫秒以内逐级缩小,直至缩小至预设的缩小尺寸,当从所述原始图标移开时,最小尺寸的所述缩放图标按照逐级缩小过程的逆过程逐级放大,直至放大至所述原始图标的尺寸。
所述原始图标的逐级放大和逐级缩小都能够使显示界面更立体,呈现出动态的图标效果。
所述逐级缩放规则为逐级放大规则时,所述原始图标的动态效果更逼真,尤其是最后一帧所述缩放图标为所述原始图标尺寸的1.5倍时,效果最理想。
进一步地,请参照图9,基于本发明图标显示系统第一实施例,在本发明第二实施例中,所述显示模块40还包括:
时间获取单元41,用于获取预设的图标切换时间;
计时单元42,用于自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
显示单元43,用于在计时时间超过所述预设的图标切换时间时,切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
具体的,在本实施例中,所述播放帧率f=70帧每秒,所述预设的图标切换时间t=1/f=14.3毫秒,从所述原始图标至播放最后一帧所述缩放图标的总时间T=200毫秒,f=70帧每秒。当然,T和f并不以此为限,T≥200毫秒,f≥50帧每秒,可达到较好的立体显示效果,均同理包含在本发明的保护范围内。
在本实施例中,为了便于介绍,以最后一帧所述缩放图标的尺寸为所述原始图标尺寸的1.5倍为例。
所述缩放图标的播放总时间为200毫秒,帧率为70帧每秒,因此,可以得到所述缩放图标的帧数为14帧。
为了使所述缩放图像的播放过程更均匀化,14帧所述缩放图标在200毫秒内播放完毕,每一帧所述缩放图标的预设的时间间隔为14.3毫秒。
预设的逐级缩放规则为每一帧所述缩放图标的计算函数,在本实施例中,令所述原始图标的宽度为W0,高度为H0,最高放大1.5倍,则可以依次计算出每帧所述缩放图标的尺寸:
其中,n的取值为0至14,n取0时,对应所述初始图标的尺寸,n取1至14时,分别对应从第一帧至第十四帧所述缩放图标的帧数,Wn为第n帧所述缩放图标的宽度,Hn为第n帧所述缩放图标的高度。
进一步地,若计时时间未超过所述预设的图标切换时间,则不切换显示当前的所述缩放图标。
进一步地,请参照图10,基于本发明图标显示系统第一实施例,在本发明第三实施例中,所述缩放模块30包括:
第一拷贝单元31,用于当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第一计算单元32,用于计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
所述原始图标的放大和像素点的填充均在缓存区完成,所述缓存区为所述显示界面对应的主机缓存区,较好的利用了主机的计算资源。
当所述预设的逐级缩放规则为逐级放大规则时,所述原始图标按照放大规则拷贝至所述缓存区,其相邻的像素点之间的距离会增大,导致放大图标不清晰,为了使所述缩放图标和所述原始图标保持相等的分辨率,保证一致的视觉效果,应该在所述原始图标放大后的相邻的像素点之间填充像素点。
当然,仅对所述原始图标按照预设的逐级放大规则进行放大,而不在放大后的相邻像素点之间填充像素点的技术方案,也同理包含在本发明的保护范围之内。
进一步地,请参照图11,基于本发明图标显示系统第三实施例,在本发明第四实施例中,所述第一计算单元32包括:
第一子单元321,用于按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
第二子单元322,用于根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
具体的,待填充的像素由环绕其周围的相邻像素点计算得到,所述相邻像素点为所述原始图标上的像素点拷贝至当前帧所述缩放图标上的像素点。
像素点Q0可以由环绕其周围的相邻像素点计算得到。
请参照图5,P0、P1、P2和P3为原始图标上的像素拷贝到经放大后的图标上的相邻的四个点,P0与P1、P1与P3、P3与P2、P2与P1之间的距离均为Δz,Q0与P0的水平和垂直距离分别为Δx和Δy,故可以计算出填充点Q0至P0、P1、P2和P3的距离分别为:
像素点Q0与其最接近的像素最相似,在利用周围的像素点计算像素点Q0时,应使与素点Q0越接近的像素点所占的权值比例越高,因此,得到像素点Q0的像素为:
在本实施例中,由于P0与Q0最接近,因此,P0所占的权值比例最高。
进一步地,请参照图12,基于本发明图标显示系统第一实施例至第四实施例中任意一项,在本发明第五实施例中,所述缩放模块还包括:
第二拷贝单元33,用于当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第二计算单元34,用于计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
当所述预设的逐级缩放规则为逐级缩小规则时,所述原始图标按照缩小规则拷贝至所述缓存区,其相邻的像素点之间的距离会减小,导致缩小图标与所述原始图标的分辨率不一致,为了使所述缩放图标和所述原始图标保持相等的分辨率,保证一致的视觉效果,应该在所述原始图标缩小后的相邻的像素点之间删除像素点。
当然,仅对所述原始图标按照预设的逐级缩小规则进行放大,而不在缩小后的相邻像素点之间删除像素点的技术方案,也同理包含在本发明的保护范围之内。
进一步地,基于本发明图标显示系统第一实施例至第五实施例中任意一项,在本发明第六实施例中,所述图标显示系统还包括:
判断模块,用于判断是否完成所有的所述缩放图标的显示;
若否,则所述计算模块20获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸。
若是,则结束对所述原始图标的缩放显示。
执行判断是否完成所有的所述缩放图标的显示的判断过程可以通过判断当前帧所述缩放图标的帧数是否达到预设的帧数来实现,例如,判断是否达到预设的14帧,若达到,则结束对所述原始图标的缩放显示。
同时,执行所述判断过程也可以通过判断当前时间是否达到预设的总时间来实现。例如,在本实施例中,所述预设的总时间为200毫秒,因此,若达到200毫秒,则结束对所述原始图标的缩放显示。
执行所述判断过程还可以通过判断是否达到预设的缩放倍数来实现。例如,判断当前帧所述缩放图标的尺寸是否为所述原始图标的1.5倍,若达到,则结束对所述原始图标的缩放显示。
以上仅为本发明的优选实施例,并非因此限制本发明的专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,或直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。

Claims (10)

1.一种图标显示方法,其特征在于,所述图标显示方法包括以下步骤:
获取用户在显示界面上选中的原始图标;
获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
控制所述原始图标与各所述缩放图标进行切换显示。
2.如权利要求1所述的图标显示方法,其特征在于,所述控制所述原始图标与各所述缩放图标进行切换显示包括:
获取预设的图标切换时间;
自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
若是,则切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
3.如权利要求1所述的图标显示方法,其特征在于,所述将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标包括:
当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
4.如权利要求3所述的图标显示方法,其特征在于,所述计算所述缓存区中缩放图标待填充的像素点,并进行填充处理包括:
按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
5.如权利要求1至4中任意一项所述的图标显示方法,其特征在于,所述将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标包括:
当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
6.一种图标显示系统,其特征在于,所述图标显示系统包括:
获取模块,用于获取用户在显示界面上选中的原始图标;
计算模块,用于获取所述原始图标的尺寸和预设的逐级缩放规则,根据所述原始图标的尺寸和预设的逐级缩放规则计算进行缩放处理后对应显示的缩放图标的尺寸,所述缩放图标至少为两个;
缩放模块,用于将所述原始图标复制缩放至所述缩放图标的尺寸,以形成缩放图标;
显示模块,用于控制所述原始图标与各所述缩放图标进行切换显示。
7.如权利要求6所述的图标显示系统,其特征在于,所述显示模块包括:
时间获取单元,用于获取预设的图标切换时间;
计时单元,用于自上一帧图标显示完成后开始计时,判断计时时间是否超过所述预设的图标切换时间;
显示单元,用于在计时时间超过所述预设的图标切换时间时,切换显示当前的所述缩放图标;
其中,所述预设的图标切换时间根据预设的播放帧率获得,所述预设的播放帧率大于或等于所述显示界面的刷新率。
8.如权利要求6所述的图标显示系统,其特征在于,所述缩放模块包括:第一拷贝单元,用于当所述预设的逐级缩放规则为逐级放大规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第一计算单元,用于计算所述缓存区中缩放图标待填充的像素点,并进行填充处理。
9.如权利要求8所述的图标显示系统,其特征在于,所述第一计算单元包括:
第一子单元,用于按照预设的像素点计算方法,获得所述缓存区中缩放图标待填充的像素点Q0,其中,
其中,P0、P1、P2、P3分别为所述原始图标按照对应的缩放图标的尺寸拷贝至所述缓存区的四个像素点,且P0、P1、P2、P3分别环绕所述待填充的像素点Q0,S0、S1、S2、S3分别为P0、P1、P2、P3至Q0的距离;
第二子单元,用于根据所述待填充的像素点对缓存区中的缩放图标进行填充处理。
10.如权利要求6至9中任意一项所述的图标显示系统,其特征在于,所述缩放模块还包括:
第二拷贝单元,用于当所述预设的逐级缩放规则为逐级缩小规则时,将所述原始图标的按照每一帧画面对应的缩放图标的尺寸拷贝至缓存区;
第二计算单元,用于计算所述缓存区中缩放图标待删除的像素点,并进行删除处理。
CN201610801622.3A 2016-09-05 2016-09-05 图标显示方法及系统 Pending CN106445332A (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201610801622.3A CN106445332A (zh) 2016-09-05 2016-09-05 图标显示方法及系统
PCT/CN2016/112709 WO2018040425A1 (zh) 2016-09-05 2016-12-28 图标显示方法及系统

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610801622.3A CN106445332A (zh) 2016-09-05 2016-09-05 图标显示方法及系统

Publications (1)

Publication Number Publication Date
CN106445332A true CN106445332A (zh) 2017-02-22

Family

ID=58163822

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610801622.3A Pending CN106445332A (zh) 2016-09-05 2016-09-05 图标显示方法及系统

Country Status (2)

Country Link
CN (1) CN106445332A (zh)
WO (1) WO2018040425A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110286840A (zh) * 2019-06-25 2019-09-27 广州视源电子科技股份有限公司 可触控设备的手势缩放控制方法、装置和相关设备
CN113610943A (zh) * 2021-07-08 2021-11-05 荣耀终端有限公司 图标圆角化的处理方法及装置

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10735691B2 (en) 2016-11-08 2020-08-04 Rockwell Automation Technologies, Inc. Virtual reality and augmented reality for industrial automation
US10866631B2 (en) 2016-11-09 2020-12-15 Rockwell Automation Technologies, Inc. Methods, systems, apparatuses, and techniques for employing augmented reality and virtual reality

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101889291A (zh) * 2007-12-04 2010-11-17 At信息股份有限公司 二维码显示系统、二维码显示方法以及程序
CN102449664A (zh) * 2011-09-27 2012-05-09 华为技术有限公司 一种渐变动画的生成方法和装置
CN102662664A (zh) * 2012-03-28 2012-09-12 奇智软件(北京)有限公司 界面动画实现方法及系统
CN102722357A (zh) * 2011-03-29 2012-10-10 北京新媒传信科技有限公司 显示图标的方法和装置
CN103106004A (zh) * 2013-02-06 2013-05-15 广东欧珀移动通信有限公司 基于移动终端的应用程序待处理事件的提醒方法和装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101295224A (zh) * 2008-05-30 2008-10-29 炬力集成电路设计有限公司 文件数据显示装置的显示方法、装置及多媒体播放系统
CN101986254A (zh) * 2010-11-05 2011-03-16 福州瑞芯微电子有限公司 渐变推进式三维用户界面实现方法及移动终端
US9400553B2 (en) * 2013-10-11 2016-07-26 Microsoft Technology Licensing, Llc User interface programmatic scaling
CN105278819B (zh) * 2014-06-30 2018-09-25 西安Tcl软件开发有限公司 用户交互界面的应用导航方法及智能设备

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101889291A (zh) * 2007-12-04 2010-11-17 At信息股份有限公司 二维码显示系统、二维码显示方法以及程序
CN102722357A (zh) * 2011-03-29 2012-10-10 北京新媒传信科技有限公司 显示图标的方法和装置
CN102449664A (zh) * 2011-09-27 2012-05-09 华为技术有限公司 一种渐变动画的生成方法和装置
CN102662664A (zh) * 2012-03-28 2012-09-12 奇智软件(北京)有限公司 界面动画实现方法及系统
CN103106004A (zh) * 2013-02-06 2013-05-15 广东欧珀移动通信有限公司 基于移动终端的应用程序待处理事件的提醒方法和装置

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110286840A (zh) * 2019-06-25 2019-09-27 广州视源电子科技股份有限公司 可触控设备的手势缩放控制方法、装置和相关设备
CN113610943A (zh) * 2021-07-08 2021-11-05 荣耀终端有限公司 图标圆角化的处理方法及装置
CN113610943B (zh) * 2021-07-08 2022-10-04 荣耀终端有限公司 图标圆角化的处理方法及装置
CN115619894A (zh) * 2021-07-08 2023-01-17 荣耀终端有限公司 图标圆角化的处理方法及装置

Also Published As

Publication number Publication date
WO2018040425A1 (zh) 2018-03-08

Similar Documents

Publication Publication Date Title
CN106445332A (zh) 图标显示方法及系统
TWI477141B (zh) 影像處理裝置、影像處理方法及電腦程式
CN104394452A (zh) 一种智能移动终端的浸入式视频呈现方法
JP2005295004A (ja) 立体画像処理方法および立体画像処理装置
CN106154694A (zh) 信息处理设备、信息处理方法和程序
TW201207716A (en) Display control device, display control method, and program
US8995750B2 (en) Image composition apparatus, image retrieval method, and storage medium storing program
CN103324419B (zh) 确定显示区域及显示模式切换的方法、电子设备
JP2014044655A (ja) 拡張現実システム、映像合成装置、映像合成方法及びプログラム
CN106385550A (zh) 一种截取屏幕图像的方法和终端
CN103702230B (zh) 图像显示方法及装置
JP3338021B2 (ja) 3次元画像処理装置及び3次元画像処理プログラムを記録した可読記録媒体
CN113206993A (zh) 一种调整显示屏幕的方法及显示设备
CN103312974A (zh) 图像处理装置以及图像处理方法
CN107589989A (zh) 基于安卓平台的显示装置及其图像显示方法
CN102572466A (zh) 显示处理装置、显示处理方法、以及显示处理程序
JP3599728B2 (ja) ゲーム用エミュレータプログラム
JP2010218533A (ja) 表示画面設計支援装置及びプログラム
CN110248147B (zh) 一种图像显示方法及装置
JP2013016973A (ja) 画像処理装置および画像処理方法
US20140347370A1 (en) Information processing device, information processing method, and information processing computer program product
CN106383577A (zh) 一种vr视频播放装置的场景控制实现方法及系统
DE112021002093T5 (de) Verfahren zum ändern des blickpunkts im virtuellen raum
CN112905132A (zh) 投屏方法及设备
KR101188871B1 (ko) 저시력인을 위한 터치스크린 장치 및 그 디스플레이 방법

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170222