如何在 figma 或 adobe xd 中创建步进器？

Question

所以我想了解如何创建带有加号和减号（它们之间的数字，即从购物车中添加或减去）的步进器（具有组件状态），当单击时，添加或减去。

我看了一个教程，但是当我将加号、减号和#s 组合在一起，添加一个组件状态，然后尝试将 0 向上移动到下一个组件状态的 1 时，零向上移动但它只在它下面留下空白并且不显示它下面的数字（在本例中为 1）。

是否有任何其他方法来创建它，或者如果只有“0”在下面有白色移动，我可能会做错什么？

Answer 1

兴趣问题。 当然，我不能简单地告诉您使用步进器组件的所有功能，但您可以使用现成的源代码。

在这里您可以看到 Material Design 提供的步进器选项并使用它们 -

https://m1.material.io/components/steppers.html#steppers-types-of-steps

在这里你会发现 Figma 中的一个库，你可以在你的布局中重复使用它 -

https://material.io/blog/material-3-figma-design-kit