别再被Unity的RectTransform搞懵了！手把手教你用代码搞定UI自适应布局（附视频播放器全屏案例）
Unity UI自适应布局实战：用代码彻底掌握RectTransform
第一次在Unity中拖拽UI元素时，那种"明明在编辑器里摆得很好，运行时却面目全非"的挫败感，相信每个UI开发者都深有体会。屏幕分辨率千差万别，设备比例五花八门，而我们的UI必须优雅应对所有情况。本文将带你深入RectTransform的核心机制，通过代码实现精准控制，让UI元素在任何屏幕上都能完美适配。
1. RectTransform核心概念解析
RectTransform是Unity UI系统的基石，它继承自Transform但添加了专为2D界面设计的布局功能。理解它的三个核心属性是掌握自适应布局的关键：
1.1 锚点(Anchors)：父物体坐标系下的定位基准
锚点定义了UI元素与父容器的相对位置关系。在代码中通过anchorMin和anchorMax两个Vector2属性控制：
// 设置锚点为父容器的左下角(0,0)到右上角(1,1) rectTransform.anchorMin = Vector2.zero; rectTransform.anchorMax = Vector2.one;锚点坐标系以父容器的左下角为(0,0)，右上角为(1,1)。当anchorMin和anchorMax值不同时，会形成一个锚点区域，UI元素将相对于这个区域进行布局。
1.2 中心点(Pivot)：自身坐标系下的变换基准
中心点决定了UI元素的缩放和旋转基准位置。在代码中通过pivot属性控制：
// 设置中心点为元素中心(0.5,0.5) rectTransform.pivot = new Vector2(0.5f, 0.5f);中心点坐标系以元素自身的左下角为(0,0)，右上角为(1,1)。当需要实现以特定点为中心的动画时，调整pivot非常有用。
1.3 偏移量(Offsets)：元素与锚点的间距
偏移量包括offsetMin(左下偏移)和offsetMax(右上偏移)：
// 设置元素与锚点区域边界的间距 rectTransform.offsetMin = new Vector2(10, 10); // 左和下 rectTransform.offsetMax = new Vector2(-10, -10); // 右和上2. 锚点的四种组合模式及代码实现
锚点的不同组合会直接影响UI元素的布局行为。下面通过代码示例展示四种典型情况：
2.1 锚点完全分离模式
当anchorMin和anchorMax不同时，UI元素会固定在锚点定义的区域内：
// 创建一个占父容器左半部分的UI元素 rectTransform.anchorMin = new Vector2(0, 0); rectTransform.anchorMax = new Vector2(0.5f, 1); rectTransform.offsetMin = Vector2.zero; rectTransform.offsetMax = Vector2.zero;这种模式下，UI元素会随着父容器尺寸的变化而自动调整大小和位置。
2.2 水平锚点重合模式
当锚点的X值相同而Y值不同时，适合创建垂直滑动列表中的元素：
// 创建一个宽度固定、高度自适应的元素 rectTransform.anchorMin = new Vector2(0.5f, 0); rectTransform.anchorMax = new Vector2(0.5f, 1); rectTransform.sizeDelta = new Vector2(300, 0); // 固定宽度300px2.3 垂直锚点重合模式
当锚点的Y值相同而X值不同时，适合创建水平滑动列表中的元素：
// 创建一个高度固定、宽度自适应的元素 rectTransform.anchorMin = new Vector2(0, 0.5f); rectTransform.anchorMax = new Vector2(1, 0.5f); rectTransform.sizeDelta = new Vector2(0, 200); // 固定高度200px2.4 锚点完全重合模式
当anchorMin和anchorMax相同时，UI元素会保持固定尺寸：
// 创建一个200x200的固定大小元素，居中显示 rectTransform.anchorMin = new Vector2(0.5f, 0.5f); rectTransform.anchorMax = new Vector2(0.5f, 0.5f); rectTransform.sizeDelta = new Vector2(200, 200); rectTransform.anchoredPosition = Vector2.zero;3. 实战案例：视频播放器的全屏切换功能
让我们通过一个完整的视频播放器案例，展示如何用代码动态控制UI布局：
3.1 初始化播放器UI
public class VideoPlayerController : MonoBehaviour { private RectTransform rectTransform; private Vector2 originalAnchorMin; private Vector2 originalAnchorMax; private Vector2 originalSizeDelta; private void Awake() { rectTransform = GetComponent<RectTransform>(); // 保存初始布局 originalAnchorMin = rectTransform.anchorMin; originalAnchorMax = rectTransform.anchorMax; originalSizeDelta = rectTransform.sizeDelta; } }3.2 实现全屏切换方法
public void ToggleFullscreen(bool isFullscreen) { if (isFullscreen) { // 全屏模式：锚点覆盖整个屏幕 rectTransform.anchorMin = Vector2.zero; rectTransform.anchorMax = Vector2.one; // 移除所有边距 rectTransform.offsetMin = Vector2.zero; rectTransform.offsetMax = Vector2.zero; } else { // 恢复原始布局 rectTransform.anchorMin = originalAnchorMin; rectTransform.anchorMax = originalAnchorMax; rectTransform.sizeDelta = originalSizeDelta; } // 保持视频比例不变 rectTransform.localScale = Vector3.one; }3.3 处理不同宽高比下的显示
public void AdjustForAspectRatio(float targetAspect) { float currentAspect = (float)Screen.width / Screen.height; if (currentAspect > targetAspect) { // 宽屏：左右留黑边 float normalizedWidth = targetAspect / currentAspect; rectTransform.anchorMin = new Vector2((1 - normalizedWidth) / 2, 0); rectTransform.anchorMax = new Vector2((1 + normalizedWidth) / 2, 1); } else { // 窄屏：上下留黑边 float normalizedHeight = currentAspect / targetAspect; rectTransform.anchorMin = new Vector2(0, (1 - normalizedHeight) / 2); rectTransform.anchorMax = new Vector2(1, (1 + normalizedHeight) / 2); } rectTransform.offsetMin = Vector2.zero; rectTransform.offsetMax = Vector2.zero; }4. 高级技巧与常见问题解决
4.1 动态计算元素尺寸
有时需要根据内容动态调整UI元素大小：
public void ResizeToContent(Text textComponent) { // 强制立即重建布局 LayoutRebuilder.ForceRebuildLayoutImmediate(textComponent.rectTransform); // 获取文本实际需要的尺寸 float preferredWidth = textComponent.preferredWidth; float preferredHeight = textComponent.preferredHeight; // 调整元素大小 rectTransform.sizeDelta = new Vector2( preferredWidth + paddingX, preferredHeight + paddingY ); }4.2 处理Canvas驱动的布局延迟
当Canvas显示"Some values driven by Canvas"时，直接获取rect属性可能不准确：
IEnumerator GetActualSize() { RectTransform rectTransform = GetComponent<RectTransform>(); yield return new WaitForEndOfFrame(); float width = rectTransform.rect.width; float height = rectTransform.rect.height; Debug.Log($"实际尺寸: {width}x{height}"); }4.3 复杂布局的组合应用
创建响应式网格布局的示例：
public void SetupGridLayout(int columnCount, float spacing) { RectTransform parent = GetComponent<RectTransform>(); float itemWidth = (parent.rect.width - (columnCount - 1) * spacing) / columnCount; for (int i = 0; i < childCount; i++) { RectTransform child = transform.GetChild(i).GetComponent<RectTransform>(); // 计算位置和大小 int row = i / columnCount; int col = i % columnCount; child.anchorMin = new Vector2(0, 1); child.anchorMax = new Vector2(0, 1); child.pivot = new Vector2(0, 1); child.sizeDelta = new Vector2(itemWidth, itemWidth); child.anchoredPosition = new Vector2( col * (itemWidth + spacing), -row * (itemWidth + spacing) ); } }掌握RectTransform的代码控制能力，意味着你不再受限于Unity编辑器的可视化工具，能够实现任何复杂的动态布局需求。从简单的按钮定位到复杂的响应式界面，代码驱动的UI布局提供了无限的可能性。