CN102750089A - 一种环绕屏幕边缘显示的用户界面的显示方法 - Google Patents

一种环绕屏幕边缘显示的用户界面的显示方法 Download PDF

Info

Publication number
CN102750089A
CN102750089A CN2012101843335A CN201210184333A CN102750089A CN 102750089 A CN102750089 A CN 102750089A CN 2012101843335 A CN2012101843335 A CN 2012101843335A CN 201210184333 A CN201210184333 A CN 201210184333A CN 102750089 A CN102750089 A CN 102750089A
Authority
CN
China
Prior art keywords
user interface
user
pattern
screen
parameter
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.)
Granted
Application number
CN2012101843335A
Other languages
English (en)
Other versions
CN102750089B (zh
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.)
Individual
Original Assignee
Individual
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 Individual filed Critical Individual
Priority to CN201210184333.5A priority Critical patent/CN102750089B/zh
Publication of CN102750089A publication Critical patent/CN102750089A/zh
Application granted granted Critical
Publication of CN102750089B publication Critical patent/CN102750089B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明涉及一种环绕屏幕边缘显示的用户界面的显示方法。用户界面的内容显示在环绕屏幕的边缘区域,用户界面的中央区域用于显示应用程序界面,该中央区域是高透明的;用户界面的显示范围由显示透明度的分布状况决定,用户界面显示透明度的分布状况受用户界面系统参数控制,用户界面显示透明度的分布状况分为显示区、透视区和过渡区。由于本发明的用户界面为全屏幕工作模式,故能充分利用了屏幕边缘四周的“闲置”空间,为用户在有限的屏幕空间里提供了更多的信息显示场所,同时还为用户提供了多种简单的调整用户界面显示效果的操作方法,方便用户快速调整用户界面的透明度和显示范围,以满足用户的个性化需求。

Description

