【技术实现步骤摘要】
【国外来华专利技术】为用户界面和动画提供应用程序编程接口的框架相关申请的交叉引用本申请要求2018年6月3日提交的名称为“FRAMEWORKPROVIDINGAPPLICATIONPROGRAMMINGINTERFACEFORUSERINTERFACESANDANIMATION”的美国临时专利申请序列号62/679890的权益,该申请据此全文以引用方式并入本文并且构成本美国技术专利申请的部分以用于所有目的。
本说明书整体涉及在具有和/或不具有触摸屏的电子设备上实现用户界面和图形元素的动画。
技术介绍
给定的操作系统可为开发人员提供图形和成像框架来创建用于计算机应用程序的图形用户界面(GUI或UI)的“视图”。软件应用程序的用户界面(UI)的复杂性已增加,并且可被实现为处理视图、动画、视频、窗口、画面、事件等以及其他类型的图形相关功能性。附图说明本主题技术的一些特征在所附权利要求书中被示出。然而,出于解释的目的,在以下附图中阐述了本主题技术的若干实施方案。图1示出了根据一个或多个具体实施的包括可以实现本主题系统的电子设备的示例性网络环境。图2示出了根据一个或多个具体实施的可在电子设备上实现的示例性软件架构。图3A至图3C示出了根据一个或多个具体实施的用于在电子设备的屏幕上移动图形UI元素的水平位置的示例性动画。图4A至图4C示出了根据一个或多个具体实施的用于在电子设备的屏幕上内插图形UI元素的动画的示例。图5A至图5C示出了根据一个或多个具体实施的电子设备的屏 ...
【技术保护点】
1.一种方法,包括:/n接收与动画相关的第一信息,所述第一信息包括初始状态、目标状态和动画函数;/n生成所述目标状态的副本,所述目标状态的所述副本包括所述动画的记录,所述动画的所述记录至少部分地基于与所述动画相关的所述第一信息和与所述动画函数相关的进一步信息;/n更新所述目标状态的所述副本中与所述动画的中间状态相关的值,所述中间状态介于所述初始状态与所述目标状态之间;以及/n提供所述目标状态的所述副本,所述目标状态的所述副本包括与用于渲染所述动画的所述中间状态相关的所述值。/n
【技术特征摘要】
【国外来华专利技术】20180603 US 62/679,8901.一种方法,包括:
接收与动画相关的第一信息,所述第一信息包括初始状态、目标状态和动画函数;
生成所述目标状态的副本,所述目标状态的所述副本包括所述动画的记录,所述动画的所述记录至少部分地基于与所述动画相关的所述第一信息和与所述动画函数相关的进一步信息;
更新所述目标状态的所述副本中与所述动画的中间状态相关的值,所述中间状态介于所述初始状态与所述目标状态之间;以及
提供所述目标状态的所述副本,所述目标状态的所述副本包括与用于渲染所述动画的所述中间状态相关的所述值。
2.根据权利要求1所述的方法,其中所述动画函数对应于定时曲线。
3.根据权利要求1所述的方法,其中所述动画函数对应于手势。
4.根据权利要求1所述的方法,其中所述动画函数对应于物理模拟,所述物理模拟包括弹簧状运动。
5.根据权利要求1所述的方法,还包括:
应用内插曲线以将所述动画从所述初始状态混合到所述目标状态。
6.根据权利要求1所述的方法,其中所述动画函数是时间函数。
7.根据权利要求6所述的方法,还包括:
至少部分地基于当前时间和所述动画的开始时间来确定实耗时间。
8.根据权利要求7所述的方法,其中利用所述实耗时间基于所述动画函数来确定所述中间状态。
9.根据权利要求1所述的方法,其中所述动画的所述记录包括表示所述动画的初始值的第一值、表示所述动画的最终值的第二值、与所述动画函数相关的信息以及用于计算所述动画的实耗时间的开始时间。
10.根据权利要求1所述的方法,其中所述动画与嵌套动画相关,所述嵌套动画包括影响子视图的相应动画的父视图。
11.根据权利要求10所述的方法,其中所述嵌套动画与以动画方式显示颜色的所述父视图相关。
12.根据权利要求10所述的方法,其中所述嵌套动画与所述父视图和所述子视图相关,所述父视图改变区域,所述子视图在所述区域正在增大或缩小时在所述区域内以动画方式显示。
13.根据权利要求1所述的方法,其中所述动画取决于手势的当前状态。
14.一种系统,包括:
处理器;
存储器设备,所述存储器设备包含指令,所述指令在被所述处理器执行时使得所述处理器提供:
接收与动画相关的第一信息,所述第一信息包括初始状态、目标状态和动画函数;
生成所述目标状态的副本,所述目标状态的所述副本包括所述动画的记录,所述动画的所述记录至少部分地基于与所述动画相关的所述第一信息和与所述动画函数相关的进一步信息;
更新所述目标状态的所述副本中与所述动画的中间状态相关的值,所述中间状态介于所述初始状态与所述目标状态之间;以及
提供所述目标状态的所述副本,所述目标状态的所述副本包括与用于渲染所述动画的所述中间状态相关的所述值。
15.根据权利要求14所述的系统,其中所述动画函数对应于定时曲线、手势或物理模拟,所述物理模拟包括弹簧状运动。
16.根据权利要求14所述的系统,其中所述存储器设备包含进一步指令,所述指令在由所述处理器执行时使得所述处理器还:
应用内插曲线以将所述动画从所述初始状态混合到所述目标状态。
17.根据权利要求16所述的系统,其中所述存储器设备包含进一步指令,所述指令在由所述处理器执行时使得所述处理器还:
至少部分地基于当前时间和所述动画的开始时间来确定实耗时间。
18.根据权利要求17所述的系统,其中利用所述实耗时间基于所述动画函数来确定所述中间状态。
19.根据权利要求14所述的系统,其中所述动画的所述记录包括表示所述动画的初始值的第一值、表示所述动画的最终值的第二值、与所述动画函数相关的信息以及用于计算所述动画的实耗时间的开始时间。
20.一种包括指令的非暂态计算机可读介质,所述指令在由计算设备执行时,使得所述计算设备执行包括以下操作的操作:
接收与动画相关的第一信息,所述第一信息包括初始状态、目标状态和动画函数;
生成所述目标状态的副本,所述目标状态的所述副本包括所述动画的记录,所述动画的所述记录至少部分地基于与所述动画相关的所述第一信息和与所述动画函数相关的进一步信息;
更新所述目标状态的所述副本中与所述动画的中间状态相关的值,所述中间状态介于所述初始状态与所述目标状态之间;以及
提供所述目标状态的所述副本,所述目标状态的所述副本包括与用于渲染所述动画的所述中间状态相关的所述值。
21.一种方法,包括:
接收用于发起应用程序的命令;
响应于所述命令,生成与表示所述应用程序的用户界面(UI)的第一视图分级结构中的根视图相关的根节点;
生成所述根节点的子节点以用于包括在所述第一视图分级结构中,所述子节点对应于第一类型的视图;
生成所述子节点的第一子节点以用于包括在所述第一视图分级结构中,所述第一子节点对应于第二类型的视图;以及
生成包括节点的图,每个节点对应于所述UI的不同属性,其中所述根节点、所述子节点和所述第一子节点与来自所述图的相应节点有关系。
22.根据权利要求21所述的方法,其中所述第一类型的视图包括所述UI的图形元素的布局,并且所述第二类型的视图包括所述UI的所述图形元素,并且所述第一类型的视图是所述UI的所述图形元素的所述布局的条件视图。
23.根据权利要求21所述的方法,其中所述第一类型的视图包括X轴布局、Y轴布局、Z轴布局和径向布局中的至少一者。
24.根据权利要求21所述的方法,其中所述第一类型的视图包括以动画方式显示的特性,并且所述特性包括能够内插值的颜色、数值、矢量和特定特性中的至少一者。
25.根据权利要求21所述的方法,还包括:
接收用于在所述根节点上执行更新的第二命令;以及
响应于所接收的所述第二命令,在所述子节点和所述第一子节点上发起相应更新,其中所述相应更新至少部分地基于与所述子节点或所述第一子节点相关联的绑定信息。
26.根据权利要求25所述的方法,其中响应于输入、事件、通过网络接收的数据、手势和时间变化中的至少一者来接收所述第二命令。
27.根据权利要求25所述的方法,其中在所述子节点和所述第一子节点上发起相应更新还包括:
生成与表示第二用户界面(UI)的第二视图分级结构中的第二根视图相关的第二根节点;
生成所述第二根节点的第二子节点以用于包括在所述第二视图分级结构中,所述第二子节点对应于第二类型的视图并且对应于更新的子节点;
生成所述第二子节点的相应子节点以用于包括在所述第二视图分级结构中,所述相应子节点对应于相应类型的视图;
更新包括相应节点的所述图,所述相应节点对应于来自所述第二视图分级结构的每个节点的不同属性;以及
丢弃包括所述根节点、所述子节点和所述第一子节点的所述第一视图分级结构。
28.一种系统,包括:
处理器;
存储器设备,所述存储器设备包含指令,所述指令在被所述处理器执行时使得所述处理器提供:
响应于接收到用于发起应用程序的命令,生成与表示用户界面(UI)的第一视图分级结构中的根视图相关的根节点;
生成所述根节点的子节点以用于包括在所述第一视图分级结构中,所述子节点对应于第一类型的视图;
生成所述子节点的第一子节点以用于包括在所述第一视图分级结构中,所述第一子节点对应于第二类型的视图;以及
生成包括节点的图,每个节点对应于所述UI的不同属性,其中所述根节点、所述子节点和所述第一子节点与来自所述图的相应节点有关系。
29.根据权利要求28所述的系统,其中所述第一类型的视图包括所述UI的图形元素的布局,并且所述第二类型的视图包括所述UI的所述图形元素,并且所述第一类型的视图是所述UI的所述图形元素的所述布局的条件视图。
30.根据权利要求28所述的系统,其中所述第一类型的视图包括X轴布局、Y轴布局、Z轴布局和径向布局中的至少一者。
31.根据权利要求28所述的系统,其中所述第一类型的视图包括以动画方式显示的特性,并且所述特性包括能够内插值的颜色、数值、矢量和特定特性中的至少一者。
32.根据权利要求28所述的系统,其中所述存储器...
【专利技术属性】
技术研发人员:J·A·肖,K·S·麦康伯,J·H·沙法尔,J·S·哈珀,
申请(专利权)人:苹果公司,
类型:发明
国别省市:美国;US
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。