编组 Group


- 选择:

- 样式:

- 整体缩放:

- 一下选择组内的所有图层

- 对整个组进行统一的调色

- 默认选择工具,文本不会随编组缩放,
image.png

画板 Frame


- 显示区域:

- 缩放:

- 约束只听从最近一级的frame

- space:拖拽画板内元素时,按住空格键,可以令元素显示在画板外,但依旧在frame图层列表内

- comd:沿拖拽方向缩放
- comd + alt:水平或垂直双向对称缩放
- comd + alt + shift:上下左右对称缩放
image.png image.png

布局约束

:::info Constraints :::

  • 约束只听从最近一级的frame
  • group没有布局约束的权限

    自动布局 Auto layout

    image.png

    栅格系统 Layout Grid

    :::info Layout Grid: :::

  • Grid:网格

  • Columns:纵向栅格
  • Rows:横向栅格

  • 横纵向栅格可以叠加

  • 栅格可以配合约束布局
  • 针对375这种奇数,除不尽的情况下,被栅格约束后,栅格会自动把多出或者不足的像素对齐栅格

文字&链接