Unity中获取UI元素无空白像素完美包围盒的实现咨询

核心思路 #

不用逐像素检测的话，直接利用Sprite自身的原始像素边界信息，结合UI元素的RectTransform缩放、位置转换，就能计算出贴合精灵的包围盒，而非依赖RectTransform的整体矩形范围。

具体实现步骤 #

1. 遍历每个Image元素，获取其Sprite的textureRect（这是精灵在纹理上的有效像素区域，已自动剔除空白部分）
2. 将该像素区域转换为UI元素的本地坐标范围
3. 把本地坐标转换为世界坐标，最后合并所有精灵的世界坐标边界

修改后的代码 #

private void OnDrawGizmos()
{
    var min = Vector3.positiveInfinity;
    var max = Vector3.negativeInfinity;

    foreach (var image in imageList)
    {
        if (!image || image.sprite == null) continue;

        Sprite sprite = image.sprite;
        RectTransform rt = image.rectTransform;

        // 计算精灵在UI本地坐标中的有效区域
        Rect spriteLocalRect = new Rect(
            (sprite.textureRect.x / sprite.pixelsPerUnit) - sprite.pivot.x * sprite.rect.width / sprite.pixelsPerUnit,
            (sprite.textureRect.y / sprite.pixelsPerUnit) - sprite.pivot.y * sprite.rect.height / sprite.pixelsPerUnit,
            sprite.textureRect.width / sprite.pixelsPerUnit,
            sprite.textureRect.height / sprite.pixelsPerUnit
        );

        // 将本地坐标角落转换为世界坐标
        Vector3[] corners = new Vector3[4];
        corners[0] = rt.TransformPoint(new Vector3(spriteLocalRect.xMin, spriteLocalRect.yMin, 0));
        corners[1] = rt.TransformPoint(new Vector3(spriteLocalRect.xMax, spriteLocalRect.yMin, 0));
        corners[2] = rt.TransformPoint(new Vector3(spriteLocalRect.xMax, spriteLocalRect.yMax, 0));
        corners[3] = rt.TransformPoint(new Vector3(spriteLocalRect.xMin, spriteLocalRect.yMax, 0));

        // 更新全局最小、最大坐标
        foreach (var corner in corners)
        {
            min = Vector3.Min(min, corner);
            max = Vector3.Max(max, corner);
        }
    }

    // 绘制贴合精灵的黄色包围盒
    if (min != Vector3.positiveInfinity && max != Vector3.negativeInfinity)
    {
        Bounds bounds = new Bounds();
        bounds.SetMinMax(min, max);
        Gizmos.color = Color.yellow;
        Gizmos.DrawWireCube(bounds.center, bounds.extents * 2);
    }
}

关键说明 #

• sprite.textureRect：这是Sprite导入时自动计算的有效像素区域，直接跳过了周围空白，是实现非逐像素检测的核心
• 坐标转换：通过pixelsPerUnit把像素单位转成UI本地坐标，再用TransformPoint适配UI的缩放、位置，确保包围盒和场景中UI的实际显示匹配
• 边界合并：保留原逻辑的全局最小/最大坐标合并，最终得到所有精灵的整体贴合包围盒

内容的提问来源于stack exchange，提问作者Hector