把 IntroImage.png 与 BlueprintImage.png 拖入项目面板的 _Textures 文件夹。

选择 IntroImage，把 Texture Type 设为 Sprite（2D and UI），Max Size 设为 2048，关闭 Mipmap，然后点击 Apply。

选择 BlueprintImage，把 Texture Type 设为 Sprite（2D and UI），Max Size 设为 1024，关闭 Mipmap，然后点击 Apply。

回到层级面板，确认 ContentPanel 的三个直接子对象依次为 IntroductionPage、NavigationPage、SettingsPage。

暂时只激活正在制作的页面，避免多个页面叠在同一区域影响观察。

激活 IntroductionPage，暂时关闭 NavigationPage 和 SettingsPage。

在 Image 组件的 Source Image 中选择 IntroImage。

把 Color 的红、绿、蓝通道设为纯白，透明度设为约 100/255。纯白避免给原图染色，适度透明让黑色内容背景参与最终效果。

点击 Set Native Size，让 Rect Transform 先恢复到图片的原始像素比例。

把锚点设为四向拉伸，并让页面最终填满 ContentPanel。当前项目关闭 Preserve Aspect，以铺满内容区域为优先。

观察人物、标志和文字的形状，确认当前拉伸结果仍然清楚可读；如果以后改用不同宽高比的图片，应重新权衡铺满、留白和裁切。

激活 NavigationPage，暂时关闭 IntroductionPage 和 SettingsPage。

把 BlueprintImage 赋给 Image 组件的 Source Image。

把 Color 的红、绿、蓝通道设为纯白、透明度设为约 100/255，再用 Set Native Size 观察原始比例。

把锚点和边距调整为四向拉伸，让地图最终填满 ContentPanel；当前项目关闭 Preserve Aspect。

确认展区名称和位置标记在当前拉伸结果中仍然清楚，理解这是一张静态导览图，不包含点击标记、自动寻路或玩家位置功能。

选择挂有 NavbarController 的对象，确认第 0、1、2 组目标页面依次为 IntroductionPage、NavigationPage、SettingsPage。

进入运行状态，依次点击介绍、导航、设置按钮，确认每次只显示对应页面。

选择 SettingsPage，保持对象本身激活。

让 Rect Transform 四向拉伸并覆盖 ContentPanel 的内容区域。

关闭 SettingsPage 上 Image 组件的勾选，让页面根对象不再绘制整块背景。

不要关闭 SettingsPage 整个对象，否则它下面的所有控件都会一起停止显示和交互。

在 SettingsPage 下规划六个功能组和一个 ResetButton。六个功能组使用纯深灰色 #1E1E1E 的矩形背景，不添加额外圆角精灵。

在 SettingsPage 下创建一个 UI Image 容器并命名为 BackgroundMusicControl，当前场景参考尺寸为 263.5 × 41.1。

清空容器 Image 的 Source Image，把 Color 设为纯深灰色 #1E1E1E，得到与当前页面一致的矩形背景。

在组内创建 Legacy Text 并命名为 BackgroundMusicLabel，文字设为“背景音乐”。

把字号设为 25、颜色设为白色，并使用水平居中和垂直居中。

导入 CustomToggle.unitypackage，把 Boolean Toggle 预制体拖入组内并命名为 BackgroundMusicToggle。

当前场景中的开关参考尺寸为 70 × 36，初始状态为开启；把它放在文字右侧并确认没有超出组边界。

复制整个 BackgroundMusicControl，而不是只复制标签或开关。

把副本改名为 VoiceNarrationControl，并移动到背景音乐组下方。

把标签改名为 VoiceNarrationLabel，文字改为“语音解说”。

把开关实例改名为 VoiceNarrationToggle。

确认两组尺寸、文字对齐和开关位置一致，同时保留各自独立的 Toggle 组件。

复制一组已有功能组，改名为 VisualStyleControl，并把标签改为 VisualStyleLabel，文字改为“风格”。

