用于动态内容的滚动条制造技术

技术编号:15919139 阅读:20 留言:0更新日期:2017-08-02 04:23
本文描述了针对用于动态内容的滚动条的技术和装置。在一个或多个实现中,初始内容的一部分与被配置用于选择导航到初始内容的其他部分的滚动条一起显示在用户界面中。当滚动条被选择时,检测用于在用户界面中显示的动态内容。作为响应,激活用于滚动条的动态滚动模式以使得能够导航到初始内容和动态内容。动态滚动模式在不改变滚动条的滑块的视觉位置的情况下动态地调整滚动条的一个或多个滚动比率。

【技术实现步骤摘要】
【国外来华专利技术】用于动态内容的滚动条技术背景常规的滚动条包括可以沿着轨道拖动以跳转到文档(例如,网页)中的特定位置的滑块(thumb),其例如用来向用户提供文档内当前位置的视觉指示。例如,如果滑块是在滚动条的轨道向下的半途中,则它往往指示用户在通过该文档内容的半途中。常规滚动条的设计适用于包含静态内容——诸如预定的页面长度、要显示的预定数量的项目等等——的文档。然而,现今的许多文档(比如网页)在用户操纵滚动条时动态地更新要显示的内容,比如当用户靠近或到达当前可用内容的结尾时添加附加项目。响应于接收到动态内容,许多常规滚动条在用户正拖动滚动条滑块时迫使滚动条的滑块的位置跳跃。其他常规滚动条阻止导航到新添加的动态内容,直到滑块被释放(这立即导致滑块的位置跳跃)。当鼠标指针正被用于操纵滚动条时,滑块的这种无规律的跳跃会降低用户的滚动能力的效率,因为鼠标指针和滑块的相对位置在无规律地跳跃。类似地,无规律的跳跃可能导致用户在网页内丢失它们的位置。当用户的手指正用来操纵触摸设备上的滚动条时,这可导致无规律的行为,因为用户的手指保持在滑块的原始位置,而这在下一个触摸结果被处理时可导致所显示的内容中的大的“跳跃”。因此,使用常规滚动条来导航具有动态扩展的内容的文档对用户而言可能是混乱和令人沮丧的。
技术实现思路
本文描述了针对用于动态内容的滚动条的技术和装置。在一个或多个实现中,初始内容的一部分与被配置用于选择导航到该初始内容的其他部分的滚动条一起显示在用户界面中。当滚动条被选择时,检测用于在用户界面中显示的动态内容。作为响应,激活用于滚动条的动态滚动模式以使得能够导航到该初始内容和动态内容。动态滚动模式在基本不改变滚动条的滑块的视觉位置的情况下动态地调整滚动条的一个或多个滚动比率。本概要被提供来以简化的形式介绍概念的选择,这些概念在下面的详细描述中进一步被描述。本概要既不打算标识所要求保护的主题的关键特征或必要特征,也不打算用于帮助确定所要求保护的主题的范围。附图说明参考附图描述详细说明。在整个附图中使用相同的数字来附注类似的特征和组件。图1a是可操作来支持本文描述的技术的示例实现中的环境的图示。图1b图示了按照一个或多个实现的、图1a中描述的滚动条用户界面和滚动条的更详细的示例。图2图示了其中滚动条模块响应于检测到动态内容而启动动态滚动模式的系统。图3图示了在滚动条用户界面中显示内容的示例。图4图示了在滚动条滑块被选择时检测动态内容的示例。图5图示了按照一个或多个实现的、基于线性关系目标位置来动态调整用于滚动条的滚动比率的示例。图6图示了按照一个或多个实现的、基于基线位置来动态调整滚动条的滚动比率的示例。图7图示了按照一个或多个实现的、改变滚动条的视觉外观的示例。图8图示了激活用于滚动条的动态滚动模式的示例方法。图9图示了包括示例设备的示例系统,其可以实现用于动态内容的滚动条的实施例。具体实施方式概述常规的滚动条用户界面保持滚动条的位置与在用户界面中所显示内容的位置之间的线性关系。例如,如果滚动条位于用户界面向下的半途中,则它往往指示用户在通过内容的半途中。这种设计适用于包含静态内容——诸如预定的页面长度、要显示的预定数量的项目等等——的文档。然而,现今的许多文档(比如网页)在用户操纵滚动条向下滚动通过内容时动态地更新要显示的内容。例如,诸如Facebook.com的社交网站可以在“新闻馈送”中显示给用户的新闻项目列表,其中每个新闻项目对应于与用户的朋友之一相关联的故事或事件。用户的新闻馈送可包含在多日内累积的数千个新闻项目。由于大量的新闻馈送项目,所以将用户的新闻馈送中的每个新闻项目加载到社交网络用户界面中以供显示是耗时的。因此,具有大量内容的文档可以初始地仅加载一部分内容。如果用户向下滚动到初始内容的结尾,则可以动态地添加附加内容,以使用户能够继续滚动通过附加内容。然而,附加内容更改了滚动条的位置与在用户界面中所显示内容的位置之间的线性关系。作为示例,考虑初始地将社交网站的100个新闻项目加载到web浏览器中以供显示。web浏览器针对初始内容把滚动条配置成使得滚动到底部将导致显示第100个项目。当用户操纵滚动条向下滚动到100个新闻项目的底部时,社交网站可以加载另外100个新闻项目以供显示。在这一点,滚动条的滑块的位置靠近滚动条轨道的底部,但是现在大约有100个新闻项目在当前显示的新闻项目之上,并且在当前显示的新闻项目之下有100个项目。因此,如果保持直接的线性关系,则滚动条的滑块现在应该大致位于滚动条轨道的中部,而不是靠近底部。常规的滚动条以各种各样不同的方式处理动态添加的内容。一些常规的解决方案促使滚动条的滑块跳跃以保持与动态添加的内容的线性关系。例如,在上面的示例中,滚动条的滑块可以被强迫从滚动条轨道的底部跳到滚动条轨道的中部。当鼠标指针正被用于操纵滚动条的滑块时,这可能导致鼠标指针和滚动条滑块的相对位置无规律地跳动,并可能导致用户在网页中丢失它们的位置。例如,用户可能已经将先前的位置记忆为显示特定的感兴趣项目,但是由于在添加了附加的动态内容之后应用了新的比率,所以不能容易地回滚到那个位置。类似地,当用户的手指正用于操纵触摸设备上的滚动条时,这可以导致无规律的行为,因为用户的手指保持在滚动条的原始位置,这会在处理下一个用户触摸结果时导致所显示的内容中的大的“跳跃”。替换地,一些常规解决方案迫使所显示的内容跳到与滑块在轨道内的位置成比例的位置。在上面的示例中,由于滑块靠近轨道的底部,所以网页可以跳跃以显示新添加的内容的最后的新闻项目。因此,该解决方案可导致所显示的内容中的出乎意料的大跳跃。还有其它常规解决方案可以在选择并正操纵滚动条时简单地避免对内容的更新。然后,当滚动条被释放时,滚动条的位置可以在视觉上“跳”一个相当大的距离,这可能导致用户在文档内丢失它们的位置。然而,本文描述的技术使得实现从滚动条滑块的位置和内容位置之间的线性关系到非线性关系的动态的临时改变。可以动态地偏置(bias)非线性关系,促使滚动条滑块的位置趋向于标准的线性关系,而同时仍允许自然感觉的滚动。在一个或多个实现中,当用户正处在滚动内容的过程中(例如,将一根手指保持在滚动条滑块上或用鼠标拖动滚动条滑块)时,检测动态内容。响应于检测到动态内容,激活动态滚动模式。动态滚动模式在不改变滚动条滑块的视觉位置的情况下动态地调整滚动条的滚动比率。在某些情况下,动态滚动模式对于滚动条的至少两个不同方向应用不同的滚动比率,使得滚动条滑块在任一方向上的基本相同的移动将减小在滚动条滑块的所显示位置与滚动条滑块在维持滚动条滑块和内容的线性关系的情况下将处在的位置之间的增量(delta)(例如,向下比向上更快地滚动,直至回到直接线性关系)。与常规解决方案不同,所描述的技术使得能够在滚动条滑块被选择(即使没有释放滚动条滑块)的时候滚动到任何和所有动态添加的内容。此外,当动态地添加内容时,滚动条滑块不会四处跳跃到滚动条轨道上的不同位置。因此,所描述的技术使得用户能够使用滚动条继续内容的导航,而不必取消对滚动条滑块的选择、然后在新位置重新选择滚动条滑块,因此与常规的滚动条解决方案相比,其对于用户来说是较少混乱的。示例环境图1a是可操作来支持本文描述的技术的示例实现中的环本文档来自技高网...
用于动态内容的滚动条

