sketch小技巧-有icon+文字的可拉伸可自动变长的Button

这是一个很基础的教程，就是自己刚用智能布局时有一点小混乱，现在明白了些，就权当写个笔记了。

实现效果——Icon+文字的按钮设置

第一种：可拉伸，icon+文字保持居中

• 首先，icon+文字单独是一个symbol

  
  

  
  

• 

• 其次，按钮的背景框，需要设置——四边“靠边固定”，这样拉伸阴影就不会变形。（这边因为阴影层是单独一层，所以需要做设置。如果只有一层背景，可不用）

    

• 最后，组合一起成为symbol时，对应居中；然后，布局那里设置为无。

第二种：边距固定，可自动根据文字长度变长

• 首先，排列好icon、文字和背景，居中对齐

• 然后，创建symbol时，设置布局：水平从左到右（三者看需求选择），就可以了

  
  

补充：所谓布局是指sketch的功能——智能布局

• 在创建symbols会出现第二个下拉那里可以选择

  
  

  
  

• 在控件那一页中，选中控件，右边出现的面板中可设置