删除组内原有 Toggle，把 XR Interaction Toolkit 入门资源中的 Dropdown 预制体拖入组内。

把实例改名为 VisualStyleDropdown，当前场景中的参考尺寸为 260 × 60。

在 Dropdown 组件的 Options 中保留两个选项：“现代简约”和“复古怀旧”。

检查折叠状态中的标题文字，当前场景使用 35 号字，选项展开后应保持清楚可读。

把 Normal Color（普通状态颜色）设为蓝色 #0048FF，并检查 Highlighted（悬停）、Pressed（按下）、Selected（选中）和 Disabled（不可用）状态仍然有清楚差异。

检查背景 Image 的 Type 为 Sliced，Pixels Per Unit Multiplier 为 4，使圆角在拉伸后仍保持自然。

在 SettingsPage 下创建一个 UI Image 容器并命名为 ColorTemperatureControl，当前场景参考尺寸为 338.4 × 43.64。

清空容器 Image 的 Source Image，把 Color 设为纯深灰色 #1E1E1E，保持与左侧功能组一致的矩形背景。

创建 ColorTemperatureLabel，文字设为“色温”，沿用 25 号白色居中标签样式。

把入门资源中的 MinMaxSlider 预制体拖入组内并命名为 ColorTemperatureSlider。

当前场景中的滑动控件参考尺寸为 260 × 60，数值范围保持 0 到 1，初始值约为 0.495。

把滑动控件的 Normal Color（普通状态颜色）设为蓝色 #0048FF，同时保留悬停、按下、选中和不可用状态的差异。

创建 ColorTemperatureValueText，放在滑动条右侧并使用 15 号字；当前显示文字为 10，用于确认数值区域的版式和可读性。

确认 On Value Changed（数值变化时触发的事件）目前没有连接实际画面功能，本课只检查拖动和视觉反馈。

复制整个 ColorTemperatureControl，改名为 ExposureControl。

把标签改名为 ExposureLabel，文字改为“曝光”；把滑动控件和数值文字也改成 Exposure 开头。

再次复制整个组并改名为 SaturationControl。

把标签改名为 SaturationLabel，文字准确写成“饱和度”；把子对象统一改成 Saturation 开头。

确认 ColorTemperatureValueText、ExposureValueText、SaturationValueText 都使用 15 号字并显示 10。这个文字只呈现当前版式；由于 On Value Changed 没有连接更新方法，拖动滑块时文字不会自动变化。

让三组控件在右侧竖向对齐，并保持相同的标签、滑动条和数值文字间距。

在 SettingsPage 下创建 ResetButton，当前场景参考尺寸为 160 × 55.2，并放在页面底部中央。

为背景 Image 选择 Circle_60x60_Horizontal 精灵，把 Image Type 设为 Sliced。

把 Pixels Per Unit Multiplier 设为 4，检查左右圆角没有被横向拉扁。

在 Button 的 Color Tint 中把 Normal（普通）与 Selected（选中）设为蓝色 #0048FF，并让 Highlighted（悬停）、Pressed（按下）、Disabled（不可用）保持可辨认差异。

在按钮下创建 ResetButtonText，文字设为“重置”、字号设为 22，居中显示并确保不会拦截按钮操作。

进入运行状态悬停并按下按钮，确认颜色状态变化；本课不要求点击后立即改动其他控件数值。

进入运行状态，按 [ 切换到左手，再按 Shift + 1 打开菜单，确认默认显示 IntroductionPage。

点击导航按钮，确认 BlueprintImage 完整显示且只有 NavigationPage 激活。

点击设置按钮，确认六个功能组和 ResetButton 都在 SettingsPage 范围内。

分别操作背景音乐和语音解说开关，确认状态互不影响。

展开 VisualStyleDropdown，依次选择现代简约与复古怀旧。

逐一拖动色温、曝光和饱和度滑动控件，确认手柄各自响应。

悬停并按下 ResetButton，确认颜色反馈清楚。

再次依次切换介绍、导航、设置页面，确认控件状态不会造成页面重叠或导航失效。