用于滚动视觉页面内容的方法和用于滚动视觉页面内容的系统技术方案

技术编号:16778848 阅读:20 留言:0更新日期:2017-12-12 23:26
本发明专利技术公开用于滚动视觉页面内容的方法和用于滚动视觉页面内容的系统。本发明专利技术涉及一种用于在显示设备的屏幕上按预定方向滚动视觉页面内容的方法,所述视觉页面内容包括预定数量的视觉对象,所述视觉对象被布置用于随后按预定方向显示,所述视觉对象中的至少一个包括关于所述数量的视觉对象中的至少一个在屏幕上的滚动行为的信息,其中所述方法包括步骤:在屏幕上显示至少一个视觉对象;检测用于在屏幕上移动所述至少一个视觉对象的滚动动作;检测关于显示的视觉对象的滚动行为的信息;以及基于检测到的关于滚动行为的信息来在屏幕上滚动所述视觉对象。

A method for rolling visual page content and a system for rolling visual page content

The invention discloses a method for rolling visual page content and a system for rolling visual page content. The invention relates to a method for the display of visual content of the page at a predetermined rolling direction on the device's screen, the visual content of the page includes a predetermined number of visual objects, the visual object is disposed in a predetermined direction for subsequent display, the visual object in at least one of the number of vision including at least one of the objects on the screen scrolling behavior information, wherein the method comprises the steps of: displaying at least a visual object on the screen; detecting for moving the screen in at least one visual object rolling action; rolling behavior detection of the visual object on display and based on information; the detected on rolling behavior information scrolling the visual objects on the screen.