一种环绕屏幕边缘显示的用户界面的显示方法
技术领域
本发明属于图形用户界面(GUI)系统中用户界面显示方法的技术领域,具体为一种环绕屏幕边缘显示的用户界面的显示方法。
背景技术
随着科技的发展,现在的计算机、笔记本、平板电脑、手机、游戏机、家电产品及其它数码设备中,越来越广泛地使用图形用户界面系统,以方便用户通过键盘输入设备和定点输入设备(如鼠标、触摸屏、触摸板、手绘板、光笔、轨迹球、操纵杆等)对设备进行各种操作。在图形用户界面系统中,应用程序可以通过多种交互方式来接受用户指令,并按照用户指令执行或结束某项操作,这些交互方式有传统的系统菜单、系统图标、快捷键、功能键、对话框等,还有这几年开始流行的语音、触摸手势、触摸书写、肢体动作等。
随着数码设备的越来越普及,图形用户界面系统的设计除了要满足简单、易用的要求外,还要有丰富的显示效果和操作方式,以满足不同用户的个性化的需求。尤其现在随着移动数码设备的普及,越来越流行通过依据触摸手势、触摸书写的方式对图形用户界面系统进行操作,这种操控方式的核心就是对触摸点的运动轨迹进行的识别技术。随着这项技术的日益成熟,现在苹果的iOS、谷歌的Android、微软的Windows等操作系统中越来越广泛地使用这项技术。
下面以Windows系统中使用的技术术语为例,介绍一些本专利使用到的显示属性,它们分别是:
1)分层(Layered)显示属性
具有分层显示属性的用户界面有点像印刷半透明的薄膜上面的,用户可以透过它看到在它后面的其它用户界面,这种透明效果可以用透明度(Transparency)这个参数来描述。用户界面的透明度越高的区域,则它后面的其它用户界面会显示得越清晰,而自己则显示得越淡;透明度为0的区域为不透明,会完全遮挡在它后面的其它用户界面;透明度为100%的区域则为全透明,在它后面的其它用户界面会完全透过显示。通过调整透明度的高低分布,用户界面可以获得不同的显示效果;
2)顶端(TopMost)显示属性
具有顶端显示属性的用户界面可以一直保持显示在屏幕的最上面,确保不会被其它用户界面遮挡,这样给用户的观察和操作带来极大的方便。例如,视频播放器为了使其播放窗口不被遮挡,一般都会使用顶端属性;
3)透明(Transparent)显示属性
一般图形用户界面系统中,用户通常只能对显示在前面的用户界面进行操作。而具有透明显示属性的用户界面则自己不响应用户的操作,允许用户透过它直接对在它后面的用户界面进行操作了,这种用户界面对于用户的操作来说就像透明似地不存在。
具有透明显示属性的用户界面一般会结合分层显示属性和顶端显示属性一起使用,具有这些属性的用户界面以半透明的方式显示在屏幕的顶端,用户可以部分看到显示在它后面的其它用户界面,并可以直接对这些用户界面进行操作。这种用户界面比较适合那些需要持久显示内容,但又不希望响应用户操作的应用程序,诸如视频显示、时间显示、即时市场行情等应用程序。
在日常工作中,应用程序通常是工作在全屏幕模式下的,屏幕的中央区域是用户浏览和处理的信息的工作区,在工作区周围会留有一些空白区,而在其余边缘区域则会显示一些标准化的功能性界面,比如标题栏、菜单栏、工具栏、滚动条等。当用户熟悉程序这些功能性界面后,用户的大部分注意力会聚焦于工作区,不太会关注这些功能性界面的内容,这些界面所在区域显得比较“闲置”。
尤其现在随着数码设备的屏幕尺寸越来越大、分辨率越来越高,这些“闲置”的边缘空间也越来越大。因此,充分合理地再利用这些“闲置”的屏幕边缘空间,呈现更多的用户需求信息,不失为一种高效利用有限屏幕空间的好办法。但是如何提供一种具有通用性的、能和应用程序界面较好结合的、很方便调整的用户界面显示方法,是本领域的技术人员需要解决的问题。
发明内容
针对现有技术中存在的问题,本发明的目的在于提供一种环绕屏幕边缘显示的用户界面的显示方法。
所述的一种环绕屏幕边缘显示的用户界面的显示方法,用户界面的内容显示在环绕屏幕的边缘区域,用户界面的中央区域用于显示应用程序界面,该中央区域是高透明的;用户界面的显示范围由显示透明度的分布状况决定,用户界面显示透明度的分布状况受用户界面系统参数控制;
所述的用户界面显示透明度的分布状况分为以下三个显示区域:
1)显示区,位于屏幕边缘四周,用户界面在该区域内的显示透明度较低,一般为不透明,是显示用户界面内容的主要区域;
2)透视区,位于屏幕中央,用户界面在该区域内的显示透明度较高,一般为全透明,是显示应用程序界面的区域;
3)过渡区,介于显示区和透视区之间,用户界面在该区域内的显示透明度是渐变的,由显示区的低透明度逐渐变化到透视区的高透明度,是用户界面的显示内容和应用程序界面的结合区域。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述的控制用户界面透明度分布状况的系统参数包括:显示区的显示透明度,透视区的显示透明度,过渡区的显示透明度的渐变曲线形状,显示区的上边显示宽度、底边显示宽度、左边显示宽度和右边显示宽度,过渡区的上边过渡宽度、底边过渡宽度、左边过渡宽度和右边过渡宽度。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述用户界面显示透明度分布状况的三个区域边界能够调整,其调整方法有以下三种:
1)通过可视化边框来调整显示范围,
2)通过识别光标或触摸点的运动轨迹图案来调整显示范围;
3)通过应用程序名称读取用户界面预设系统参数来调整显示范围。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述通过可视化边框的方式来调整显示范围的方法如下:用户界面系统按照用户指令进入调整显示范围的操作时,屏幕上显示出与显示区边界相合的调整边框,以及与过渡区边界相合的调整边框,每个调整边框上都有相应的调节控制点,用户根据显示需要,通过移动相应控制点的位置来调整边框的范围,用户界面系统则依据控制点移动距离的大小调整对应的系统参数值,以保持显示范围与调整边框变化一致,并将调整后的显示结果实时反馈到屏幕上;用户界面系统按照用户指令结束调整操作时,上述两个调整边框则从屏幕上消失。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述通过识别光标或触摸点的运动轨迹图案来调整显示范围的方法如下:用户在靠近用户界面的边上、角上或中心区域,用光标或触摸点连续重复描绘一些图案,系统则利用运动轨迹识别引擎跟踪记录这些用户描绘图案的轨迹,识别这些轨迹所构成的图案,统计图案连续重复出现的次数,然后依据图案描绘的位置来调整对应的系统参数值,具体实现步骤如下:
步骤1)用户将要识别的标准图案录入到运动轨迹识别引擎中,运动轨迹识别引擎会抽取标准图案中轨迹运动的特征,并存储在数据库中;标准图案必须是成对的,其中一个标准图案用以表示增大数值类型,另一个标准图案用以表示减小数值类型;
步骤2)运动轨迹识别引擎跟踪记录用户操作光标或触摸点的轨迹运动,依据数据库中标准图案的轨迹运动的特征,识别当前轨迹运动的特征是否与之相匹配;若识别出当前轨迹运动的特征和两个标准图案之一相匹配,则跳转到骤3,否则继续步骤2;
步骤3)系统统计标准图案连续重复出现的次数;若标准图案连续重复出现次数为至少两次以上,则跳转到步骤4,否则继续步骤2;
步骤4)系统依据图案描绘的位置来调整对应的系统参数值,具体调整过程如下:
i)系统首先依据图案在用户界面上的描绘位置,确定对应调整的系统参数,其中图案的描绘位置和系统参数之间的对应关系有:a)若图案的位置靠近用户界面上边,则对应调整的是显示区的上边显示宽度参数、过渡区的上边过渡宽度参数;b)若图案的位置靠近用户界面底边,则对应调整的是显示区的底边显示宽度参数、过渡区的底边过渡宽度参数;c)若图案的位置靠近用户界面左边,则对应调整的是显示区的左边显示宽度参数、过渡区的左边过渡宽度参数;d)若图案的位置靠近用户界面右边,则对应调整的是显示区的右边显示宽度参数、过渡区的右边过渡宽度参数;e)若图案的位置靠近用户界面四个角,则对应调整的是显示区的显示透明度参数;f)若图案的位置靠近用户界面中心,则对应调整的是透视区的显示透明度参数;
ii)系统依据步骤3统计出的标准图案连续重复出现次数,按重复次数越多则调整量越大的原则,确定系统参数所需调整量;
iii)系统依据步骤2识别出的标准图案类型,确定该系统参数是需增大还是减小;
iv)系统最后计算出系统参数的新值并更新,并将调整后的显示结果实时反馈到屏幕上;并继续步骤2。
所述一种环绕屏幕边缘显示的用户界面显示方法,所述通过应用程序名称读取用户界面预设系统参数来调整显示范围的方法如下:首先,用户针对应用程序界面的特点,进行系统参数的优化调整设置,并把设置好的系统参数值按应用程序名称的分类方式保存到数据库中;以后用户界面系统工作时,会随时监视当前运行应用程序的变化,若用户启动或切换到新的应用程序的时候,系统会获取该应用程序名称,并在数据库中对该应用程序名称进行检索,若在数据库中检索到该应用程序名称,则从数据库中读取与该应用程序名称对应的已保存的系统参数值,并设置为新的系统参数。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述透视区范围能过通过手工描绘来设置,具体步骤如下:当用户界面系统按照用户指令进入手工描绘透视区范围的操作时,首先隐藏用户界面,然后依据应用程序界面上需要透视的中央区域大小,用户通过光标或触摸点在屏幕上描绘一个包含该中央区域的封闭边框,当手工描绘结束时,用户界面系统把用户界面在封闭边框内的中央区域设置为高透明的透视区,并在封闭边框外沿设置一圈宽度合适的过渡区,而余下的用户界面边缘区域则设置为低透明的显示区,最后用户界面系统将设置好的用户界面显示到屏幕上。
所述一种环绕屏幕边缘显示的用户界面的显示方法,所述显示区范围能够通过手工描绘来设置,具体步骤如下:当用户界面系统按照用户指令进入手工描绘显示区范围的操作时,首先全屏幕完整显示用户界面,然后依据用户界面上需要显示内容的边缘区域大小,用户通过光标或触摸点在屏幕上描绘一个缠绕该边缘区域的封闭边框,当手工描绘结束时,用户界面系统把用户界面在封闭边框以外的边缘区域设置为低透明的显示区,并在封闭边框内沿设置一圈宽度合适的过渡区,而余下的用户界面中央区域则设置为高透明的透视区,最后用户界面系统将设置好的用户界面显示到屏幕上。
本发明的用户界面是全屏幕工作模式,具有分层显示属性,支持用户界面的半透明显示方式;具有顶端显示属性,确保用户界面显示在其它应用程序界面的前面;具有透明显示属性,避免用户界面干扰用户对其它应用程序的正常操作。
由于本发明的用户界面为全屏幕工作模式,故能充分利用了屏幕边缘四周的“闲置”空间,为用户在有限的屏幕空间里提供了更多的信息显示场所,同时还为用户提供了多种简单的调整用户界面显示效果的操作方法,方便用户快速调整用户界面的透明度和显示范围,以满足用户的个性化需求。
如果用户界面用于显示图案的话,那么显示的图案就像是镶嵌在屏幕周围的一圈纹饰,对屏幕起到一种很好的装饰美化作用,可改变现在屏幕边缘那种光洁、简单的四条直边的格局,给用户带来一种全新的视觉体验。
附图说明
图1 为全窗口模式的应用程序界面的示意图;
图2 为用户界面的示意图;
图3 为调整显示范围后的用户界面的示意图;
图4 为用户界面沿水平中轴的透明度变化曲线的示意图;
图5 为用户界面和应用程序界面之间重叠效果的示意图;
图6为显示范围调整边框的示意图;
图7为轨迹图案位置与系统参数之间对应关系的示意图;
图8a、8b为圈形轨迹标准图案的示意图;
图9a、9b为连续重复出现两次的圈形轨迹示意图;
图10a、10b为连续重复出现两次的三角形轨迹的示意图;
图11a、11b为连续重复出现两次的之字形轨迹的示意图;
图12为利用运动轨迹识别引擎实现调整系统参数的流程图;
图13为手工描绘透明区范围的示意图;
图14为手工绘制显示区范围的示意图;
图15为系统参数的存储和读取的示意图。
具体实施方式
下面结合说明书附图对本发明进行详细说明:
本发明的用户界面是全屏幕工作模式,具有分层显示属性,支持用户界面的半透明显示方式;具有顶端显示属性,确保用户界面显示在其它应用程序界面的前面;具有透明显示属性,避免用户界面干扰用户对其它应用程序的正常操作。
本发明利用屏幕四周“闲置”的空间,巧妙地设计了一种用户界面,该用户界面可以为用户显示更多信息,也可以用于界面的美观;同时提供了多种改变用户界面显示范围的方法,用户可以根据需要对显示范围进行调整,从而达到用户界面和应用程序界面的完美结合。
图1 为全窗口模式的应用程序界面的示意图。应用程序界面100的中央部分是用户工作区106,是用户浏览和处理信息的主要区域;在工作区的左、右两边一般还会留有一些未使用的第一空白区105、第二空白区108;其余大部分边缘空间是用来显示应用程序的功能性界面,比如显示在屏幕上边的程序标题栏101、菜单栏102、工具栏103,显示在屏幕底边的状态信息栏107,以及显示在屏幕右边的滚动条104等。
当用户熟悉程序这些功能性界面后,用户的注意力一般会聚焦在工作区106内,不会太注意这些功能性的界面,这些界面所在空间显得比较“闲置”。本发明提供了一种可行的技术方案,合理地再利用这些屏幕边缘的“闲置”空间,以呈现更多的用户信息。
图2 为用户界面的示意图。图中用户界面200为全窗口模式,其高为H,宽为W;用户界面200按照透明度的分布特征被划分为三个不同的显示区域,分别是:低透明度的显示区201,位于屏幕边缘,其分界线为204;高透明度的透视区203,位于屏幕中央区域,其分界线为205;渐变透明度的过渡区202介于显示区201和透视区203之间,其透明度分布由显示区201的低透明度渐变到透视区203的高透明度。图中通过斜线的粗、细、无的表达方式,形象地表现出用户界面200上三个显示区域的透明度分布状况。
为了方便用户调整,图中用分界线204的外接矩形206来描述显示区201的范围,用分界线205的外接矩形207来描述透视区203的范围,其中:外接矩形206可由左边显示宽度参数WL,右边显示宽度参数WR,上边显示宽度参数WT,底边显示宽度参数WB来确定;外接矩形207可由左边过渡宽度参数Wl,右边过渡宽度参数Wr,上边过渡宽度参数Wt,底边过渡宽度参数Wb来确定。用户可通过分别调整上述各几何参数的数值大小的方式,来相应改变三个区域的分布范围,具体调整效果参见图3。
图3为调整显示范围后的用户界面的示意图。通过和图2对比看出,通过调整上述各几何参数的数值大小可以相应地改变三个区域的显示范围,从而改变用户界面的显示效果。本发明为此提供了多种操作方式,来帮助用户实现快速调整用户界面的显示效果。
图4 为用户界面沿水平中轴的透明度变化曲线的示意图。图中垂直坐标为透明度T,最大值为100%;水平坐标对应于图2中的中轴线208;透明度曲线段301对应的是显示区201的透明度TL,其数值一般为0;透明度曲线段303对应的是透视区203的透明度TH,其数值一般为100%;透明度曲线段302对应的是过渡区202的透明度变化,其数值从TL渐变到TH,其渐变曲线可以是多样的,并不局限于图中所示的线性变化。 
图中透明度曲线的变化很清楚地表示出用户界面的透明度呈中央高、两边低的特点。用户可通过调整显示区201的透明度TL、透视区203的透明度TH、过渡区202的透明度渐变曲线形状,来改变用户界面200上各区域显示的透明效果。
图5 为用户界面和应用程序界面之间重叠效果的示意图。图中用户界面200具有顶端显示属性,以确保其显示在应用程序界面100之前;用户界面200还具有透明显示属性,因此不会响应用户对应用程序界面100的操作。
从图中的重叠效果可以看出,应用程序界面100中的工作区106的大部分区域,可通过用户界面200中的透视区203展现给用户。用户可依据工作区106的范围,改变透视区203的范围,确保工作区106可完全通过透视区203展现出来。
从图中的重叠效果可以看出,应用程序界面100中的功能性界面会被用户界面200的显示区201和过渡区202部分遮挡。用户可通过提高显示区201的透明度TL的方式,让这些功能性界面能透过显示区201显示出来。
从图中的重叠效果可以看出,过渡区202处于显示区201和工作区106之间的结合部,由于过渡区202的透明度是渐变的,因此显示区201会以逐渐淡化的方式过渡到工作区106,因而在显示区201和工作区106之间不会出现清晰的界线,从而改善了用户视觉效果。
图6为显示范围调整边框的示意图。图中是可视化的调整显示范围的方法用到的调整边框;只有当用户界面系统按用户指令进入显示范围调整操作时,屏幕上才会显示出与显示区201分界线204相合的第一调整边框301、透视区203分界线205相合的第二调整边框302,第一调整边框301和第二调整边框302上都有相应的常规调节控制点;用户依据显示的需要,通过可视化地移动这些控制点的位置来分别调整边框的范围;用户界面系统依据控制点的移动距离大小调整对应的系统参数值,以保持显示范围与调整边框的变化一致,并将调整后的显示效果实时反馈到屏幕上;在调整过程中时,系统确保第二调整边框302限定在第一调整边框301内部,而第一调整边框301限定在用户界面200内;当退出显示范围调整操作后,第一调整边框301、第二调整边框302则从屏幕上消失。
图7为轨迹图案位置与系统参数之间对应关系的示意图。图中是所述的描绘图案的位置与调整系统参数之间的对应关系,这些对应关系有:
a)图案在靠近用户界面上边的401区域,对应调整的是显示区201的上边显示宽度参数WT、过渡区202的上边过渡宽度参数Wt
b)图案在靠近用户界面底边的402区域,对应调整的是显示区201的底边显示宽度参数WB、过渡区202的底边过渡宽度参数Wb
c)图案在靠近用户界面左边的403区域,对应调整的是显示区201的左边显示宽度参数WL、过渡区202的左边过渡宽度参数Wl
d)图案在靠近用户界面右边的404区域,对应调整的是显示区201的右边显示宽度参数WR、过渡区202的右边过渡宽度参数Wr
e)图案在靠近用户界面的四个角之一的405区域,对应调整的是显示区201的透明度参数TL
f)图案在靠近屏幕中心的406区域,对应调整的是透视区203的透明度参数WH
图8a、8b为圈形轨迹标准图案的示意图。图中是所述的轨迹标准图案,标准图案是录入到运动轨迹识别引擎中的,标准图案中轨迹的运动特征是运动轨迹识别引擎进行轨迹图案识别的依据;图中定义了一对圈形轨迹标准图案,其中:图8a是顺时针圈形轨迹标准图案,表示增加数值类型;图8b是逆时针圈形轨迹标准图案,表示减少数值类型。
为了避免因用户一些无意识的动作而出现误判,系统要求运动轨迹识别引擎识别出的图案必须连续重复出现至少两次才为有效。
图9a、9b为连续重复出现两次的圈形轨迹示意图。图中是运动轨迹识别引擎依据图8a、8b中标准图案的轨迹运动特征,识别出的连续重复出现两次的圈形轨迹图案,其中:图9a是识别出图8a顺时针圈形图案连续重复出现两次的轨迹图案,表示增加数值;图9b是识别出图8b逆时针圈形图案连续重复出现两次的轨迹图案,表示减少数值。图中识别出的图案如果连续重复出现次数越多,则表示增加量或减少量也越大。
对比图9a、9b和图8a、8b中的图案,可以看出图9a、9b的圈形轨迹的形状和图8a、8b中标准图案不完全一样,这是由于运动轨迹识别引擎的识别是基于圈形轨迹的运动特征,而不全是轨迹的形状的缘故;事实上,用于标准图案并不止于图8a、8b所示的圈形,还可以是其它任意简单的形状,比如图10a和10b的三角形、图11a和11b的之字形等图案。
图10a、10b为连续重复出现两次的三角形轨迹的示意图。其中,图10a是系统识别出正立三角形图案连续重复出现两次的情况,表示增加数值;图10b是系统识别出倒立三角形图案连续重复出现两次的情况,表示减少数值。
图11a、11b为连续重复出现两次的之字形轨迹的示意图。其中图11a是系统识别出从小到大的之字形图案连续重复出现两次的情况,表示增加数值;图11b是系统识别出从大到小的之字形图案连续重复出现两次的情况,表示减少数值。
图12 为利用运动轨迹识别引擎实现调整系统参数的流程图。图中是实现调整系统参数的流程图,当用户在靠近用户界面200的边上、角上、中心等区域,用光标或触摸点连续重复描绘一些图案时,用户界面系统则利用运动轨迹识别引擎跟踪记录这些用户描绘图案的轨迹,识别这些轨迹所构成的图案,统计图案连续重复出现的次数,然后依据图案描绘的位置来调整对应的系统参数值。整个流程可以分为三个模块,分别是识别模块601、统计模块602以及调整模块603,其中:
识别模块601完成标准图案的识别,它包括:运动轨迹识别引擎跟踪记录据光标或触摸点的运动轨迹;运动轨迹识别引擎依据数据库中标准图案中轨迹的运动特征,识别当前轨迹的运动特征是否与之匹配;若当前轨迹的运动特征与两个标准图案之一相匹配,则进入统计模块602;
统计模块602完成统计标准图案连续重复出现的次数,若标准图案连续重复出现次数为至少二次以上,则进入调整模块603;
调整模块603完成确定对应系统参数、调整系统参数值的功能,它包括:依据图案在用户界面上所处的位置,确定对应的系统参数;再依据识图案连续重复出现次数和图案的类型,增加或减少对应系统参数的数值。
通过上述识别模块601、统计模块602、调整模块603的不断循环处理,系统会依据对用户操控轨迹运动的识别结果,随时调整对应系统参数值,实现了对用户界面显示效果的随时调整,从而避免了传统的系统菜单、系统图标、对话框等操作步骤,给用户的操作带来了极大地方便。
图13为手工描绘透明区范围的示意图。图中是所述的手工描绘透视区范围的操作方法,这种方法确保以应用程序界面100上工作区106的显示为优先。当用户界面系统按照用户指令进入手工描绘透视区范围的操作时,首先隐藏用户界面200;然后依据应用程序界面100上工作区106的大小,用户通过光标或触摸点在屏幕上描绘一个包含工作区106的封闭边框701;通常以光标键或触摸点的按下作为描绘的开始,以光标键或触摸点的松开作为描绘的结束;当结束手工描绘操作时,系统把用户界面在封闭边框701内的中央区域设置为高透明的透视区203,并在封闭边框701外沿设置一圈宽度合适的过渡区202,而余下的用户界面边缘区域则设置为低透明的显示区201;最后系统将设置好的用户界面200显示到屏幕上。
图14为手工绘制显示区范围的示意图。图中是所述的手工描绘显示区范围的操作方法,这种方法确保以用户界面200上内容显示为优先。当用户界面系统按照用户指令进入手工描绘显示区范围的操作时,首先全屏幕完整显示用户界面200;然后依据用户界面200上需要显示内容的边缘区域大小,用户通过光标或触摸点在屏幕上描绘一个缠绕该边缘区域的封闭边框801;通常以光标键或触摸点的按下作为描绘的开始,以光标键或触摸点的松开作为描绘的结束;当结束手工描绘操作时,系统把用户界面在封闭边框801以外的边缘区域设置为低透明的显示区201,并在封闭边框801内沿设置一圈宽度合适的过渡区202,而余下的用户界面中央区域则设置为高透明的透视区203;最后系统将设置好的用户界面显示到屏幕上。
图15为系统参数的存储和读取的示意图。由于不同应用程序的工作区106范围会各有不同,因此用户在使用不同应用程序的时候,可能需要对用户界面系统参数进行手工调整,这样会给用户的使用带来极大不便,为此我们把针对某个应用程序界面调整设置好的系统参数值,按照应用程序名称的分类方式保存到数据库901中;以后用户界面系统工作时,会随时监视当前运行应用程序的变化,若用户启动或切换到新的应用程序的时候,系统获取该应用程序名称,并在数据库901中对该应用程序名称进行检索,若数据库901中检索到该应用程序名称,则从数据库901中读取与该应用程序名称对应的已保存的系统参数值,并设置为新的系统参数。采用这种方法后,用户在使用不同应用程序时,无需再进行系统参数的手工设置,给用户带来极大的方便。
综上所述,基于本发明的用户界面具有如下优点:
1)用户界面主要在屏幕边缘四周显示内容,充分利用了屏幕边缘四周的“闲置”空间;
2)用户界面具有通用性,能较好地和应用程序界面相结合;
3)对用户界面只需进行一些简单操作,用户就能快速调整显示范围。
本说明书中所述的实施列仅用于说明本发明的思想,非本发明仅限的技术方案。由于本领域技术人员很容易在不偏离本发明思想的情况下,进行多样的变更和修改,因此,必须要依据所附权利要求书中的定义来确定本发明所覆盖范围。

