示例

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

基础布局

• 基础用法 — 布局数据、拖拽、缩放和静态栅格项。
• 动态增减栅格项 — 在运行时增加和删除栅格项。
• 内容驱动高度 — 渲染内容变化时自动调整栅格行数。
• 移动和缩放事件 — 监听交互过程和结束时的事件。

交互约束

• 移动手柄 — 限制指针移动的起始区域，并排除交互控件。
• 多方向缩放 — 从任意边或角缩放，并覆盖单个栅格项的方向。
• 自定义缩放手柄 — 替换手柄视觉，同时保留已配置方向和内置缩放交互。
• 栅格项限制在容器内 — 防止栅格项越过栅格边界。
• 拖拽阈值 — 调整开始拖拽前所需的移动距离。
• 阻止碰撞 — 拒绝与其他栅格项重叠的位置。
• 允许重叠 — 叠放栅格项并调整层级。

响应式与定位

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

拖放

• 原生拖放 — 使用原生拖拽事件添加固定尺寸的栅格项。
• 从外部拖入 — 为不同来源设置尺寸和放置规则。
• 跨网格拖拽 — 在多个受控栅格之间移动完整栅格项。

样式定制

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

高级 API

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