定义界面中存在的所有列表项并识别它们的变体

怪 功能面板 变化 首先,: 界面中的不同列表项。 (大预览) 然后,将所有定义的列表项状态(次要、重音等)添加为每

个列表项的变体。这将使每个状态的每个原始组件/变体加倍,并且您将能够考虑列表项可能具有的所有可能状态。 定义的列表项状

示例:单面列表项有 3 个原始变体。如果它们有 2 个附加状态,我们会将它们添加到每个变体中 — 总共 9 个变体。(大

预览) 这就是我们首先想到解决

问题的方式,但您可以清楚地看到它的

问题:在背景和其他 中东移动数据库 元素不必要的重复的情况下,需要维护的变体数量膨胀。 现在,想象一下。让我们尝试更改以下内容: 辅助

背景(灰色)具有不同的颜色/角半径; 或者

标题的字体样式; 或者标题和副标题之间的间距; 或图像大小。 您必须查看每个变体(在我们的示例中总共 32 个变体)并手动更新每个变体,以便

协调这些更改。 简单地说,这成为维护这些组件的一种非常低效的方式。 然后让我们转向更好的方法:组合。 成分 我

们将从构建一个容器开始我们定义背景样式和填充(还可以包括角半径、阴影等),并嵌套通用内容占位,这将允许我们将其

与任何其他组件交换。 容器基本上定义了背景外观和用于托管任何内容的占位符区域。 容器基本上定义了背景外观和用于托管任何内

容的占位符区域。(大预览) 我们的列表项中将包含一些增强元素例如复选标记、导航 V 形、开关或按钮。由于它们可能适用于。