用途
本技能提供 SAP Fiori 布局结构与容器组件的使用指南，帮助在具体用例中判断应选用哪种布局组件，以及在什么情况下不应使用某个组件。
适用时机：
- 用户询问“我应该为某用例使用某组件吗？”
- 用户需要在相似组件之间做选择
- 用户询问组件最佳实践
- 用户想了解何时不应使用某组件
覆盖的组件
Action Bar、Bar、Card、Dynamic Page、Dynamic Side Content、Flexible Column Layout、Layout Panel、Panel、Settings、Tool Layout、Wizard。
主要能力（各组件要点）
Action Bar：显示在页面顶部，包含页面标题、描述、返回按钮和操作按钮，提供页面级导航与操作。适用于展示页面标题与描述、提供返回按钮、显示影响整个视图的页面级操作、控制全局 UI 设置、显示始终可见的顶部操作。应避免用于：屏幕底部的最终确认操作（改用 fd-bar 的 footer 模式）、条目级操作（改用 fd-toolbar）、应用级导航（改用 fd-shellbar）。最佳实践包括：使用 fd-title 配合正确的语义标题层级（H1 视觉上按 H3 样式）、左侧放置返回按钮、主操作放在右侧、主页面操作用 fd-button--emphasized、按钮数量限制在 3-5 个、长滚动页面将操作栏固定在顶部、页面标题在无障碍上必须是 H1。
Bar：可容纳文本、标题、按钮和输入元素的容器，用于页面头部、子头部、页脚和浮动页脚。适用于页面/对话框/弹出框的头部、子头部、页脚、浮动页脚，少量组件的容器，对话框头尾，带标题和操作的页面级栏，带操作按钮的页脚栏。应避免用于：需要内置溢出菜单的大量组件容器（改用 fd-toolbar）。最佳实践包括：使用 fd-bar--header、fd-bar--subheader、fd-bar--footer、fd-bar--floating-footer 等修饰符，用 fd-bar__left 和 fd-bar__right 定位内容，用 fd-bar__element 包裹每个组件。
Card：代表应用或页面的容器，提供便捷访问与内容预览，由可选构建块组成：Header、Extended Header、Numeric Content、Content、Footer、Media Block，可展示图表、列表、表格、对象、文本等内容。适用于让用户便捷访问与业务任务相关的应用或页面、展示 KPI 或最重要内容预览、让用户无需跳转即可完成简单操作、在 SAP Fiori launchpad 上提供卡片或嵌入其他控件、聚焦单一对象/主题或一组对象。应避免：同一应用的卡片之间信息应彼此不同；卡片不可编辑，尺寸随布局固定。
Dynamic Page：所有 SAP 页面的基础，通用布局，支持可变头部与页面内容，头部可折叠以聚焦内容，同时保持重要头部信息和操作可用。适用于构建自由式应用、需要可折叠头部、使用动态页面头部和页脚工具栏、需要标准 SAP 页面布局、头部与页面内容可变、多个分区配合可折叠头部。应避免：信息量很少时改用 Dialog；若不可避免，可用 letterboxing 缓解。
Dynamic Side Content：在独立区域显示补充内容的布局控件，包含侧内容区（.fd-dynamic-side__side）和主内容区（.fd-dynamic-side__main），屏幕宽度比例随可用空间变化，侧内容显示在左/右，空间受限时显示在底部。适用于显示丰富主内容、帮助用户完成任务的信息，信息只有与主容器并排才有意义，内容影响主内容（如列表筛选、图表设置、地图详情），需要基于屏幕尺寸的自适应布局。应避免：必须始终可见的关键信息应放入主内容；即使没有侧内容也需要的核心功能应放在主区域；与主区域无关的内容应使用独立分区。
Flexible Column Layout：在单页显示多个 floorplan 的布局控件，支持最多 3 列（1、2、3），用户可调整列宽、切换布局、全屏查看最右列，并具备桌面与移动端响应式。适用于创建列表-详情或列表-详情-详情布局、支持下钻或 floorplan 间导航、更快地在多个 floorplan 间导航、显示最多 3 列相关内容、允许用户调整列宽和切换布局。应避免：构建工作台或工具布局、显示丰富主内容的附加内容（改用 Dynamic Side Content）、创建上下文无关页面的仪表盘、打开同一对象类型的多个实例、将单个对象拆分为多列、仅显示少量信息、在列中嵌入 SAP Fiori launchpad 或概览页。
Layout Panel：封装页面上的部分内容、表单元素、列表、集合，将模式与交互放入面板以实现聚焦与分隔。适用于封装页面部分内容、分组表单元素、在受限区域显示列表或集合、为任务实现聚焦与分隔、将信息组织为不同分区、在内容区域间创建视觉边界。应避免：无需分组的单一内容、整页布局、在面板中显得局促的极小内容、不必要的视觉分隔。
Panel：用于分组和显示信息的容器，响应式且可折叠以节省屏幕空间，分固定（始终可见）和可展开（可折叠）两种类型。适用于分组或显示相关信息、让用户隐藏信息以节省空间、按需显示附加信息（如可选高级搜索字段）、创建可折叠分区、显示无需始终可见的可选内容。应避免：用于 Dynamic Page 内容区（改用其原生分区）、必须始终可见的关键信息、无需分组的单一内容。
Settings：设置对话框，采用分栏布局：左侧选项组列表，右侧对应设置详情，由 Toolbar、IconTabBar、Bar 和表单组件构建。适用于让用户个性化应用体验、调整各种应用设置、将设置组织为逻辑分组、提供全面的设置管理界面。应避免：单个设置或偏好、需要快速切换的场景、仅影响单个页面的设置、简单的开/关偏好。
Tool Layout：由三个主要区域组成：Tool Header（始终存在，顶部对齐，含全局操作和导航控件）、Navigation（展开或收起变体的侧边导航）、Content（可容纳任意内容的空容器）。适用于构建基于工具的应用、需要顶部对齐的全局操作头部、需要侧边导航控件、需要头部/导航/内容三区结构、需要持久导航的应用、工具或工作区布局。应避免：简单页面布局、无工具的以内容为中心的页面、无需导航的场景、仪表盘布局。
Wizard：通过将长任务或陌生任务划分为多个部分来引导用户，包含引导屏幕（输入所需信息）和摘要页（提交前只读复核），分标准型（线性、步骤已知）和分支型（非线性、步骤可变），支持 3-8 步，允许可选步骤。适用于用户需完成长或陌生任务、任务包含最少 3 步最多 8 步、线性推进已知步骤、非线性可变步骤、多步数据录入或配置、复杂流程需要引导、提交前需要最终复核。应避免：任务只有 2 步、任务超过 8 步、用户熟悉的任务格式、简单的单页表单。
使用方式
当用户提出组件选择或最佳实践相关问题时，依据上述各组件的适用场景、应避免场景和最佳实践给出建议。资料中未提供具体的安装命令或代码调用方式。
适用场景
适用于 SAP Fiori 应用界面设计中的布局与容器组件选型、组件使用规范咨询、组件适用性判断。
限制
资料中未提供收费、价格、平台支持范围、具体安装步骤等信息。部分组件条目的最佳实践内容在资料末尾被截断（如 Wizard 的“3-8 steps (mini”），此处不补全。