sketch中智能布局的应用——按键与表格

智能布局只有在将内容变成组件后，在控件区内进行布局调整，未变成组件则不可使用智能布局。

作用：让控件自己生长，想让它往什么方向生长就设置什么方向的自适应

下面用两个案例来展示我在学习智能布局过程中的探索，希望能给大家带来启发和帮助～

案例1：制作自己会变长的居右按钮

方法：把按钮变成组件，在组件中，按钮画板水平从右对齐，其他不动，即可完成。随意增减按钮内容按钮位置始终不变，只是会从右往左长长。

案例2:  制作会自动换行的表格

1，做组件（单格/列/表）

制作标题单格组件，内容单格组件

用这两种单格拼成一列，编组，变成组件

复制列成为一个表格，编组，变成组件

2，设置组件

1）内容单格，固定内容文字宽度（文字多时会自动换行）；点击画板，设置为从垂直-上到下布局

2）列组件

点击画板设置为从上到下布局

3）表组件

点击画板设置为从上到下布局

3，应用

在画布上添加一个做好的表格，按自己的需求填入内容，可能会发现如下情况：表格整体外形还是长方形，但内部格对不齐了。

两种解决办法：

一种是直接横向拉长表格，使内容保持在一行，如下图

另一种是将同一行的未换行的单元格中的文字手动换行，即可对齐。

以上就是我的探索，希望能给大家带来帮助～

如有疑问欢迎评论区交流，谢谢～