[发明专利]连续和不连续的属性的平滑布局动画有效
申请号: | 201080012707.4 | 申请日: | 2010-03-09 |
公开(公告)号: | CN102356375A | 公开(公告)日: | 2012-02-15 |
发明(设计)人: | K·L·扬;S·C·怀特;K·B·雅各布;C·朔尔曼 | 申请(专利权)人: | 微软公司 |
主分类号: | G06F3/048 | 分类号: | G06F3/048;G06F3/14 |
代理公司: | 上海专利商标事务所有限公司 31100 | 代理人: | 杨洁 |
地址: | 美国华*** | 国省代码: | 美国;US |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 连续 属性 平滑 布局 动画 | ||
1.一种用于将用户界面(UI)元素从传出状态到传入状态的转变平滑地动画化的计算机实现的方法,所述方法包括:
拍摄由布局管理器安排的所述传出状态中UI元素的位置和其他可视属性的传出快照410;
将布局已经改变至新的状态通知所述UI元素,以便所述UI元素更新其位置和布局属性但不呈现转变430;
拍摄所述传入状态中所述UI元素的位置和其他可视属性的传入快照440;
将所述传出快照和所述传入快照进行比较以确定所述UI元素是否移动了或改变了外观450;以及
一旦确定所述UI元素的外观或位置改变了460,通过逐步地修改外观属性的值来动画化所述UI元素的转变480,以使所述UI元素外观的改变对用户而言显得平滑,所述外观属性模拟所述传出和所述传入状态之间的改变,
其中以上步骤由至少一个处理器来执行。
2.如权利要求1所述的方法,其特征在于,还包括为多个UI元素并行地执行所述方法。
3.如权利要求1所述的方法,其特征在于,拍摄快照还包括存储所述UI元素的有效不透明度,其中所述有效不透明度为可视性乘以不透明度。
4.如权利要求1所述的方法,其特征在于,还包括停止任何之前正在进行的转变。
5.如权利要求1所述的方法,其特征在于,拍摄所述传出状态的快照包括拍摄处于之前正在进行的转变的当前位置的所述UI元素的快照,并且基于所述传入状态来对从所述UI元素当前的大小和位置到所述UI元素新的结束大小和位置的转变进行动画化。
6.如权利要求1所述的方法,其特征在于,比较还包括使用比较结果以创建用于所述UI元素的一系列中间位置和外观,从而提供从所述传出状态到所述传入状态的平滑动画转变。
7.如权利要求1所述的方法,其特征在于,动画化所述转变包括,基于用于状态之间所述转变的指定的持续时间来确定多个中间外观。
8.如权利要求1所述的方法,其特征在于,动画化所述转变包括确定已改变的属性类型,并且对于颜色属性类型,在开始颜色和结束颜色之间逐步地动画化红色、绿色和蓝色的值。
9.如权利要求1所述的方法,其特征在于,动画化所述转变包括确定已改变的属性类型,并且对于修改所述UI元素位置的布局属性,逐步地修改所述UI元素的坐标以生成平滑的移动。
10.如权利要求1所述的方法,其特征在于,动画化所述转变包括确定已改变的属性类型,并且对于可视性属性,逐步地修改不透明度属性以创建平滑地改变的可视性的外观。
11.如权利要求1所述的方法,其特征在于,还包括在动画化所述转变之前,将所述UI元素包装在临时容器中,所述临时容器在动画制作期间将所述UI元素的移动与其他UI元素隔离,并且在动画化所述转变之后,从所述UI元素移除所述临时容器,以便所述UI元素被放置回到布局分层结构中其正常的位置且对其任何修改将再次影响周围的元素。
12.一种用于平滑地动画化状态之间用户界面(UI)转变的计算机系统,所述系统包括:
处理器和存储器,所述处理器和存储器被配置为执行软件指令;
状态管理组件110,被配置为存储UI可存在的多个状态,并接收从一个状态转变到另一个状态的指示;
确定状态增量组件120,被配置为将传入和传出状态进行比较,以确定在状态之间改变的布局属性,和将要改变的对应的UI元素;
状态快照组件130,被配置为拍摄在其中定位布局的每个对应的UI元素的区域的快照;
快照比较组件140,被配置为将传入状态和传出状态的快照进行比较,以确定哪些UI元素改变并标识处于每个状态的外观属性的属性值;以及
元素动画组件150,被配置为通过显示每个元素的一个或多个中间外观,在所述传出状态和传入状态之间平滑地动画化每个元素。
13.如权利要求12所述的系统,其特征在于,所述状态管理组件还被配置为以可由没有编程经验的设计者编辑的声明性格式来存储状态,其中所述声明性格式还包括转变信息,所述转变信息至少包括导致转变的条件和所述转变的持续时间。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于微软公司,未经微软公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201080012707.4/1.html,转载请声明来源钻瓜专利网。