【技术保护点】
一种计算机实现的方法,包括:在滚动条被选择时,通过对于至少一对相反方向用不同的滚动比率来配置所述滚动条而动态调整所述滚动条的滚动比率,所述动态调整至少部分地基于对初始内容的动态修改;所述滚动条与显示所述初始内容的至少初始部分的用户界面相关联,以及所述滚动条被配置用于选择导航到所述初始内容的其他部分。

【技术特征摘要】
【国外来华专利技术】2014.12.15 US 14/5709851.一种计算机实现的方法,包括:在滚动条被选择时,通过对于至少一对相反方向用不同的滚动比率来配置所述滚动条而动态调整所述滚动条的滚动比率,所述动态调整至少部分地基于对初始内容的动态修改;所述滚动条与显示所述初始内容的至少初始部分的用户界面相关联,以及所述滚动条被配置用于选择导航到所述初始内容的其他部分。2.根据权利要求1所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率使得能够在所述滚动条被选择时导航到所述初始内容和动态内容,所述对初始内容的动态修改包括添加所述动态内容到所述初始内容。3.根据权利要求1所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率还包括:把所述滚动条配置成使得所述滚动条的向下滚动比率比所述滚动条的向上滚动比率相对地更快。4.根据权利要求1所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率还包括:在所述至少一对相反方向中的第一方向上动态地增加所述滚动条的滚动比率。5.根据权利要求4所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率还包括:在所述至少一对相反方向中的至少第二方向上动态地减小所述滚动条的滚动比率。6.根据权利要求1所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率还包括:把所述滚动条配置成使得所述滚动条的滑块在所述至少一对相反方向中的第一方向上的移动单位以比所述滚动条的滑块在所述至少一对相反方向中的第二方向上的移动单位更快的速率改变在所述用户界面中显示的内容。7.根据权利要求1所述的计算机实现的方法,其中所述动态调整滚动条的滚动比率还包括:基于所述动态内容来确定所述滚动条的线性关系目标位置;当滚动离开所述滚动条的线性关系目标位置时,增加所述滚动条的滚动比率;和当朝向所述滚动条的线性关系目标位置滚动时,减小所述滚动条的滚动比率。...

【专利技术属性】
技术研发人员:H加布里杰尔斯基
申请(专利权)人:微软技术许可有限责任公司
类型:发明
国别省市:美国,US

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

1