【技术实现步骤摘要】
用于滚动视觉页面内容的方法和用于滚动视觉页面内容的系统
本专利技术涉及用于按预定方向在显示设备的屏幕上滚动视觉页面内容的方法和系统。
技术介绍
在许多网页中,经由浏览器机制提供鼠标滚动功能。在输入时,这种机制使用多步鼠标滚动动作并且基于输入了多少步来使页面向上或向下滚。网页中的实际滚动步依赖于浏览器实施方式。因此,如果例如浏览器具有每个鼠标滚动步对应于10个像素步的设定,则当用户用鼠标滚动10步时,页面将取决于取向而向上或向下移位100个像素。这种实施方式确保网页上的平滑且线性搜索。然而,取决于网页设计,存在数个缺点。即,利用从现有技术知晓的滚动功能,连续滚动导致屏幕上的大量内容改变,这对于用户而言是令人筋疲力尽的。此外,如果执行快速滚动,则由于内容迅速地传入用户的视野和从用户的视野传出而不得不遭遇信息丢失。尽管从现有技术知晓在滚动期间控制web内容的呈现的各种软件框架和web浏览器技术,但是这些解决方案中没有一个克服以上提到的缺点。例如,US2014/281933A1公开用于响应于用户输入而优化文档的比例和位置的方法,其包括接收用以将文档滚动到所述文档的目标位置的初始输入请求,以及标识在文档的目标位置处或附近的内容的至少一个相关部分。所述方法还包括在接收到所述初始输入请求时调整文档的位置和比例到用于查看所述至少一个相关部分的最优位置和最优比例。进一步地,US8,595,644B1公开用于管理显示器上的可视内容的方法和系统,包括在显示器上显示内容,监视用户的滚动动作以及基于所述滚动动作选择性地把内容的一部分放在显示器中心。US6,825,860B1公开一种用于生成图像、使所述图像改变尺寸以及重缩放的技术,其中所述图像中的元素被关联到逻辑组中。然而,以上列出的从现有技术知晓的方法未能为网页提供智能滚动特征,所述智能滚动特征支持读者在运动中时感知内容,从而提供较不令人疲倦的较好用户体验。
技术实现思路
因此,本专利技术基于该问题来提供一种用于在屏幕上滚动视觉页面内容的方法,其克服从现有技术知晓的方法的缺点。根据本专利技术通过根据权利要求1的一种用于滚动视觉页面内容的方法和根据权利要求15的一种用于滚动视觉页面内容的系统来解决该问题。在相应从属权利要求中定义本专利技术的优选实施例。根据本专利技术,提供一种用于在显示设备的屏幕上按预定方向滚动视觉页面内容的方法,所述视觉页面内容包括预定数量的视觉对象,所述视觉对象被布置用于随后按预定方向显示,所述视觉对象中的至少一个包括关于所述数量的视觉对象中的至少一个在屏幕上的滚动行为的信息,其中所述方法包括以下步骤:-在屏幕上显示至少一个视觉对象;-检测用于在屏幕上移动所述至少一个视觉对象的滚动动作;-检测关于显示的视觉对象的滚动行为的信息,以及-基于检测到的关于滚动行为的信息来在屏幕上滚动视觉对象。通过用于滚动视觉页面内容的专利技术的方法,克服以上概述的从现有技术知晓的缺点。特别地,专利技术的方法为网页提供用户友好的智能滚动特征,其使用户能够在按预定方向滚动包括在感兴趣的特定视觉对象中的内容时容易地感知所述内容。对于否则将不得不密切关注移动内容并且不得不高度集中的用户而言,由专利技术的方法提供实质性优点,其归因于所述智能滚动特征对于用户而言较不令人疲倦。专利技术的方法可以密切地结合到web浏览器的功能或者宽松地结合作为外部软件模块(插件)来实施。在两种情况下,网页设计者需要定义他编辑的网页的元素中的哪些需要得到特定差异化滚动行为。为了定义受影响的对象的行为,可以使用标记语言例如CSS,在其中定义web对象的显示模式。然而,任何样式表语言或更多一般的标记语言可以代替CSS本身来使用。具有相关标签的标记语言促进专利技术的方法。知晓网页的部分的重要性的web设计者应用那些标签进行智能滚动。进一步地,可以使用标记语言的额外字段以便在每个情况下实现期望的结果。根据本专利技术的优选的实施例,在屏幕上显示至少一个视觉对象的步骤还包括-将所述预定数量的视觉对象中的第一视觉对象显示在屏幕上,而将继第一视觉对象之后显示的所述预定数量的视觉对象中的第二视觉对象保持不可见,并且其中检测用于在屏幕上移动所述至少一个视觉对象的滚动动作的步骤包括-检测用于在屏幕上到预定方向移动第一对象使得第二对象将在屏幕上可见的滚动动作,并且其中所述方法还包括步骤-确定第一对象在屏幕上的垂直位置以用于定义屏幕上的参考位置,以及-在屏幕上的参考位置处显示第二视觉对象。通过该优选实施例,实现一种视觉磁效应。焦点中的视觉对象总是显示在一个或多个前驱视觉对象的定义位置处。从而,改变网页的元素或视觉对象而不改变它们的位置。从而,避免在屏幕上快速滚动内容期间的大量内容改变以及内容丢失,并且使用户免于用眼睛跟随屏幕上的移动内容,因为他仅必须集中于屏幕上的一个预定义位置上,这对于用户而言较不令人筋疲力尽。根据本专利技术的另外的优选实施例,在检测到借助于其使第一和第二对象在屏幕上到预定方向移动的另外的滚动动作时,把将继第二视觉对象之后显示的第三视觉对象显示在屏幕上的参考位置处。从而,总是在滚动期间将继当前显示的视觉对象之后显示在屏幕上的视觉对象将被定位在屏幕上的相同点处,因此用户在屏幕上滚动网页的内容时仅必须集中于观看该特定点而不是跟随视觉对象的运动。根据另外的优选实施例,预定方向是垂直方向。优选地,在向上或向下滚动一个滚动装置时,视觉对象在屏幕上的移动在垂直方向上起作用。例如,通过转动在计算机鼠标上提供的滚轮,将相应地移动网页上的内容。刚好也可以实施其他滚动装置。例如,可以通过向上或向下移动通常在屏幕的右手侧处显示的导航栏来使内容在屏幕上的滚动起作用。根据另外的优选实施例,确定第一对象在屏幕上的垂直位置以用于定义参考位置。进一步地,这是有利的,如果在检测到滚动动作时,把将继当前显示在参考位置处的视觉对象之后显示的视觉对象直接移动到参考位置,从而避免在按预定方向滚动网页时屏幕上的大量内容改变。还优选的是,所述方法还包括确定将继当前显示在参考位置处的视觉对象之后显示的视觉对象是否被屏幕的下边界切割的步骤。所述方法还可以包括确定第一视觉对象是否具有objectID的步骤,所述objectID指示将继第一视觉对象之后显示的视觉对象将被显示在第一视觉对象的参考位置处。根据另一个优选实施例,检测用于在屏幕上移动所述至少一个视觉对象的滚动动作的步骤还包括-检测用于按预定方向移动视觉对象的滚动动作,并且其中所述方法还包括-检测根据滚动装置的操作的预定义滚动速度,以及-将一个或多个视觉对象定义为高亮对象,在检测到滚动动作时针对所述高亮对象应用不同于预定义滚动速度的滚动速度。通过该实施例,在鼠标滚轮或者操作导航栏期间根据预定义滚动速度使网页的某些部分放慢或者可以使其加速。由于尤其快速滚动导致信息丢失,所以在网页的视觉对象迅速地传入用户的视野和从用户的视野传出时,根据该实施例,推翻快速滚动状态,由此例如更慢移动可以是如由网页的设计者先前定义的特定感兴趣的对象的高亮对象,使得尽管应用快速滚动速度,但是用户可以容易地查看感兴趣的内容。优选地,不同于预定义滚动速度的第一滚动速度比预定义滚动速度更慢。因此,感兴趣的内容或视觉对象,相比于它们根据应用的滚动速度将表现的,保持在屏幕上更久可见。第一滚动本文档来自技高网
...
用于滚动视觉页面内容的方法和用于滚动视觉页面内容的系统

