DoTween学习笔记(二) UGUI结合使用

UGUI官方实例中是使用Animation来控制UI的移动,放大缩小动画等等, Animation来控制UI的动画工作量实在是太多了, 所以我们一般使用itween,DoTween. 来控制动画, 这样工作量大大减少. 那今天我们来学习下UGUI + DoTween吧

UGUI进行简单的移动,放大,旋转

public class MyClass : MonoBehaviour {
    void Start () {
        Image image = transform.GetComponent<Image>();
        //DoMove的坐标系是左下角为准,移动到100,100位置
         image.rectTransform.DOMove (new Vector2(100,100),1f);
        //以目前坐标点向移动到当前坐标x+100,当前坐标y+100
        image.rectTransform.DOMove (new Vector2(image.rectTransform.position.x + 100,image.rectTransform.position.y + 100),1f);
        //当前sacle(1,1,1)1秒内添加到(3,3,1)
        image.rectTransform.DOBlendableScaleBy (new Vector2(2,2),1f);
        //旋转到180度
         image.rectTransform.DORotate (new Vector3(0,0,180),1f);
    }
}

UGUI 锚点和anchoredPosition 关系

ancharedPosition的x,y相对于锚点产生的坐标. 盘子在写一个摇杆UI时候,摇杆只有在左下角,所以摇杆设置左下角,我根据用户点击屏幕的位置Input.mousePosition.x 和 Input.mousePosition.y赋值给摇杆的anchoredPosition 所以功能是显示正常的. 但是我有一次小心操作就把摇杆的锚点设置成屏幕中心, 不管我怎么点击摇杆都在右上的位置(大家能想象出这种效果吗)

UGUI和DoTween实现伤害文本效果

=.= 回家在写