需求:在UI上给定起点和终点,在两点之间显示一条带有方向的线。
创建线对象,使用一张图片,修改图片设置,如下图:
修改:1、Pivot 2、ImageType
代码:
public void SetData( Vector2 startPos, Vector2 endPos ) {
float _dis = Vector2.Distance( startPos, endPos );
rectTran.localPosition = startPos;
// 线的长度
rectTran.sizeDelta = new Vector2(_dis, rectTran.sizeDelta.y );
// 箭头的方向(right 是指要需要指向的轴)
var _dir = endPos - startPos;
rectTran.right = _dir.normalized;
}
效果: