CN105975165B - 一种鱼眼菜单的显示控制方法 - Google Patents
一种鱼眼菜单的显示控制方法 Download PDFInfo
- Publication number
- CN105975165B CN105975165B CN201510908799.9A CN201510908799A CN105975165B CN 105975165 B CN105975165 B CN 105975165B CN 201510908799 A CN201510908799 A CN 201510908799A CN 105975165 B CN105975165 B CN 105975165B
- Authority
- CN
- China
- Prior art keywords
- menu
- menu item
- target
- viewpoint
- fisheye
- 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
Images
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/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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Abstract
本发明公开了一种鱼眼菜单的显示控制方法,包括:对菜单项进行初始化;在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。本发明提供的鱼眼菜单的显示控制方法,可以输出简单、流畅、直观的鱼眼视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能,可以通过多帧图像控制,以及根据触点与按下点之间的距离,对视点移动和菜单项的移动进行左右移动以及微步调整,实现对视点和菜单项的有效控制。
Description
技术领域
本发明涉及视图显示技术领域,尤其涉及一种鱼眼菜单的显示控制方法。
背景技术
目前,大多数电子设备用户正面临着拥有太多的数据而无法显示在相对较小的屏幕上的困难。如何降低信息访问代价,使用户能够在尽量短的时间内获取最大量的信息,是当前视图显示技术领域需要解决的重大问题。
传统的视图显示技术有滚动、缩放等技术手段。其中,滚动是将数据滚入和滚出可见区域,但是在滚动机制下,文档或图片的绝大部分是被隐藏起来的,用户无法获得足够的上下文信息或全局信息;缩放是在一个固定尺寸的窗口内将一个二维图形组件放大,以达到观察更多局部细节的目的,但是当放大后却失去了概貌,使得用户需要通过频繁地移动和缩放来浏览整个视图。
而且,目前车载系统一般仅采用平铺菜单,使用高亮来突出显示选中效果。此类设计的不足之处主要为:当菜单较多的时候需要采用翻页处理,操作频繁,直观性和用户体验较差。
现有技术中也出现了鱼眼视图技术,其通过对视图中焦点处的信息和上下文的信息进行适当的缩放处理,优化视图空间的配置,将用户感兴趣的信息点放大至易于阅读的程度,而暂时不感兴趣的信息点被适当压缩,这样可以大大降低用户的认知代价并且使得在信息空间的导航变得更加容易。
但是,普通的鱼眼视图存在一个固有的缺陷,即视点定标困难。微小的移动就会导致视点的变化,使得用户比较难以选中目标项,也会导致视觉上的不连续;而且,传统的鱼眼视图技术通常仅可应用至数据量较小的菜单显示中,难以显示长数据表或图片菜单,使用户很难浏览可能超出设备的显示屏幕的当前查看区域的大数据表,严重限制了鱼眼菜单的可用性,用户体验较差。
发明内容
本发明所要解决的技术问题是,提供一种鱼眼菜单的显示控制方法,通过调整各个菜单项及其对应的视点的运动轨迹,输出简单、流畅、直观的视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能。
为解决以上技术问题,本发明实施例提供一种鱼眼菜单的显示控制方法,包括:
对菜单项进行初始化;
在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;
通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。
优选地,所述对菜单项进行初始化,具体包括:
将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将所述菜单项的资源图片渲染至平面上对应的显示区域;其中,两个相邻菜单项之间的间隔设置为G像素;所述显示屏幕的分辨率为a×b像素;每个菜单项为m×n像素;参数a和参数m为横向像素值;参数b和参数n为纵向像素值。
所述目标视点与各个所述菜单项所在平面的垂直交点为所述目标菜单项的所在位置。
在一种可实现的方式中,所述通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单,包括:
所述目标菜单项与所述目标视点之间的最大位移量为Voffset个像素:
Voffset=MaxVD-(MaxVD*m/(m+2*G))
其中:
MaxVD=cot(A/2)*(m/2+G)
参数MaxVD为所述目标菜单项与所述目标视点之间的最大垂直距离;参数m为目标菜单项的横向像素值;参数G为两个相邻菜单项之间的间隔像素值;参数A为所述目标视点在显示屏幕上的可视角度。
优选地,所述调整各个菜单项及其对应的视点的运动轨迹,包括:采用触摸屏、旋钮或五向按键中的一项或多项组合,将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点。
优选地,所述将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点,包括:
通过控制触摸屏移动触点位置,实时生成待显示菜单项的位置;检测出在触摸屏上移动的触点与按下点之间的水平距离为D像素;在待显示菜单项调整为所述目标菜单项后,将待显示菜单项向靠近所述目标视点方向移动Voffset/((m+G)*D)个像素,同时将待显示菜单项两侧的菜单项向远离所述目标视点方向移动Voffset/((m+G)*D)个像素;其中,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,m为目标菜单项的横向像素值,G为两个相邻菜单项之间的间隔像素值。
进一步地,所述将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点,还包括:
采用N帧图像将待显示菜单项对应的视点向靠近所述目标视点方向移动,采用N帧图像将待显示菜单项两侧的菜单项对应的视点向远离所述目标视点方向移动;其中,每帧图像移动Voffset/(N-1)个像素,每帧图像移动的间隔时间为M毫秒,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,N≥2,M≥0。
再进一步地,所述鱼眼菜单的显示控制方法还包括:
检测待显示菜单项所对应的视点的位置;当待显示菜单项所对应的视点的位置在两个菜单项之间的正上方时,比较当前视点与相邻菜单项所对应的视点之间的距离值;采用插值动画将当前视点向距离最近的菜单项所对应的视点移动。
再进一步地,所述鱼眼菜单的显示控制方法还包括:
当用户使用触摸屏将触点滑动到菜单项的边缘时,菜单项所在平面越过显示屏幕的边际部分;当触点离开显示屏幕后,将显示屏幕边缘位置上的菜单项设置为鱼眼菜单,并设置为高亮状态。
优选地,所述鱼眼菜单的显示控制方法用于车载系统的菜单显示。
本发明实施例提供的鱼眼菜单的显示控制方法,通过对菜单项进行初始化,将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将菜单项的资源图片渲染至平面上对应的显示区域,并为每个所述菜单项上方垂直设置一个视点,将各个视点以及目标视点设置在与所述菜单项所在的平面平行的另一个平面上,通过调整各个菜单项及其对应的视点的运动轨迹,调整目标菜单项与所述目标视点之间的垂直距离,将相应的菜单项切换为所述目标菜单项,以及,将菜单项对应的视点切换为所述目标视点,从而输出简单、流畅、直观的鱼眼视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能。进一步地,可以通过多帧图像控制,以及根据触点与按下点之间的距离,对视点移动和菜单项的移动进行左右移动以及微步调整,实现对视点和菜单项的有效控制。
此外,本发明实施例可以采用多种HID(Human Interface Device,人机界面装置)设备输入鼠标信息或键盘信息。当使用触摸屏将菜单项滑动至显示屏幕边缘时,允许用户使用触摸屏将菜单项滑动到越过边际部分,在用户手指离开屏幕后越过屏幕边际的菜单项将完整返回到显示屏幕的边缘,并显示为高亮状态,因此在用户的角度看来,菜单项的移动是任意的,不受显示屏幕的限制,改善了用户体验。
附图说明
图1是本发明提供的鱼眼菜单的显示控制方法的一个实施例的步骤流程图。
图2是本发明提供的对菜单项进行初始化的一种坐标示意图。
图3是本发明提供的目标菜单项与目标视点之间的位置关系图。
图4是本发明提供的一种显示设备对菜单项初始化后的屏幕显示图。
图5是本发明提供的鱼眼菜单项右移的一种运动轨迹示意图。
图6是本发明提供的鱼眼菜单项在显示屏幕上右移后的一种控制示意图;其中,图6(a)是鱼眼菜单项右移后在显示屏幕上的一种画面示意图;图6(b)是分别采用触摸屏、旋钮以及按键控制鱼眼菜单项右移的一种控制示意图。
图7是本发明提供的将菜单项滑动至显示屏幕左侧边缘的一种画面显示图。
图8是本发明提供的鱼眼菜单项左移的一种运动轨迹示意图。
图9是本发明提供的鱼眼菜单项在显示屏幕上左移后的一种控制示意图;其中,图9(a)是鱼眼菜单项左移后在显示屏幕上的一种画面示意图;图9(b)是分别采用触摸屏、旋钮以及按键控制鱼眼菜单项左移的一种控制示意图。
图10是本发明提供的将菜单项滑动至显示屏幕右侧边缘的一种画面显示图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。
参见图1,是本发明提供的鱼眼菜单的显示控制方法的一个实施例的步骤流程图。
本实施例提供的鱼眼菜单的显示控制方法,主要包括以下步骤:
步骤S1:对菜单项进行初始化;
步骤S2:在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上。视点是3D(三维)场景中相对于人眼的对象,即以视点为中心,将3D场景中的物体投影进来生成2D(二维)图像输出。
步骤S3:通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。
参见图2,是本发明提供的对菜单项进行初始化的一种坐标示意图。参见图3,是本发明提供的目标菜单项与目标视点之间的位置关系图。
优选地,如图2所示,所述步骤S1对菜单项进行初始化时,具体包括:将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将所述菜单项的资源图片渲染至平面上对应的显示区域;其中,所述显示屏幕的分辨率为a×b像素(Pixel);每个菜单项为m×n像素;参数a和参数m为横向像素值;参数b和参数n为纵向像素值;两个相邻菜单项之间的间隔设置为G像素。具体实施时,设备的显示屏幕上设有多个显示区域,每个显示区域对应映射一张菜单项的资源图片,并可以根据设备的显示参数对资源图片进行缩放、拉伸、旋转等处理。如图3所示,所述目标视点与各个所述菜单项所在平面的垂直交点为所述目标菜单项的所在位置,并通过调整目标菜单项与目标视点之间的垂直距离,获得目标鱼眼菜单。
此外,当菜单项的数目k为奇数时,初始化目标菜单项为第[(k+1)/2]项菜单,并设置为高亮状态;当菜单项的数目k为偶数时,初始化目标菜单项为第(k/2)项菜单,并设置为高亮状态。
如图4所示,是本发明提供的一种显示设备对菜单项初始化后的屏幕显示图。假设菜单项的数目k=5,则在对菜单项进行初始化时,将第三项菜单(菜单项3)默认为鱼眼菜单项,并设置为高亮状态。
当用户的兴趣转移到屏幕上其它菜单项时,通过改变目标菜单项和目标视点的位置,其他菜单项随之移动,并调整目标菜单项与目标视点之间的垂直距离,将用户感兴趣的目标菜单项设置为鱼眼菜单项并在显示屏幕上将其设置为高亮状态和/或放大状态,而原来的(前一个)目标菜单项则将会被取消高亮状态和/或被压缩。
具体实施时,如图2和图3所示,所述步骤S3中包括:所述目标菜单项与所述目标视点之间的最大位移量为Voffset个像素:
Voffset=MaxVD-(MaxVD*m/(m+2*G)) (1)
其中:
MaxVD=cot(A/2)*(m/2+G) (2)
在上式(1)和(2)中,参数MaxVD为所述目标菜单项与所述目标视点之间的最大垂直距离(像素值);参数A为所述目标视点在显示屏幕上的可视角度。此外,与上文定义相同,参数m为目标菜单项(以及其他菜单项)的横向像素值;参数G为两个相邻菜单项之间的间隔像素值;符号“cot”为余切运算符号。
通过调整各个菜单项及其对应的视点的运动轨迹,将相应的菜单项切换为所述目标菜单项,以及,将菜单项对应的视点切换为所述目标视点,可以将显示屏幕上的各个菜单项切换为鱼眼菜单项。
具体实施时,在调整各个菜单项及其对应的视点的运动轨迹时,优选采用触摸屏、旋钮或五向按键中的一项或多项组合,将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点。需要说明的是,本领域技术人员还可以采用其他HID人机界面装置输入显示设备的鼠标信息、键盘信息等。
其中,触摸屏包括触摸检测部件和触摸屏控制器。触摸检测部件安装在显示器屏幕前面,用于检测用户触摸位置,形成触摸点(简称为触点);而触摸屏控制器的主要作用是从触摸点检测装置上接收触摸信息,并将它转换成触点坐标,再发送至后台处理。当用户在某个触点位置按下时,则形成按下点及其坐标,以触发控制器产生相应的指令。
具体实施时,在将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点时,包括:
(1)触摸点向右滑动,旋钮向左旋转或按向左键之后,使得目标视点左移,从而将待显示的菜单项调整为目标菜单项,继而通过调整目标菜单项与目标视点之间的垂直距离而成为鱼眼菜单项;
(2)触摸点向左滑动,旋钮向右旋转或按向右键之后,使得目标视点右移,从而将待显示的菜单项调整为目标菜单项,继而通过调整目标菜单项与目标视点之间的垂直距离而成为鱼眼菜单项。
优选地,采用N帧图像将待显示菜单项对应的视点向靠近所述目标视点方向移动,采用N帧图像将待显示菜单项两侧的菜单项对应的视点向远离所述目标视点方向移动;其他菜单项可以根据它们到目标菜单项的水平距离,不同程度地减少菜单项的显示尺寸。其中,每帧图像移动Voffset/(N-1)个像素,每帧图像移动的间隔时间为M毫秒,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,N≥2,M≥0,则在大约M*N毫秒内将会完成此菜单切换的动画过程。
如图5所示,是本发明提供的鱼眼菜单项右移的一种运动轨迹示意图。参看图6,是本发明提供的鱼眼菜单项在显示屏幕上右移后的一种控制示意图。其中,图6(a)是鱼眼菜单项右移后在显示屏幕上的一种画面示意图;图6(b)是分别采用触摸屏、旋钮以及按键控制鱼眼菜单项右移的一种控制示意图。
以触摸屏调整各个菜单项及其对应的视点的运动轨迹为例。在本实施例中,所述将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点,包括:
通过控制触摸屏移动触点位置,实时生成待显示菜单项的位置;检测出在触摸屏上移动的触点与按下点之间的水平距离为D像素;
在待显示菜单项调整为所述目标菜单项后,将待显示菜单项向靠近所述目标视点方向移动Voffset/((m+G)*D)个像素,同时将待显示菜单项两侧的菜单项向远离所述目标视点方向移动Voffset/((m+G)*D)个像素。其中,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,m为目标菜单项的横向像素值,G为两个相邻菜单项之间的间隔像素值。
具体地,当触摸屏右移使用触点位置来实时生成菜单位置时,即当检测到触摸屏的触点是向右移动时,如图5所示,视点移动像素(共m+G个像素)分N帧完成,每帧移动(m+G/(N-1))像素,同时菜单项X每帧向靠近其视点方向移动Voffset/(N-1)个像素,而菜单项X-1则每帧向远离其视点方向移动Voffset/(N-1)个像素。此外,根据当前触点位置与按下点之间的水平距离像素值,确定视点的移动距离,从而实时刷新该视点位置的3D(Dimension,维度)场景图像,生成鱼眼效果的菜单显示。当菜单项X为下一刻需要显示的菜单项,菜单项X-1为当前视点位置,则为了将菜单项X调整为目标菜单项继而设置为鱼眼菜单项,则在图4所示的初始化菜单显示基础上,控制触点向右滑动,此时的视点位置实际相对触点方向而言是向左移动,即目标视点由菜单项X-1所对应的视点位置左移至菜单项X所对应的视点位置。同时,为了获得鱼眼显示效果,菜单项X向靠近其视点(目标视点)的方向移动Voffset/((m+G)*D)个像素,而菜单项X-1向远离其自身对应视点的方向移动Voffset/((m+G)*D)个像素,以上插值动画效果执行时间取决于触点移动的快慢(即速度)。
参见图8,是本发明提供的鱼眼菜单项左移的一种运动轨迹示意图;参看图9,是本发明提供的鱼眼菜单项在显示屏幕上左移后的一种控制示意图。其中,图9(a)是鱼眼菜单项左移后在显示屏幕上的一种画面示意图;图9(b)是分别采用触摸屏、旋钮以及按键控制鱼眼菜单项左移的一种控制示意图。
当触摸屏左移使用触点位置来实时生成菜单位置时,即当检测到触摸屏的触点是向左移动时,视点移动像素(共m+G个像素)分N帧完成,每帧移动(m+G/(N-1))像素,如图8和图9所示,同时菜单项X每帧向远离其视点方向移动Voffset/(N-1)个像素,而菜单项X-1则每帧向靠近其视点方向移动Voffset/(N-1)个像素。此外,根据当前触点位置与按下点之间的水平距离像素值,确定视点的移动距离,从而实时刷新该视点位置的3D场景图像,生成鱼眼效果的菜单显示。当菜单项X-1为下一刻需要显示的菜单项,菜单项X为当前视点位置,则为了将菜单项X-1调整为目标菜单项继而设置为鱼眼菜单项,则在图4所示的初始化菜单显示基础上,控制触点向左滑动,此时的视点位置实际相对触点方向而言是向右移动,即目标视点由菜单项X所对应的视点位置右移至菜单项X-1所对应的视点位置。同时,为了获得鱼眼显示效果,菜单项X-1向靠近其视点(目标视点)的方向移动Voffset/((m+G)*D)个像素,而菜单项X向远离其自身对应视点的方向移动Voffset/((m+G)*D)个像素,以上插值动画效果执行时间取决于触点移动的快慢(即速度)。
进一步地,当用户使用触摸屏将触点滑动到菜单项的边缘时,菜单项所在平面越过显示屏幕的边际部分;当触点离开显示屏幕后,将显示屏幕边缘位置上的菜单项设置为鱼眼菜单,并设置为高亮状态。即,允许用户使用触摸屏将菜单项滑动至显示屏幕的边缘并越过显示屏幕的边际部分。
参见图7,是本发明提供的将菜单项滑动至显示屏幕左侧边缘的一种画面显示图;参见图10,是本发明提供的将菜单项滑动至显示屏幕右侧边缘的一种画面显示图。
当用户手指离开触摸屏后,越过显示屏幕边际的菜单项将会完整返回到显示屏幕的边缘,此时,左侧边缘或右侧边缘位置上的菜单项实际已被选中为目标菜单项而显示为鱼眼效果,并被设置为高亮状态。
进一步地,本发明实施例提供的鱼眼菜单的显示控制方法,还包括:
检测待显示菜单项所对应的视点的位置;当待显示菜单项所对应的视点的位置在两个菜单项之间的正上方时,比较当前视点与相邻菜单项所对应的视点之间的距离值;采用插值动画将当前视点向距离最近的菜单项所对应的视点移动。
当使用触摸屏进行鱼眼菜单操作时,由于屏幕坐标点是连续的,因此当用户手指离开触摸屏(触点消失)时,视点位置有可能不是处于其对应的菜单项的正上方,为此,通过自动复位视点功能,当前视点位置在两个菜单项的正上方之间时,向与其距离最近的菜单项使用插值动画进行靠近,使得动画插值结束之后该视点位于菜单项的正上方。
此外,本发明提供的鱼眼菜单的显示控制方法优选应用于车载系统的菜单显示,以解决现有车载系统的平铺菜单的信息导航性差、频繁翻页以及直观性低的缺陷。
本发明实施例提供的鱼眼菜单的显示控制方法,通过对菜单项进行初始化,将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将菜单项的资源图片渲染至平面上对应的显示区域,并为每个所述菜单项上方垂直设置一个视点,将各个视点以及目标视点设置在与所述菜单项所在的平面平行的另一个平面上,通过调整各个菜单项及其对应的视点的运动轨迹,调整目标菜单项与所述目标视点之间的垂直距离,将相应的菜单项切换为所述目标菜单项,以及,将菜单项对应的视点切换为所述目标视点,从而输出简单、流畅、直观的鱼眼视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能。进一步地,可以通过多帧图像控制,以及根据触点与按下点之间的距离,对视点移动和菜单项的移动进行左右移动以及微步调整,实现对视点和菜单项的有效控制。
此外,本发明实施例可以采用多种HID设备输入鼠标信息或键盘信息。当使用触摸屏将菜单项滑动至显示屏幕边缘时,允许用户使用触摸屏将菜单项滑动到越过边际部分,在用户手指离开屏幕后越过屏幕边际的菜单项将完整返回到显示屏幕的边缘,并显示为高亮状态,因此在用户的角度看来,菜单项的移动是任意的,不受显示屏幕的限制,改善了用户体验。
以上所述是本发明的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也视为本发明的保护范围。
Claims (10)
1.一种鱼眼菜单的显示控制方法,其特征在于,包括:
对菜单项进行初始化;
在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;
将目标菜单项向所述目标视点靠近或远离,使所述目标菜单项与所述目标视点之间的垂直距离调整,获得目标鱼眼菜单。
2.如权利要求1所述的鱼眼菜单的显示控制方法,其特征在于,所述对菜单项进行初始化,具体包括:
将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将所述菜单项的资源图片渲染至平面上对应的显示区域;
其中,两个相邻菜单项之间的间隔设置为G像素;所述显示屏幕的分辨率为a×b像素;每个菜单项为m×n像素;参数a和参数m为横向像素值;参数b和参数n为纵向像素值。
3.如权利要求2所述的鱼眼菜单的显示控制方法,其特征在于,所述目标视点与各个所述菜单项所在平面的垂直交点为所述目标菜单项的所在位置。
4.如权利要求3所述的鱼眼菜单的显示控制方法,其特征在于,所述将目标菜单项向所述目标视点靠近或远离,使所述目标菜单项与所述目标视点之间的垂直距离调整,获得目标鱼眼菜单,包括:
所述目标菜单项与所述目标视点之间的最大位移量为Voffset个像素:
Voffset=MaxVD-(MaxVD*m/(m+2*G))
其中:
MaxVD=cot(A/2)*(m/2+G)
参数MaxVD为所述目标菜单项与所述目标视点之间的最大垂直距离;参数m为目标菜单项的横向像素值;参数G为两个相邻菜单项之间的间隔像素值;参数A为所述目标视点在显示屏幕上的可视角度。
5.如权利要求4所述的鱼眼菜单的显示控制方法,其特征在于,所述方法还包括:
采用触摸屏、旋钮或五向按键中的一项或多项组合,将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点。
6.如权利要求5所述的鱼眼菜单的显示控制方法,其特征在于,所述将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点,包括:
通过控制触摸屏移动触点位置,实时生成待显示菜单项的位置;
检测出在触摸屏上移动的触点与按下点之间的水平距离为D像素;
在待显示菜单项调整为所述目标菜单项后,将待显示菜单项向靠近所述目标视点方向移动Voffset/((m+G)*D)个像素,同时将待显示菜单项两侧的菜单项向远离所述目标视点方向移动Voffset/((m+G)*D)个像素;
其中,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,m为目标菜单项的横向像素值,G为两个相邻菜单项之间的间隔像素值。
7.如权利要求6所述的鱼眼菜单的显示控制方法,其特征在于,所述将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点,还包括:
采用N帧图像将待显示菜单项对应的视点向靠近所述目标视点方向移动,采用N帧图像将待显示菜单项两侧的菜单项对应的视点向远离所述目标视点方向移动;
其中,每帧图像移动Voffset/(N-1)个像素,每帧图像移动的间隔时间为M毫秒,Voffset为所述目标菜单项与所述目标视点之间的最大位移量,N≥2,M≥0。
8.如权利要求1~7任一项所述的鱼眼菜单的显示控制方法,其特征在于,所述方法还包括:
检测待显示菜单项所对应的视点的位置;
当待显示菜单项所对应的视点的位置在两个菜单项之间的正上方时,比较当前视点与相邻菜单项所对应的视点之间的距离值;
采用插值动画将当前视点向距离最近的菜单项所对应的视点移动。
9.如权利要求1~7任一项所述的鱼眼菜单的显示控制方法,其特征在于,所述方法还包括:
当用户使用触摸屏将触点滑动到菜单项的边缘时,菜单项所在平面越过显示屏幕的边际部分;当触点离开显示屏幕后,将显示屏幕边缘位置上的菜单项设置为鱼眼菜单,并设置为高亮状态。
10.如权利要求1~7任一项所述的鱼眼菜单的显示控制方法,其特征在于,所述方法用于车载系统的菜单显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510908799.9A CN105975165B (zh) | 2015-12-09 | 2015-12-09 | 一种鱼眼菜单的显示控制方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201510908799.9A CN105975165B (zh) | 2015-12-09 | 2015-12-09 | 一种鱼眼菜单的显示控制方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN105975165A CN105975165A (zh) | 2016-09-28 |
CN105975165B true CN105975165B (zh) | 2020-04-03 |
Family
ID=56988264
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201510908799.9A Active CN105975165B (zh) | 2015-12-09 | 2015-12-09 | 一种鱼眼菜单的显示控制方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN105975165B (zh) |
Families Citing this family (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113867856A (zh) * | 2021-08-30 | 2021-12-31 | 惠州华阳通用电子有限公司 | 一种卡片隐喻式界面实现方法 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1425151A (zh) * | 1999-12-20 | 2003-06-18 | 苹果电脑有限公司 | 用于提供整合和访问的用户界面 |
CN102402435A (zh) * | 2011-10-25 | 2012-04-04 | 汉王科技股份有限公司 | 菜单实现方法、菜单实现装置及显示装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR101207086B1 (ko) * | 2010-06-17 | 2012-11-30 | 한국과학기술원 | 어안효과에 기반한 터치스크린 한글 입력 방법, 장치 및 이를 이용하는 전자 기기 |
CN105117226A (zh) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | 一种基于安卓系统hmi的自定义图标的实现方法及系统 |
-
2015
- 2015-12-09 CN CN201510908799.9A patent/CN105975165B/zh active Active
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1425151A (zh) * | 1999-12-20 | 2003-06-18 | 苹果电脑有限公司 | 用于提供整合和访问的用户界面 |
CN102402435A (zh) * | 2011-10-25 | 2012-04-04 | 汉王科技股份有限公司 | 菜单实现方法、菜单实现装置及显示装置 |
Also Published As
Publication number | Publication date |
---|---|
CN105975165A (zh) | 2016-09-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11481096B2 (en) | Gesture mapping for image filter input parameters | |
KR102638526B1 (ko) | 파라미터를 갖는 마커를 사용한 증강 현실의 장면 수정 | |
JP6153564B2 (ja) | カメラとマーク出力とによるポインティング装置 | |
KR101676555B1 (ko) | 이미지 표시 처리 방법, 장치, 프로그램 및 기록매체 | |
US9544556B2 (en) | Projection control apparatus and projection control method | |
JP2012502580A (ja) | 可変サイズの表示領域に画像を表示するための表示装置及び方法 | |
KR20200002025A (ko) | 제어 장치, 제어 방법 및 저장 매체 | |
CN108027936B (zh) | 用于在视频内容内呈现交互式元素的方法、系统和介质 | |
US20140320615A1 (en) | Display device, and display control program | |
WO2021056997A1 (zh) | 一种双图像的显示方法、装置、终端及存储介质 | |
EP1825472A1 (en) | Method and apparatus for video editing on small screen with minimal input device | |
CN112954193B (zh) | 拍摄方法、装置、电子设备及介质 | |
JP6191851B2 (ja) | 文書提示方法およびユーザ端末 | |
CN105975165B (zh) | 一种鱼眼菜单的显示控制方法 | |
WO2006097722A2 (en) | Interface control | |
WO2016102948A1 (en) | Coherent touchless interaction with stereoscopic 3d images | |
CN112954197B (zh) | 拍摄方法、装置、电子设备及可读存储介质 | |
CN112887603B (zh) | 拍摄预览方法、装置及电子设备 | |
CN112333395B (zh) | 对焦控制方法、装置及电子设备 | |
US20220206669A1 (en) | Information processing apparatus, information processing method, and program | |
CN114116106A (zh) | 图表显示方法及装置、电子设备和存储介质 | |
CN114138141A (zh) | 显示方法、装置和电子设备 | |
CN115552364A (zh) | 多端协同的显示更新方法及装置 | |
CN112714256A (zh) | 拍摄方法、拍摄装置、电子设备和可读存储介质 | |
CN104111781A (zh) | 图像显示控制方法和终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |