Layout & Surfaces

纵横比约束内容的宽高比例，保证媒体和容器在不同尺寸下稳定缩放。

允许内容突破父容器内边距或列宽，形成全宽或出血式布局。

定义响应式布局在容器或视口变化时切换结构和密度的阈值。

限制内容宽度、内边距和水平对齐的容器原语。

用于一维对齐、分配空间和响应式排列的布局原语。

描述块级内容沿阅读方向自动排列、换行和形成间距的布局基础。

描述行内内容的排列、对齐、换行和内联间距。

定义元素在层叠上下文中的层级、遮挡与定位关系。

为刘海、圆角屏幕、系统手势区和窗口边缘提供安全内边距。

定义可滚动区域的边界、滚动条、滚动阴影和键盘/触控行为。

在布局中提供可控空白和剩余空间分配的布局原语。

沿单一轴组织子元素并维护一致间距的布局原语。

承载内容并表达背景、层级或交互边界的表面原语。

调整面板、列、窗口或媒体尺寸的拖拽手柄。

表达可滚动区域位置和可操作范围的滚动条。

组织页面标题、上下文、主要操作和辅助信息的页头

允许用户拖拽调整面板、列或区域尺寸的复合容器。

承载辅助内容、筛选或上下文工具的侧边区域

在同一视图中并列展示列表与详情或两个相关区域

把相邻区域分成可拖拽调整大小的面板。

组织高密度信息、指标、筛选器和数据视图。

定义页面级容器、导航、主体和页脚的组合骨架。

根据屏幕和任务上下文调整导航、内容和辅助栏的应用壳