Unity使用UGUI的Image在UI两个对象之间画线

    /// 

    /// 创建一条两点之间的线
    /// 
    /// 起始点
    /// 结束点
    public void CreateLine(Vector2 start, Vector2 end)
    {
        //实例化需要显示的线段图片pfb
        GameObject line = Instantiate(m_LinePfb);
        line.transform.SetParent(mapContent);
        RectTransform rect = line.GetComponent<RectTransform>();
        //设置位置和角度
        rect.localPosition = GetBetweenPoint(start, end);
        rect.localRotation = Quaternion.AngleAxis(-GetAngle(start,end), Vector3.forward); 
        //设置线段图片大小
        var distance = Vector2.Distance(end, start);
        rect.sizeDelta = new Vector2(5, Math.Max(1, distance));
        //调整显示层级
        line.transform.SetAsFirstSibling();
    }
    
    /// 

    /// 获取两个坐标点之间的夹角
    /// 
    /// 起始点
    /// 结束点
    /// 
    public float GetAngle(Vector2 start, Vector2 end)
    {
        var dir = end - start;
        var dirV2 = new Vector2(dir.x, dir.y);
        var angle = Vector2.SignedAngle(dirV2, Vector2.down);
        return angle;
    }

    /// 

    /// 获取上下相邻两个坐标点中间的坐标点
    /// 
    /// 起始点
    /// 结束点
    /// 
    private Vector2 GetBetweenPoint(Vector2 start, Vector2 end)
    {
        //两点之间垂直距离
        float distance = end.y - start.y;
        float y = start.y + distance / 2;
        float x = start.x;

        if (start.x != end.x)
        {
            //斜率值
            float k = (end.y - start.y) / (end.x - start.x);
            //根据公式 y = kx + b ， 求b
            float b = start.y - k * start.x;
            x = (y - b) / k;
        }
        
        Vector2 point = new Vector2(x, y);
        return point;
    }

实现效果

参考文章链接