【技术保护点】
用于在显示设备的屏幕(2)上按预定方向滚动视觉页面内容的方法,所述视觉页面内容包括预定数量的视觉对象(Obj1、Obj2、Obj3、Obj4),所述视觉对象(Obj1、Obj2、Obj3、Obj4)被布置用于随后按预定方向显示,所述视觉对象(Obj1、Obj2、Obj3、Obj4)中的至少一个包括关于所述数量的视觉对象(Obj1、Obj2、Obj3、Obj4)中的至少一个在屏幕上的滚动行为的信息,其中所述方法包括步骤‑ 在屏幕(1)上显示至少一个视觉对象(Obj1、Obj2、Obj3、Obj4);‑ 检测用于在屏幕(2)上移动所述至少一个视觉对象(Obj1、Obj2、Obj3、Obj4)的滚动动作;‑ 检测关于显示的视觉对象的滚动行为的信息,以及‑ 基于检测到的关于滚动行为的信息来在屏幕(2)上滚动所述视觉对象(Obj1、Obj2、Obj3、Obj4)。

【技术特征摘要】
2016.06.02 EP 16172751.61.用于在显示设备的屏幕(2)上按预定方向滚动视觉页面内容的方法,所述视觉页面内容包括预定数量的视觉对象(Obj1、Obj2、Obj3、Obj4),所述视觉对象(Obj1、Obj2、Obj3、Obj4)被布置用于随后按预定方向显示,所述视觉对象(Obj1、Obj2、Obj3、Obj4)中的至少一个包括关于所述数量的视觉对象(Obj1、Obj2、Obj3、Obj4)中的至少一个在屏幕上的滚动行为的信息,其中所述方法包括步骤-在屏幕(1)上显示至少一个视觉对象(Obj1、Obj2、Obj3、Obj4);-检测用于在屏幕(2)上移动所述至少一个视觉对象(Obj1、Obj2、Obj3、Obj4)的滚动动作;-检测关于显示的视觉对象的滚动行为的信息,以及-基于检测到的关于滚动行为的信息来在屏幕(2)上滚动所述视觉对象(Obj1、Obj2、Obj3、Obj4)。2.根据权利要求1的方法,其中在屏幕(2)上显示至少一个视觉对象(Obj1、Obj2、Obj3、Obj4)的步骤包括-将所述预定数量的视觉对象(Obj1、Obj2、Obj3、Obj4)中的第一视觉对象(Obj1)显示在屏幕(2)上,而将继第一视觉对象(Obj1)之后显示的所述预定数量的视觉对象(Obj1、Obj2、Obj3、Obj4)中的第二视觉对象(Obj2)保持不可见,并且其中检测用于在屏幕(2)上移动所述至少一个视觉对象(Obj1、Obj2、Obj3、Obj4)的滚动动作的步骤包括-检测用于在屏幕(2)上到预定方向移动第一对象(Obj1)使得第二对象(Obj2)将在屏幕(2)上可见的滚动动作,并且其中所述方法还包括步骤-确定第一对象(Obj1)在屏幕(2)上的垂直位置以用于定义屏幕(2)上的参考位置(6),以及-在屏幕(2)上的参考位置(6)处显示第二视觉对象(Obj2)。3.根据权利要求2的方法,其中在向上或向下滚动一个滚动装置时,所述视觉对象(Obj1、Obj2、Obj3、Obj4)在屏幕(2)上的移动在垂直方向上起作用,并且其中在检测到滚动动作时,将继当前显示在参考位置(6)处的视觉对象(Obj1)之后显示的视觉对象(Obj2、Obj3、Obj4)被直接移动到参考位置(6)。4.根据权利要求1至3中的任一项的方法,其中所述方法还包括:确定将继当前显示在参考位置(6)处的视觉对象(Obj1)之后显示的视觉对象(Obj2、Obj3、Obj4)是否被屏幕(2)的下线(10)切割的步骤。5.根据权利要求1至4中的任一项的方法,其中所述方法还包括:确定第一视觉对象(Obj1)是否具有objectID的步骤,所述objectID指示将继第一视觉对象(Obj1)之后显示的视觉对象(Obj2、Obj3、Obj4)将被显示在第一视觉对象(Obj1)的参考位置(6)处。6.根据权利要求1的方法,其中检测用于在屏幕(2)上移动所述至少一个视觉对象(Obj1、Ob...

【专利技术属性】
技术研发人员:T扬诺普洛斯V贾蒂利斯L帕帕斯
申请(专利权)人:统一专利有限责任两合公司
类型:发明
国别省市:德国,DE

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

1