示例

第一次使用可以先看基础用法。已经有明确需求时，直接按功能查找。

基础布局

基础用法 — 布局数据、拖拽、缩放和静态栅格项。
动态增减栅格项 — 在运行时增加和删除栅格项。
移动和缩放事件 — 监听交互过程和结束时的事件。

交互约束

拖拽和缩放手柄 — 将交互限制在指定手柄上。
栅格项限制在容器内 — 防止栅格项越过栅格边界。
拖拽阈值 — 调整开始拖拽前所需的移动距离。
阻止碰撞 — 拒绝与其他栅格项重叠的位置。
允许重叠 — 叠放栅格项并调整层级。

响应式与定位

响应式 — 随断点切换列数与布局行为。
预设响应式布局 — 为指定断点提供显式布局。
镜像栅格布局 — 将逻辑原点放在右侧。
水平压缩 — 沿水平方向压缩栅格项。
无压缩 — 保留栅格中的空白区域。
定位策略 — 对比 transform、绝对定位与缩放定位。

拖放

原生拖放 — 使用原生拖拽事件添加固定尺寸的栅格项。
从外部拖入 — 为不同来源设置尺寸和放置规则。

样式定制

定制栅格线 — 绘制跟随布局尺寸变化的栅格线。
定制占位符 — 调整交互时显示的占位符。
栅格背景 — 使用 GridBackground 绘制栅格线。

高级 API

配置分组 — 分组组织栅格、拖拽、缩放与放置配置。
组合式 API — 使用布局引擎和自定义页面结构。