Claims (8)

1.一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于:用户界面的内容显示在环绕屏幕的边缘区域,用户界面的中央区域用于显示应用程序界面,该中央区域是高透明的;用户界面的显示范围由显示透明度的分布状况决定,用户界面显示透明度的分布状况受用户界面系统参数控制;
所述的用户界面显示透明度的分布状况分为以下三个显示区域:
1)显示区,位于屏幕边缘四周,用户界面在该区域内的显示透明度较低,一般为不透明,是显示用户界面内容的主要区域;
2)透视区,位于屏幕中央,用户界面在该区域内的显示透明度较高,一般为全透明,是显示应用程序界面的区域;
3)过渡区,介于显示区和透视区之间,用户界面在该区域内的显示透明度是渐变的,由显示区的低透明度逐渐变化到透视区的高透明度,是用户界面的显示内容和应用程序界面的结合区域。
2.如权利要求1所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述的控制用户界面透明度分布状况的系统参数包括:显示区的显示透明度,透视区的显示透明度,过渡区的显示透明度的渐变曲线形状,显示区的上边显示宽度、底边显示宽度、左边显示宽度和右边显示宽度,过渡区的上边过渡宽度、底边过渡宽度、左边过渡宽度和右边过渡宽度。
3.如权利要求2所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述用户界面显示透明度分布状况的三个区域边界能够调整,其调整方法有以下三种:
1)通过可视化边框来调整显示范围,
2)通过识别光标或触摸点的运动轨迹图案来调整显示范围;
3)通过应用程序名称读取用户界面预设系统参数来调整显示范围。
4.如权利要求3所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述通过可视化边框的方式来调整显示范围的方法如下:用户界面系统按照用户指令进入调整显示范围的操作时,屏幕上显示出与显示区边界相合的调整边框,以及与过渡区边界相合的调整边框,每个调整边框上都有相应的调节控制点,用户根据显示需要,通过移动相应控制点的位置来调整边框的范围,用户界面系统则依据控制点移动距离的大小调整对应的系统参数值,以保持显示范围与调整边框变化一致,并将调整后的显示结果实时反馈到屏幕上;用户界面系统按照用户指令结束调整操作时,上述两个调整边框则从屏幕上消失。
5.如权利要求3所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述通过识别光标或触摸点的运动轨迹图案来调整显示范围的方法如下:用户在靠近用户界面的边上、角上或中心区域,用光标或触摸点连续重复描绘一些图案,系统则利用运动轨迹识别引擎跟踪记录这些用户描绘图案的轨迹,识别这些轨迹所构成的图案,统计图案连续重复出现的次数,然后依据图案描绘的位置来调整对应的系统参数值,具体实现步骤如下:
步骤1)用户将要识别的标准图案录入到运动轨迹识别引擎中,运动轨迹识别引擎会抽取标准图案中轨迹运动的特征,并存储在数据库中;标准图案必须是成对的,其中一个标准图案用以表示增大数值类型,另一个标准图案用以表示减小数值类型;
步骤2)运动轨迹识别引擎跟踪记录用户操作光标或触摸点的轨迹运动,依据数据库中标准图案的轨迹运动的特征,识别当前轨迹运动的特征是否与之相匹配;若识别出当前轨迹运动的特征和两个标准图案之一相匹配,则跳转到骤3,否则继续步骤2;
步骤3)系统统计标准图案连续重复出现的次数;若标准图案连续重复出现次数为至少两次以上,则跳转到步骤4,否则继续步骤2;
步骤4)系统依据图案描绘的位置来调整对应的系统参数值,具体调整过程如下:
i)系统首先依据图案在用户界面上的描绘位置,确定对应调整的系统参数,其中图案的描绘位置和系统参数之间的对应关系有:a)若图案的位置靠近用户界面上边,则对应调整的是显示区的上边显示宽度参数、过渡区的上边过渡宽度参数;b)若图案的位置靠近用户界面底边,则对应调整的是显示区的底边显示宽度参数、过渡区的底边过渡宽度参数;c)若图案的位置靠近用户界面左边,则对应调整的是显示区的左边显示宽度参数、过渡区的左边过渡宽度参数;d)若图案的位置靠近用户界面右边,则对应调整的是显示区的右边显示宽度参数、过渡区的右边过渡宽度参数;e)若图案的位置靠近用户界面四个角,则对应调整的是显示区的显示透明度参数;f)若图案的位置靠近用户界面中心,则对应调整的是透视区的显示透明度参数;
ii)系统依据步骤3统计出的标准图案连续重复出现次数,按重复次数越多则调整量越大的原则,确定系统参数所需调整量;
iii)系统依据步骤2识别出的标准图案类型,确定该系统参数是需增大还是减小;
iv)系统最后计算出系统参数的新值并更新,并将调整后的显示结果实时反馈到屏幕上;并继续步骤2。
6.如权利要求3所述一种环绕屏幕边缘显示的用户界面显示方法,其特征在于所述通过应用程序名称读取用户界面预设系统参数来调整显示范围的方法如下:首先,用户针对应用程序界面的特点,进行系统参数的优化调整设置,并把设置好的系统参数值按应用程序名称的分类方式保存到数据库中;以后用户界面系统工作时,会随时监视当前运行应用程序的变化,若用户启动或切换到新的应用程序的时候,系统会获取该应用程序名称,并在数据库中对该应用程序名称进行检索,若在数据库中检索到该应用程序名称,则从数据库中读取与该应用程序名称对应的已保存的系统参数值,并设置为新的系统参数。
7.如权利要求2所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述透视区范围能过通过手工描绘来设置,具体步骤如下:当用户界面系统按照用户指令进入手工描绘透视区范围的操作时,首先隐藏用户界面,然后依据应用程序界面上需要透视的中央区域大小,用户通过光标或触摸点在屏幕上描绘一个包含该中央区域的封闭边框,当手工描绘结束时,用户界面系统把用户界面在封闭边框内的中央区域设置为高透明的透视区,并在封闭边框外沿设置一圈宽度合适的过渡区,而余下的用户界面边缘区域则设置为低透明的显示区,最后用户界面系统将设置好的用户界面显示到屏幕上。
8.如权利要求2所述一种环绕屏幕边缘显示的用户界面的显示方法,其特征在于所述显示区范围能够通过手工描绘来设置,具体步骤如下:当用户界面系统按照用户指令进入手工描绘显示区范围的操作时,首先全屏幕完整显示用户界面,然后依据用户界面上需要显示内容的边缘区域大小,用户通过光标或触摸点在屏幕上描绘一个缠绕该边缘区域的封闭边框,当手工描绘结束时,用户界面系统把用户界面在封闭边框以外的边缘区域设置为低透明的显示区,并在封闭边框内沿设置一圈宽度合适的过渡区,而余下的用户界面中央区域则设置为高透明的透视区,最后用户界面系统将设置好的用户界面显示到屏幕上。
CN201210184333.5A 2012-06-06 2012-06-06 一种环绕屏幕边缘显示的用户界面的显示方法 Active CN102750089B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201210184333.5A CN102750089B (zh) 2012-06-06 2012-06-06 一种环绕屏幕边缘显示的用户界面的显示方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201210184333.5A CN102750089B (zh) 2012-06-06 2012-06-06 一种环绕屏幕边缘显示的用户界面的显示方法

