# Unity 技术开发日志  
**问题**:UI 元素在 Game 视图中显示为纯黑  
**日期**:2025-10-21  
**引擎版本**:Unity 2022.3 LTS  

---

## 问题描述  
- 在 Scene 视图中,`img_Background` 和 `btn_BeginGame` 可见。  
- 在 Game 视图中,这两个 UI 元素显示为纯黑,无法看到图案。

---

## 原因分析  
1. **材质使用错误**  
   `img_Background` 使用了 Standard Shader 的材质,该 Shader 不适用于 UI,导致渲染异常。

2. **Rect Transform 偏移异常**  
   `Left / Right / Top / Bottom` 偏移值均为负几千,UI 元素被定位到屏幕外,无法显示。

---

## 解决方案  
1. **更换材质**  
   将 `Image` 组件的 `Material` 属性设为 `None`,使用 Unity 默认的 UI/Default Shader。

2. **修复 Rect Transform**  
   - 重置 RectTransform:  
     - `Anchors` 设置为 `Min(0, 0) Max(1, 1)`  
     - `Left / Top / Right / Bottom` 设置为 `0`  
     - `Pos Z` 设置为 `0`  
     - `Scale` 设置为 `(1, 1, 1)`

---

## 修复验证  
- 修改后,Game 视图中 UI 元素正常显示,问题已解决。

---

## 后续注意  
- UI 元素不要使用 3D 材质,始终使用 UI/Default 或 UI/Unlit 材质。  
- 使用 Stretch 锚点时,注意偏移量不要设置过大,避免 UI 元素被定位到屏幕外。

更多推荐