Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动
如果我们习惯于数学坐标系,那么对于Silverlight中的坐标系可能会有些不习惯。因为 在Silverlight中的坐标系与Flash中的坐标系一样,一切都的颠倒的。在标准的数学坐标系 中,X轴表示水平轴,Y轴表是垂直轴,然而Silverlight中的坐标系是基于视频屏幕的坐标系 。
Silverlight中的坐标系统和Flash中的坐标系统是完全一样的,都是采用笛卡尔坐标系统 ,分为四象限。简单的说就是以X轴表示水平方向并向东方无限延伸,Y轴表示垂直方向并向 着南方无限延伸,X和Y轴相交点表示坐标系源点,其X,Y坐标值为0,0,所以在Silverlight中 的坐标系范围就是以坐标源点为起点,无限向东南方向延伸,也就是笛卡尔坐标系中的四象 限。
Silverlight的向量(Vector)运动目前仅支持一维向量运动(One-dimensional vector movement)和二维向量运动(Two-dimensional vector movement),也就是平时大家所说的 1D和2D。一维向量运动可以理解为在同一直线上的运动,二维向量运动则可以理解在平面空 间(X,Y坐标系)里的运动。向量的概念从初中就开始学习,这里就不做介绍了,如有不清楚 的朋友可以移步到这里。
二维向量运动很容易理解,在Silverlight的动画设计中二维动画也是最常见和使用率最 高的动画,可参考在本系列第一篇《Silverlight & Blend动画设计系列一:偏移动画( TranslateTransform)》中所介绍到的偏移动画变换的实现,其实质就是一个二维向量运动 ,动画元素对象在动画过度期间不停的改变对象所在的物理坐标位置实现了对象位置的变化 ,本质上就是元素对象在坐标系里的二维坐标位置的改变。从几何上来理解就是发生了一个 二维的向量运动,Silverlight中命名为动画。