[Sketch技巧] 原生布局-自适应最窄宽度居中按钮的制作工序

场景描述：今天遇到个再正bi常shi不zhen过duo的需求：

• 制作一个按钮控件，高度 40px；
• 最小宽度为 105px，当内部文字过长时自适应宽度；
• 文字居中显示；
• 当自适应宽度时，保持按钮左右内边距 10px。

设计工具

• Sketch v74.1 (2021-11)

问题描述

1. 按常规思路，创建控件，设好宽高、最窄宽度：
   

2. 在上面 R 一个矩形，调整尺寸为四周靠齐：
   

3. 但是在添字时发现了问题：做不了内边距 10px
   

因为一拉宽度对齐方式就变了 (不能自适应)

😅😅😅

解决方案

1. 创建控件，设好宽高、最窄宽度；

2. 画好矩形，画小一点；

3. 添上文字，设好对齐方式；
   

4. 接下来直接把画板拉宽到 105px
   

5. 🆗 只有字多到超出文本框后，控件才会变长
   

成果总结

一方面是自学 Sketch，总有操作不当之处；另一方面需求压迫，不得不找出解决方案。
不知道这是不是 Sketch 的 bug，但是黑猫白猫都是好猫，能解决问题就不错！