如何用Anima搭建一个限制最小宽度的弹性按钮

🤓需求方是这么说的：我需要一个按钮，当他文字变多时，按钮长度也跟着变长，保持与边框一定距离即可。这个anima插件的padding功能已经绰绰有余了。

然后问题来了！！！

当我按钮文字只有2个字的时候，这个按钮就变得特别的短，可这不是我想要的啊！！！

我想要的是：它有一个最小尺寸的限定，当文字之后2个字，按钮仍然保持4个字时的默认宽度

虽然Anima插件Pins中有一个最小值min和最大值max的设定，但它并不是我们想象中和CSS一样可以叠加使用的，不行你自己试试看～

那怎么办呢？？？？

好了，不废话了，插件是死的，人是活的，办法总会有的！进入正题。。。

在文字图层的下方新建一个无边框无颜色的矩形，大小和文字保持一致，我给他命名为“空”，它确实就是空的，就是用来撑开这个按钮的占位符而已。

然后关键点来了！！！选择“空”图层，使用anima插件的pins功能，定位左右边距为0

⚠️注意：这个pins的作用是让“空”图层保持一定的最小宽度，所以在做组件的时候，如果你的最小宽度是4个字，那默认的组件需要做成4个字，而不是2个字！！！

好啦！我们的需求就实现啦～

如果你还要换按钮的颜色，那在“按钮底色”的图层上多加几个图层样式就可以啦。

附上sketch源文件，不懂的自己下载来解剖吧