unity editor 圆角矩形

### 如何在 Unity 编辑器中实现圆角矩形 UI 组件

为了在 Unity 中创建带有圆角的矩形 UI 组件，可以利用 `Image` 组件并调整其属性。具体来说，通过设置 `Sprite` 的类型为 `Sliced` 或者 `Tiled` 并应用具有圆角效果的纹理资源。

#### 使用内置方法制作圆角矩形

如果希望快速获得一个简单的圆角矩形而不必自定义绘制逻辑，则可以直接使用 Unity 提供的功能：

1. 创建一个新的 Image 组件作为目标对象；
2. 将此图像组件的 Sprite 属性设为九宫格切片模式下的图片素材（该素材本身应具备圆角特征），这使得即使改变大小也能保持四角不变形[^1]；

对于更复杂的场景下需要程序化生成平滑曲线的情况，还可以考虑编写脚本来动态构建路径点进而渲染线条形成近似圆形转角的效果。不过通常情况下推荐优先尝试上述简便途径。

using UnityEngine;
using UnityEngine.UI;

public class RoundedRectangle : MonoBehaviour {
    public float cornerRadius = 10f; // 圆角度数
    
    private RectTransform rectTransform;
    
    void Awake(){
        rectTransform = GetComponent<RectTransform>();
        
        var image = gameObject.GetComponent<Image>();
        if (image != null){
            image.type = Image.Type.Sliced; // 设置为 Sliced 类型以便支持拉伸同时保留边角样式
            
            // 加载预处理过的含圆角的基础图形作为 sprite 资源
            image.sprite = Resources.Load<Sprite>("Path/To/RoundedCornerBase");
            
            UpdateCorners();
        }
    }

    /// <summary>
    /// 更新四个角落半径参数
    /// </summary>
    void UpdateCorners(){
        Vector2 sizeDelta = rectTransform.sizeDelta;
        foreach(RectTransform child in transform){
            switch(child.name.ToLower()){
                case "top-left":
                    child.anchorMin = new Vector2(0,1);
                    child.anchorMax = new Vector2(cornerRadius / sizeDelta.x , 1 - cornerRadius / sizeDelta.y );
                    break;
                
                case "bottom-right":
                    child.anchorMin = new Vector2(1 - cornerRadius / sizeDelta.x ,cornerRadius / sizeDelta.y );
                    child.anchorMax = new Vector2(1,0);
                    break;
                    
                default:
                    Debug.LogWarning($"未识别到名为{child.name}的孩子节点.");
                    continue;
            }
        }
    }
}

需要注意的是，在实际项目里应当根据需求选择合适的方式去达成目的，并且考虑到性能因素合理规划资源加载方式与实例化策略。