Publications (2)

Publication Number Publication Date
CN102750089A true CN102750089A (zh) 2012-10-24
CN102750089B CN102750089B (zh) 2014-09-24

Family

ID=47030319

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201210184333.5A Active CN102750089B (zh) 2012-06-06 2012-06-06 一种环绕屏幕边缘显示的用户界面的显示方法

Country Status (1)

Country Link
CN (1) CN102750089B (zh)

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103677847A (zh) * 2013-12-25 2014-03-26 乐视网信息技术(北京)股份有限公司 一种多媒体信息处理方法及装置
CN104238930A (zh) * 2013-06-20 2014-12-24 联想(北京)有限公司 一种形状识别的方法及电子设备
CN104750253A (zh) * 2015-03-11 2015-07-01 苏州佳世达电通有限公司 一种供用户进行体感输入的电子装置
CN104932824A (zh) * 2015-06-12 2015-09-23 联想(北京)有限公司 一种显示控制方法及电子设备
CN106155471A (zh) * 2015-04-22 2016-11-23 阿里巴巴集团控股有限公司 一种操作界面的显示方法、装置及电子设备
CN107943362A (zh) * 2017-11-17 2018-04-20 深圳天珑无线科技有限公司 移动终端的用户界面显示方法以及装置
CN108196810A (zh) * 2017-12-21 2018-06-22 努比亚技术有限公司 一种分屏显示方法、终端及计算机可读存储介质
CN108876748A (zh) * 2018-06-29 2018-11-23 掌阅科技股份有限公司 图片展示方法、计算设备及计算机存储介质
CN109032455A (zh) * 2017-06-08 2018-12-18 深圳市道通智能航空技术有限公司 一种菜单显示的方法和装置
CN109242761A (zh) * 2018-08-27 2019-01-18 青岛海信电器股份有限公司 一种图片显示方法及装置
CN110069310A (zh) * 2019-04-23 2019-07-30 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN110558941A (zh) * 2014-09-23 2019-12-13 飞比特公司 响应于用户手势而更新屏幕内容的方法、系统及设备
CN113485778A (zh) * 2021-06-25 2021-10-08 青岛海尔科技有限公司 页面数据的处理方法、装置、存储介质和电子装置
CN114170893A (zh) * 2021-07-01 2022-03-11 长沙湘计海盾科技有限公司 一种嵌入式局部显示透明显示器

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104750393B (zh) * 2015-04-22 2018-05-04 广东欧珀移动通信有限公司 壁纸设置方法及装置

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101268437A (zh) * 2005-11-02 2008-09-17 松下电器产业株式会社 显示目标透射装置
CN101692196A (zh) * 2009-08-25 2010-04-07 宇龙计算机通信科技(深圳)有限公司 一种窗口排列方法、系统及显示终端
CN101739202A (zh) * 2009-11-06 2010-06-16 谢达 一种局部会自动透视的用户界面显示方法
US20100275163A1 (en) * 2001-05-16 2010-10-28 Synaptics Incorporated Touch screen with user interface enhancement
CN102279694A (zh) * 2010-06-08 2011-12-14 联想(北京)有限公司 电子设备及其应用软件窗口显示方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100275163A1 (en) * 2001-05-16 2010-10-28 Synaptics Incorporated Touch screen with user interface enhancement
CN101268437A (zh) * 2005-11-02 2008-09-17 松下电器产业株式会社 显示目标透射装置
CN101692196A (zh) * 2009-08-25 2010-04-07 宇龙计算机通信科技(深圳)有限公司 一种窗口排列方法、系统及显示终端
CN101739202A (zh) * 2009-11-06 2010-06-16 谢达 一种局部会自动透视的用户界面显示方法
CN102279694A (zh) * 2010-06-08 2011-12-14 联想(北京)有限公司 电子设备及其应用软件窗口显示方法

