一种鱼眼菜单的显示控制方法技术

技术编号:13778137 阅读:43 留言:0更新日期:2016-10-01 04:45
本发明专利技术公开了一种鱼眼菜单的显示控制方法,包括:对菜单项进行初始化;在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。本发明专利技术提供的鱼眼菜单的显示控制方法,可以输出简单、流畅、直观的鱼眼视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能,可以通过多帧图像控制,以及根据触点与按下点之间的距离,对视点移动和菜单项的移动进行左右移动以及微步调整,实现对视点和菜单项的有效控制。

【技术实现步骤摘要】

本专利技术涉及视图显示
,尤其涉及一种鱼眼菜单的显示控制方法
技术介绍
目前,大多数电子设备用户正面临着拥有太多的数据而无法显示在相对较小的屏幕上的困难。如何降低信息访问代价,使用户能够在尽量短的时间内获取最大量的信息,是当前视图显示
需要解决的重大问题。传统的视图显示技术有滚动、缩放等技术手段。其中,滚动是将数据滚入和滚出可见区域,但是在滚动机制下,文档或图片的绝大部分是被隐藏起来的,用户无法获得足够的上下文信息或全局信息;缩放是在一个固定尺寸的窗口内将一个二维图形组件放大,以达到观察更多局部细节的目的,但是当放大后却失去了概貌,使得用户需要通过频繁地移动和缩放来浏览整个视图。而且,目前车载系统一般仅采用平铺菜单,使用高亮来突出显示选中效果。此类设计的不足之处主要为:当菜单较多的时候需要采用翻页处理,操作频繁,直观性和用户体验较差。现有技术中也出现了鱼眼视图技术,其通过对视图中焦点处的信息和上下文的信息进行适当的缩放处理,优化视图空间的配置,将用户感兴趣的信息点放大至易于阅读的程度,而暂时不感兴趣的信息点被适当压缩,这样可以大大降低用户的认知代价并且使得在信息空间的导航变得更加容易。但是,普通的鱼眼视图存在一个固有的缺陷,即视点定标困难。微小的移动就会导致视点的变化,使得用户比较难以选中目标项,也会导致视觉上的不连续;而且,传统的鱼眼视图技术通常仅可应用至数据量较小的菜单显示中,难以显示长数据表或图片菜单,使用户很难浏览可能超出设备的显示屏幕的当前查看区域的大数据表,严重限制了鱼眼菜单的可用性,用户体验较差。
技术实现思路
本专利技术所要解决的技术问题是,提供一种鱼眼菜单的显示控制方法,通过调整各个菜单项及其对应的视点的运动轨迹,输出简单、流畅、直观的视觉效果,降低用户的认知代价并且提高数据在信息空间的导航性能。为解决以上技术问题,本专利技术实施例提供一种鱼眼菜单的显示控制方法,包括:对菜单项进行初始化;在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。优选地,所述对菜单项进行初始化,具体包括:将所述菜单项按顺序平铺在显示屏幕的同一平面上,并将所述菜单项的资源图片渲染至平面上对应的显示区域;其中,两个相邻菜单项之间的间隔设置为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是本专利技术提供的将菜单项滑动至显本文档来自技高网
...

【技术保护点】
一种鱼眼菜单的显示控制方法,其特征在于,包括:对菜单项进行初始化;在显示屏幕上移动鱼眼菜单的目标视点位置;所述目标视点所在的平面与所述菜单项所在的平面平行;每个所述菜单项上方垂直设置有一个视点;各个视点与所述目标视点设置在同一平面上;通过调整目标菜单项与所述目标视点之间的垂直距离,获得目标鱼眼菜单。

【技术特征摘要】
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为两个相邻菜单项之间的间隔像素值;
\t参数A为所述目标视点在显示屏幕上的可视角度。5.如权利要求4所述的鱼眼菜单的显示控制方法,其特征在于,所述方法还包括:采用触摸屏、旋钮或五向按键中的一项或多项组合,将待显示的菜单项调整为目标菜单项,且将待显示菜单项所对应的视点调整为目标视点。6.如权利要求5所述的鱼眼菜单的显示控制方法,其特征在于,所述将待显示的菜单项调整为目标菜单项,且将待显示...

【专利技术属性】
技术研发人员:尚平
申请(专利权)人:惠州华阳通用电子有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1