为动画化分解标记语言元素制造技术

本发明专利技术涉及为动画化分解标记语言元素。实施例准备标记语言（ML）元素以便进行动画化。截取或接收对至少一个ML元素执行至少一个动画化的请求。至少基于所请求的动画化以及ML元素的当前属性值，定义一个或多个动画准备属性值。更改ML元素以包括所定义的动画准备属性值，动画引擎执行更改后的ML元素的动画化。动画准备属性和值（例如，样式元素）在动画化之后可被复位、移除或以其它方式修改。在一些实施例中，应用编程接口（API）的库允许web浏览器请求传统超文本标记语言（HTML）元素的动画化，供动画引擎基于JAVASCRIPT或层叠样式表（CSS）消费。

【技术实现步骤摘要】
为动画化分解标记语言元素
本专利技术涉及标记语言元素的动画化。
技术介绍
文档中的动画增强了用户体验。例如，动画改进了网站的可用性和视觉外观。示例动画包括从网页删除表、将超文本标记语言（HTML）元素从一个位置移动到另一位置、或以其它方式在视觉上更改HTML元素。然而，与所建立的网站一起工作的开发者通常不得不动画化以传统代码编写的HTML元素，这些HTML元素不能使用现有的、基于JAVASCRIPT或层叠样式表（CSS）的动画逻辑来动画化。相反，使用某些现有系统，开发者为了在每一动画场景中的动画化必须手动重写每一HTML元素。这样的对要被动画化的每一传统HTML元素专用的自组织解决方案是耗时、昂贵且易于出错的。
技术实现思路
本专利技术的各实施例允许对传统标记语言（ML）元素的动画化。计算设备接收对至少一个ML元素执行至少一个动画化的请求。ML元素具有与之相关联的一个或多个当前属性值。计算设备至少基于所请求的动画化和当前属性值来定义一个或多个动画准备属性值。计算设备更改ML元素以包括所定义的动画准备属性值。动画引擎至少使用所定义的动画准备属性值来对更改后的ML元素动画化。提供本
技术实现思路
以便以简化形式介绍将在以下具体实施方式中进一步描述的一些概念。本
技术实现思路
并非旨在标识所要求保护的主题的关键特征或必要特征，也不旨在用于帮助确定所要求保护的主题的范围。附图简述图1是示出调用代码（例如，应用程序）经由应用编程接口（API）与动画引擎通信的示例性框图。图2是示出使用分解引擎、动画引擎和重新合成（re-composition）引擎的对动画化请求的处理的示例性框图。图3是示出存储用于分解和重新合成标记语言（ML）元素以便由动画引擎动画化的计算机可执行组件的计算设备的示例性框图。图4是示出对ML元素的准备以便由动画引擎动画化的示例性流程图。图5是示出在ML元素中包括和移除动画准备属性的示例性流程图。在全部附图中，相应的附图标记指示相应的部分。详细描述参考附图，本专利技术的各实施例允许对标记语言（ML）元素动画化。在一些实施例中，传统超文本标记语言（HTML）元素被分解供支持JAVASCRIPT脚本和/或层叠样式表（诸如CSS3）的动画引擎108消费。诸如浏览器的应用程序204调用一个或多个应用编程接口（API）104，这些API改变ML元素的属性和属性值（例如，添加、更改或移除元数据），使得内容看上去一样但是被准备好供动画引擎108动画化。本专利技术的一些方面还在动画化之后对ML元素复位（例如，回到原始或传统布局）。本专利技术的各方面执行的示例性操作包括重新安置ML元素、创建ML元素的副本以便进行替换内容的动画化、对增长以完全包含ML元素（例如用于显示附加文本）的边界框动画化以及在表内操纵单元格（例如，移动、删除、插入等）。尽管是参考ML元素是超文本标记语言（HTML）元素来描述本专利技术的各方面，本专利技术的实施例可用于要动画化的任何对象。此外，本专利技术的各方面不限于网页上的动画，而是构想了能够显示来自动画引擎108的输出的任何文档中的动画。接下来参考图1，示例性框图示出了调用代码102经由API104与动画引擎108通信。调用代码102可以是当被计算设备101执行时请求动画化的应用程序204或其部分。动画化可使用诸如API104所提供的函数调用来请求。在一些实施例中，多个API104可供用作库。API104的库可由计算设备101在调用代码102的编译时或运行时期间加载。在其它实施例（未示出）中，API104驻留在与计算设备101分开的设备上。API104包括分解传统HTML元素、对象或代码的函数。在其它实施例中，API104分解用其它标记语言编写的元素、对象或代码。分解HTML元素包括准备HTML元素以便进行动画化。此处诸如参考图4和图5描述并说明分解的示例，且大体包括添加或更改HTML元素上的属性以使得HTML元素适于动画化。在HTML元素被准备好进行动画化后，动画引擎108处理HTML元素（例如，消费分解后的HTML）。例如，动画引擎108由计算设备101执行以对HTML元素动画化并在与计算设备101相关联的显示器306上显示动画。在其中动画引擎108被除执行调用代码102或提供API104的计算设备101以外的设备执行的实施例中，动画引擎108向计算设备101提供动画以便显示。例如，动画引擎108可由服务器或云服务112执行。在动画化期间和/或之后，动画引擎108通过修改HTML元素的属性来更新HTML元素的状态。当动画化完成时，在对动画化的准备时作出的、对属性的添加或更改被复位，使得HTML元素反映传统布局。例如，API104中的另一函数在动画化之后接收或截取HTML元素，并使具有修改后的属性的HTML元素遵守适于供调用代码102消费的格式。例如，使动画化之后的HTML元素内的样式遵守传统HTML。然后将遵守格式的HTML元素提供给调用代码102，或使其可供调用代码102访问。本专利技术的各方面可用于按任何方式操作以对任何ML元素动画化的任何动画引擎108。尽管参考与以下参考图2所述的动画定义310去耦（decouple）的动画引擎108来描述，本专利技术的各方面不限于这样的实施例。接下来参考图2，示例性框图示出使用分解引擎212、动画引擎108、重新合成引擎214的对动画化请求的处理的示例性框图。应用程序204由计算设备101执行或以其它方式与计算设备104关联。计算设备101可以是被编程来执行此处所述和说明的操作的任何设备（例如，见图3）。在一些实施例中，应用程序204是在计算设备101上执行的浏览器。本专利技术的各方面支持不同的浏览器能力。例如，基于浏览器类型，要被动画化的ML元素可用JAVASCRIPT脚本语言或层叠样式表（例如，CSS3）来编码。在这些示例的任一个中，本专利技术的各方面能够准备ML元素以便进行动画化。在图2的示例中，应用程序204使用API104中的至少一个将动画化请求发送给动画引擎108。例如，应用程序204可请求特定的ML元素向其当前位置的右侧移动50像素。尽管在图2中被示为在计算设备101外，API104或其部分可被本地存储在计算设备101上并由计算设备101本地调用。分解引擎212或应用程序204与动画引擎108之间的其它层接收或截取来自应用程序204的动画化请求。例如，分解引擎212准备ML元素以便进行动画化，并将动画化请求以及准备好的ML元素发送给动画引擎108以便进行动画化。在一些实施例中，准备ML元素以便进行动画化包括添加、移除和/或以其它方式改变与ML元素相关联的元数据。在按请求对ML元素动画化期间和/或之后（例如，动画正被计算设备101显示），动画引擎108修改ML元素的属性以反映动画化。使具有修改后的属性的ML元素可供重新合成引擎214使用。例如，提供具有修改后的属性的ML元素作为复位或清除动画的函数调用的一部分（例如，结束或完成函数）。重新合成引擎214、或动画引擎108和应用程序204之间的其它层例如通过将ML元素复位成其原始、传统布局来准备动画化之后的ML元素以便由应用程序204处理。在一些实施例中，重新合成引擎214通过添加、移除和/或以其它方式改变与ML元素本文档来自技高网...

