完整界面

界面

不是裁剪图，也不是效果图。每一张都是本站构建期间工具包渲染出的窗口。

演示应用

所有组件集中在一个窗口里，带菜单栏、标签页、主题选择器，以及一条实时性能状态栏。

同一窗口，从右向左

在 ar 翻译下把方向轴翻转的演示应用：菜单栏、标签页、输入框、滚动条和性能页脚都从右侧读起，其中的文字按阿拉伯文应有的方式连写与重排。没有重写任何界面——方向是一条继承的轴，像控件尺寸一样设置。

一个表单

标签、带校验的字段、一个选择项、一个开关和操作行：表单指南里的完整示例。

完成布局的窗口

工具栏、内容区旁的侧边栏，以及一行状态：布局指南里的完整示例。

每一档尺寸

同样的五个控件，重复五次，从上方的 XSMALL 到下方的 XLARGE。没有一个被指定宽度、字体或内边距：每一行只被告知一个控件尺寸，而内边距、字号、圆角与点按区域会一起变化。

3D 视口

三盏灯下的基于物理的材质，渲染到线性高动态范围目标，再作为一个 2D 图层合成。滚动视图裁剪它，和裁剪其他任何组件一样。拖动可环绕观察，滚动可缩放。

主题编辑器，一个你可以随包发布的控件

配色就是数据，所以编辑它本身就是一个界面。而这个界面是你的应用可以嵌入的模块，不是住在我们仓库里的工具。拖动圆角滑块，窗口就在同一帧里换装：画面里的每个输入框、按钮和色块。旁边的报告会把每种墨色对着它可能落下的每一种表面来量，所以对比度不过关的配色会当场露馅。