Cited By (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104238930A (zh) * 2013-06-20 2014-12-24 联想(北京)有限公司 一种形状识别的方法及电子设备
CN103677847A (zh) * 2013-12-25 2014-03-26 乐视网信息技术(北京)股份有限公司 一种多媒体信息处理方法及装置
CN110558941A (zh) * 2014-09-23 2019-12-13 飞比特公司 响应于用户手势而更新屏幕内容的方法、系统及设备
CN110558941B (zh) * 2014-09-23 2022-08-02 飞比特有限公司 响应于用户手势而更新屏幕内容的方法、系统及设备
CN104750253A (zh) * 2015-03-11 2015-07-01 苏州佳世达电通有限公司 一种供用户进行体感输入的电子装置
CN104750253B (zh) * 2015-03-11 2018-10-12 苏州佳世达电通有限公司 一种供用户进行体感输入的电子装置
CN106155471A (zh) * 2015-04-22 2016-11-23 阿里巴巴集团控股有限公司 一种操作界面的显示方法、装置及电子设备
CN104932824A (zh) * 2015-06-12 2015-09-23 联想(北京)有限公司 一种显示控制方法及电子设备
CN109032455A (zh) * 2017-06-08 2018-12-18 深圳市道通智能航空技术有限公司 一种菜单显示的方法和装置
CN109032455B (zh) * 2017-06-08 2021-10-22 深圳市道通智能航空技术股份有限公司 一种菜单显示的方法和装置
CN107943362A (zh) * 2017-11-17 2018-04-20 深圳天珑无线科技有限公司 移动终端的用户界面显示方法以及装置
CN108196810A (zh) * 2017-12-21 2018-06-22 努比亚技术有限公司 一种分屏显示方法、终端及计算机可读存储介质
CN108876748A (zh) * 2018-06-29 2018-11-23 掌阅科技股份有限公司 图片展示方法、计算设备及计算机存储介质
CN109242761A (zh) * 2018-08-27 2019-01-18 青岛海信电器股份有限公司 一种图片显示方法及装置
CN109242761B (zh) * 2018-08-27 2023-07-14 海信视像科技股份有限公司 一种图片显示方法及装置
CN110069310B (zh) * 2019-04-23 2022-04-22 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN110069310A (zh) * 2019-04-23 2019-07-30 北京小米移动软件有限公司 切换桌面壁纸的方法、装置及存储介质
CN113485778A (zh) * 2021-06-25 2021-10-08 青岛海尔科技有限公司 页面数据的处理方法、装置、存储介质和电子装置
CN113485778B (zh) * 2021-06-25 2023-06-13 青岛海尔科技有限公司 页面数据的处理方法、装置、存储介质和电子装置
CN114170893A (zh) * 2021-07-01 2022-03-11 长沙湘计海盾科技有限公司 一种嵌入式局部显示透明显示器

Also Published As

Publication number Publication date
CN102750089B (zh) 2014-09-24

Similar Documents

Publication Publication Date Title
CN102750089A (zh) 一种环绕屏幕边缘显示的用户界面的显示方法
US20210326093A1 (en) Multi-device pairing and combined display
CA2788106C (en) Multi-screen pinch and expand gestures
Gebhardt et al. Extended pie menus for immersive virtual environments
US8751970B2 (en) Multi-screen synchronous slide gesture
Hamilton et al. High-performance pen+ touch modality interactions: a real-time strategy game eSports context
US20130125066A1 (en) Adaptive Area Cursor
US8499239B2 (en) Globe container
US20110209039A1 (en) Multi-screen bookmark hold gesture
US20110209058A1 (en) Multi-screen hold and tap gesture
CN109432775B (zh) 一种游戏地图的分屏显示方法和装置
WO2011106468A2 (en) Multi-screen hold and page-flip gesture
Telkenaroglu et al. Dual-finger 3d interaction techniques for mobile devices
CN104571823A (zh) 一种基于智能电视的非接触式虚拟人机交互方法
CN107728905A (zh) 一种弹幕显示方法、装置及存储介质
CN102880383A (zh) 一种应用程序间界面的切换方法、装置
CN103064592B (zh) 一种可拓展的菜单显示方法
CN103279302A (zh) 一种分层数据的展示方法和装置
CN109407918A (zh) 增强现实内容多级交互方式的实现方法
CN104516638A (zh) 音量控制方法及装置
CN106843681A (zh) 触控应用的运行控制方法、装置及电子设备
CN105975264A (zh) 一种文字控件的实现方法及其装置
CN105630595B (zh) 一种信息处理方法及电子设备
EP2332322B1 (de) Mobiltelefon mit menüführung auf dem bildschirm
CN110419019A (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
C14 Grant of patent or utility model
GR01 Patent grant