Animated.ValueXY

创建一个Animated.ValueXY实例和Animated.Value基本上是一样的：new Animated.ValueXY({x: 0, y: 0})。只不过ValueXY一般用于处理组件的位置或是处理手势。

另外为了方便Aniamted.ValueXY实例的使用，其中也包含一些helper方法。比如left、top，以及translateX和translateY等。

Animated.ValueXY()除了包含上述的heper方法之外，还暴露了一些属性，如.x和.y。属性.x和.y就是new Animated.Value()实例。

和创建new Animated.Value()基本是一样的方式：

getInitialState: function() {
    return {
        someAnimatedValue: new Animate.ValueXY()
    }
}

constructor(props) {
    super(props)
    this.state = {
        someAnimatedValue: new Animate.ValueXY()
    }
}

componentWillMount: function() {
    this._someAnimatedValue = new Animated.ValueXY()
}

默认值是{x: 0, y: 0}。如果你想修改默认值的话可以赋值一个对象：{x: 15, y: 15}，这样默认值的x、y就都是15了。