Chapter 4. Anchors Away
用锚点、轴心、拉伸与Canvas Scaler三种模式建立多分辨率布局选择；用布局探针、事件路由和多分辨率发布门完成独立复核。
学习目标
- 能说明“Chapter 4. Anchors Away”如何用锚点、轴心、拉伸与Canvas Scaler三种模式建立多分辨率布局选择，并明确2015年uGUI原书与Unity 6现行资料的时代边界
- 能先预测“怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？”的布局或事件结果，再沿层级、矩形、画布、相机、射线和处理器逐阶段核对
- 能注入“只测试16:9参考分辨率，超宽屏和刘海竖屏中的按钮漂出安全区”，用“锚点归一坐标、轴心、偏移、参考分辨率、Match和安全区均被记录并在边界视口复核”决定接受、修正或拒绝UI发布
为什么从这个UI任务开始
锚点页把响应式布局还原为父矩形中的归一坐标与偏移；缩放模式解决的是度量政策，不能替代正确锚定。 “Chapter 4. Anchors Away”使用的贯穿任务是：为HUD固定四角按钮、拉伸中央状态栏，并比较三种Canvas Scaler模式在手机与桌面的结果。 操作前先预测哪个矩形、射线目标或事件处理器会变化，运行后再补理由不算预测。
本页围绕“怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？”建立正常、故障与恢复路径。只有“Chapter 4. Anchors Away”保持“锚点归一坐标、轴心、偏移、参考分辨率、Match和安全区均被记录并在边界视口复核”并交付Anchor Min/Max、Pivot、offset、参考分辨率、Match值、物理单位、宽高比矩阵、安全区截图和选择理由。，编辑器画面才构成UI证据。
书目、38组条目与UI时代
“Chapter 4. Anchors Away”以作者公告核对Simon Jackson在2014年发布的《Unity 3D UI Essentials》及其围绕Unity 4.6新UI、动态缩放、效果和世界空间界面的定位；出版社授权预览核对第一版详细目录，中文版书页核对《Unity UI设计》出版信息。课程分母为六章与附录合并后的38组公开目录条目。
“Chapter 4. Anchors Away”只依据作者公告、授权样章和公开目录限定范围，不逐段改写原文；解释、状态模型、交互、练习与答案均为独立教学重写。每个合并目录组保留组内全部英文小节名，不能用一个现代主题替换。
“Chapter 4. Anchors Away”另以技术核对 1、技术核对 2、技术核对 3核对现行技术事实。2015年的旧GUI对照、uGUI初版面板和源码仓库流程保留为原书时代轨；Unity 6的uGUI 2.0与UI系统比较只验证稳定布局、画布和事件机制或说明迁移边界，不能反向证明原书当年的菜单、包和默认值。
公开目录条目与UI机制
Dropping Anchor
↡Dropping Anchor对应目录条目组“Dropping Anchor”，在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 1/6。 在“Chapter 4. Anchors Away”的坐标1中，Dropping Anchor用于以父矩形中的归一锚点、轴心和偏移计算UI矩形；先锁定场景和层级，再用Anchor Min/Max、Pivot、offset、父尺寸与运行结果复核，出现只在参考分辨率拖出绝对坐标时不得发布。
Put a nail in it, and trim the sails
↡Put a nail in it对应目录条目组“Put a nail in it, and trim the sails”，在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 2/6。 Put a nail in it, and trim the sails进入“Chapter 4. Anchors Away”后要回答第2张布局卡：它怎样以父矩形中的归一锚点、轴心和偏移计算UI矩形、改变哪个矩形或目标、由哪些Anchor Min/Max、Pivot、offset、父尺寸与运行结果证明，并如何排除只在参考分辨率拖出绝对坐标。
Stretch it, bend it
↡Stretch it对应目录条目组“Stretch it, bend it”，在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 3/6。 围绕“怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？”，条目3把Stretch it, bend it解释为以父矩形中的归一锚点、轴心和偏移计算UI矩形；复核者先读取Anchor Min/Max、Pivot、offset、父尺寸与运行结果再判断画面，不能接受只在参考分辨率拖出绝对坐标。
Scaling and resolution
↡UI条目4对应目录条目组“Scaling and resolution”，在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 4/6。 对“Chapter 4. Anchors Away”而言，Scaling and resolution的最小合同是用视口裁剪内容并按产品度量政策缩放Canvas，第4次检查保存视口、内容边界、缩放模式、参考分辨率、Match与安全区；若产生以单一16:9截图替代边界矩阵，就回到层级、布局或事件上游。
Working with the constant default；Scaling to my view；Getting physical
↡UI条目5对应目录条目组“Working with the constant default；Scaling to my view；Getting physical”，在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 5/6。 第5个公开条目组Working with the constant default；Scaling to my view；Getting physical服务于用锚点、轴心、拉伸与Canvas Scaler三种模式建立多分辨率布局选择，需要以视口、内容边界、缩放模式、参考分辨率、Match与安全区呈现用视口裁剪内容并按产品度量政策缩放Canvas；以单一16:9截图替代边界矩阵会破坏“锚点归一坐标、轴心、偏移、参考分辨率、Match和安全区均被记录并在边界视口复核”。
Which to choose?
↡Which to choose?对应目录条目组“Which to choose?”，在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，并受Unity时代、层级、矩形、画布、输入和相机边界约束。公开坐标 6/6。 学习者在“Chapter 4. Anchors Away”中讨论Which to choose?前预测用视口裁剪内容并按产品度量政策缩放Canvas会改变哪项布局或交互状态，再读取视口、内容边界、缩放模式、参考分辨率、Match与安全区；观察到以单一16:9截图替代边界矩阵时保留失败轨迹。
先预测，再操作三个UI实验
1. 画布锚点与布局探针
切换“左上状态牌、底部拉伸栏、中央操作键”以及手机竖屏、横屏和桌面窗口，核对Anchor Min/Max、Pivot、offset与安全区怎样连接“Chapter 4. Anchors Away”。
画布与锚点探针
固定布局合同，再切换分辨率
怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？
目标视口
被测 RectTransform
Anchor Min / Max(0.05, 0.9) → (0.05, 0.9)
Pivot / Offset(0, 1) · +16, -16
本页目录坐标：Dropping Anchor、Put a nail in it, and trim the sails、Stretch it, bend it、Scaling and resolution、Working with the constant default；Scaling to my view；Getting physical、Which to choose?
Chapter 4. Anchors Away的可重放UI协议
| 阶段 | UI动作 | 必留证据 | 拒绝条件 |
|---|---|---|---|
| 声明锚点轴心和偏移 | 在“Chapter 4. Anchors Away”执行声明锚点轴心和偏移，只允许声明组件写入布局或状态 | Unity版本、场景层级、视口与初始状态 | 层级或对象身份不可追溯 |
| 选择缩放模式与参考值 | 在“Chapter 4. Anchors Away”执行选择缩放模式与参考值，只允许声明组件写入布局或状态 | RectTransform、Canvas、相机、射线与事件轨迹 | 只测试16:9参考分辨率，超宽屏和刘海竖屏中的按钮漂出安全区 |
| 覆盖宽高比和安全区 | 在“Chapter 4. Anchors Away”执行覆盖宽高比和安全区，只允许声明组件写入布局或状态 | 分辨率矩阵、构建截图、迁移与回退记录 | 无法重放或恢复基线 |
unit: "uid-04"
question: "怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？"
scenario: "为HUD固定四角按钮、拉伸中央状态栏，并比较三种Canvas Scaler模式在手机与桌面的结果。"
panels: ["左上状态牌", "底部拉伸栏", "中央操作键"]
stages: ["声明锚点轴心和偏移", "选择缩放模式与参考值", "覆盖宽高比和安全区"]
invariant: "锚点归一坐标、轴心、偏移、参考分辨率、Match和安全区均被记录并在边界视口复核"
fault: "只测试16:9参考分辨率，超宽屏和刘海竖屏中的按钮漂出安全区"
evidence: "Anchor Min/Max、Pivot、offset、参考分辨率、Match值、物理单位、宽高比矩阵、安全区截图和选择理由。"
reset: restore_viewport_panel_route_step_gates_and_artifact该协议要求“Chapter 4. Anchors Away”在相同Unity版本、场景、层级、视口、输入和初始状态下重放。重置后若视口、面板、路由模式、步骤、发布门或证据显示没有回到基线，交互状态已经污染比较，不能作为UI证据。
本页回顾
掌握“Chapter 4. Anchors Away”不是记住编辑器点击顺序，而是能围绕“怎样从产品约束选择固定像素、按屏幕缩放或物理尺寸，而不是靠拖动到某一分辨率看起来合适？”重建UI状态，并用“锚点归一坐标、轴心、偏移、参考分辨率、Match和安全区均被记录并在边界视口复核”拒绝“只测试16:9参考分辨率，超宽屏和刘海竖屏中的按钮漂出安全区”。最终交付为Anchor Min/Max、Pivot、offset、参考分辨率、Match值、物理单位、宽高比矩阵、安全区截图和选择理由。
练习与答案
练习
- 问题 1：UI合同。 “Chapter 4. Anchors Away”为什么必须先声明Unity版本、场景层级、视口、布局写入者、相机与输入模块？
- 问题 2：目录逐项覆盖。 怎样证明公开条目组已经进入机制、交互和练习？
- 问题 3：故障恢复。 怎样证明“只测试16:9参考分辨率，超宽屏和刘海竖屏中的按钮漂出安全区”已经被修正？
名词解释
名词解释
本章出现的专业名词，用大白话再讲一遍。
- Dropping Anchor
对应“Dropping Anchor”；在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，需要连接Unity时代、层级、矩形、画布、输入与目标。
- Put a nail in it
对应“Put a nail in it, and trim the sails”；在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，需要连接Unity时代、层级、矩形、画布、输入与目标。
- Stretch it
对应“Stretch it, bend it”；在“Chapter 4. Anchors Away”中用于以父矩形中的归一锚点、轴心和偏移计算UI矩形，需要连接Unity时代、层级、矩形、画布、输入与目标。
- UI条目4
对应“Scaling and resolution”；在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，需要连接Unity时代、层级、矩形、画布、输入与目标。
- UI条目5
对应“Working with the constant default；Scaling to my view；Getting physical”；在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，需要连接Unity时代、层级、矩形、画布、输入与目标。
- Which to choose?
对应“Which to choose?”；在“Chapter 4. Anchors Away”中用于用视口裁剪内容并按产品度量政策缩放Canvas，需要连接Unity时代、层级、矩形、画布、输入与目标。