符号简化的诀窍在于平衡动态元素和约束的使用。这可以最大限度地减少设计系统中所需的符号数量，从而易于维护和更改。
动态组件还允许您使用Sketch内置的调整大小功能来修改其内容，而不会破坏整体布局。这可以提高所有组件的灵活性，而无需根据内容不断调整符号。
本文将指导您创建以下动态组件：
按钮下拉列表文本字段
按钮 Buttons
本节向您展示如何使用Sketch的智能布局逐步创建单个按钮，该布局可以转换为任何大小、状态、颜色或类型。
00-1010创建一个用于所有按钮状态的颜色列表，并将它们保存为图层样式。对于命名约定，可以根据自己的习惯保存在“颜色”或者“按钮状态”下。如果您计划在设计系统中包含重影按钮，也可以创建轮廓图层样式。
00-1010为每个按钮状态创建一个文本样式。确保对齐方式设置为自动宽度，以防止在水平调整按钮大小时自动换行。
00-1010
Step 1
如果您的按钮样式包含图标，您只需执行此步骤。创建图标时，请确保允许覆盖，以便您可以使用图层样式轻松更改图标颜色。
00-1010现在，你可以把所有东西放在一起，开始设计按钮了。框架、图标和文本。对外观满意后，可以将其转换为符号，然后选择“水平居中”作为布局选项。转换后，请转到符号设置，并确保所有元素都允许覆盖。
完成后，符号面板上会有一个类似这样的文件夹。简单吧？
Step 2
接下来将向你展示如何创建一个响应式智能下拉列表，该列表可以根据项目数不同自动调整大小、更改列表项数以及编辑项目内容。
Step 1
创建带有图标和文本字段的列表项。确保将文本字段的对齐方式设置为auto-width并将图标固定在左侧。
Step 2
将列表项转换为Symbol，然后选择Horizontally Left to Right作为布局选项。接着请转到 Symbol 设置，确保允许对所有元素进行覆盖。
Step 3
现在该创建下拉列表组件了；你可以根据自己的喜好设置样式。根据下拉列表的最大高度放置列表项的最大数量；并按照顺序重新命名。
Step 4
将下拉列表转换为 Symbol，然后选择Vertical Top to Buttom作为布局选项。这样将会根据选择显示的列表项数来调整列表高度。
最终效果
文本字段 Text Fields
Step 1
为所有文本字段状态创建图层样式列表：default, focus, hover, error, disabled等。请确保每个状态下的文本样式都相同。
Step 2
将所有不同的元素组合在一起，形成一个灵活的文本字段。现在看起来可能很奇怪，但它的确可以让你做任何事情。
Step 3
将文本字段转换为Symbol ，然后选择None作为布局选项。接着转到Symbol页面并执行以下操作：
搜索图标应固定在Top Left占位符文本应具有auto-height，这样可以将文本包裹在文本字段中将搜索图标和占位符文本分组，然后将布局选项设置为Horizontal Left to Right眼睛和错误图标应固定在top right对除错误图标以外的所有元素进行分组，并将布局选项设置为Vertical Top to Bottom