【技术保护点】
一种用于对传统标记语言（ML）元素动画化的系统，所述系统包括：与计算设备相关联的存储器区域，所述存储器区域存储用于对标记语言（ML）元素动画化的多个应用编程接口（API）；以及处理器，被编程为：经由所述存储器区域中存储的多个API中的至少一个，从应用程序接收对至少一个ML元素执行至少一个动画化的请求，所述ML元素具有与之相关联的一个或多个样式属性；更改所述ML元素以包括至少基于所请求的动画化定义的一个或多个动画准备属性；至少使用所述更改后的ML元素中所包括的所定义的动画准备属性来对所述更改后的ML元素执行所请求的动画化；在动画化之后从所述ML元素移除所述动画准备属性；以及向所述应用程序提供移除了所述动画准备属性的ML元素。

【技术特征摘要】
2011.09.30 US 13/249,2691.一种用于对传统标记语言元素动画化的系统，所述系统包括：与计算设备相关联的存储器区域，所述存储器区域存储用于对标记语言元素动画化的多个应用编程接口(API)；以及处理器，被配置为：经由所述存储器区域中存储的多个应用编程接口中的至少一个，从应用程序接收对至少一个标记语言元素执行至少一个动画化的请求，所述标记语言元素具有与之相关联的一个或多个样式属性；更改所述标记语言元素以包括至少基于所请求的动画化定义的一个或多个动画准备属性；至少使用更改后的标记语言元素中所包括的所定义的动画准备属性来对所述更改后的标记语言元素执行所请求的动画化；在动画化之后从所述标记语言元素移除所述动画准备属性；以及向所述应用程序提供移除了所述动画准备属性的标记语言元素。2.如权利要求1所述的系统，其特征在于，所述请求是对于表移动单元格，其中所述处理器还被配置来将所述单元格中的每一个表示为单独的标记语言元素并基于从所述应用程序接收到的偏移量坐标来定义绝对坐标，且其中所述处理器通过改变样式属性中的至少一个以包括所定义的绝对坐标来更改所述标记语言元素。3.如权利要求1所述的系统，其特征在于，所述请求是替换所述标记语言元素，其中所述处理器还被配置来创建所述标记语言元素的副本以便对所述标记语言元素进行同时动画化。4.如权利要求1所述的系统，其特征在于所述请求是显示内联内容，且其中所述处理器还被配置来在所述标记语言元素内对内联边界框动画化。5.如权利要求1所述的系统，其特征在于，所述应用程序是浏览器而所述标记语言元素是超文本标记语言(HTML)元素，且其中所述存储器区域还存储动画准备属性的库。6.如权利要求1所述的系统，其特征在于，还包括：用于准备所述标记语言元素以便进行动画化的装置；以及用于对传统超文本标记语言(HTML)元素进行跨浏览器动画化的装置。7.一种对标记语言元素动画化的方法，包括：由计...

【专利技术属性】
技术研发人员：A·曼达尔，A·吉特勒曼，L·鲁滨逊，J·塞思，
申请(专利权)人：微软公司，
类型：发明
国别省市：