偏
锚点的像素偏移:{"左": px, "上": px, "右": px, "下": px}(默认 0,可负)——在 锚 比例定位的基础上做像素级微调。
xuantie
// 主区:四锚拉伸,但给 220 宽侧栏和 40 高顶栏让位
"锚": {"左": 0, "上": 0, "右": 1, "下": 1},
"偏": {"左": 220, "上": 40, "下": -28}你可以……
- 留边距:贴右钮往内收 8px——
"锚": {"右": 1}, "偏": {"右": -8} - 让位布局:双锚拉伸时用偏移切出固定区——顶栏 40px:
"偏": {"上": 40} - 越界探出:偏移可负可正,允许探出父容器边界(做悬浮卡、弹出层)
注意
- 正负方向:偏正值把该侧边向外推(远离锚边)——
左/上正=向右/向下,右/下正=继续向右/向下(探出边界)。想"贴底上移 68px 给底栏让位"必须写负值:"偏": {"下": -68};写"下": 68会把底边再往下推 68px(矩形探出窗口,常被底栏遮住而"看起来正常")。 - 偏只服务于锚:
锚不设时偏无意义。 - 双锚轴的尺寸公式:
槽位尺寸×(远比-近比) + 远侧偏 - 近侧偏——想让拉伸区"两头各留 10px",写"偏": {"左": 10, "右": -10}。
