flexalon.com | 文档 Documentation | Playground | Templates | Discord

4.0 版本 - UI 更新: 你现在可以使用 Flexalon 在 Canvas 下构建 UI、为布局添加动画，并加入点击/拖拽交互。了解更多。

让我们重新想象如何构建 3D 体验

Flexalon 组件让你能够在编辑模式和/或运行时，快速将对象排列成可调的 3D 结构。布局的能力不应只局限于 2D。你也可以访问 Playground，在浏览器中直接体验。

设计如同拥有超能力

使用 Flexalon 的 Animator 组件制作沉浸式动态图形，让你的游戏、界面与过场动画更具生命力。

轻松集成

Flexalon 不会破坏你现有的工作流，也没有任何依赖。Flexalon 只会编辑挂载了 Flexalon Layout 组件的对象。

一切由你掌控

你可以选择让 Flexalon 在编辑时运行、在游戏中运行，或只在你需要的时候手动运行。

Flexalon Template Pack: Flexalon Pro 的免费附加包，帮助你快速上手。包含 16 个可直接运行的示例，你可以学习并复制到自己的场景中！可在 flexalon.com/templates 下载。

功能

Flexalon 对象

• 尺寸控制（Sizing）：精确控制对象的宽、高、深。
  填充与收缩（Fill & Shrink）：根据可用空间自动调整对象与布局的尺寸。
  最小/最大（Min / Max）：限制对象与布局的最小/最大尺寸。
  外边距与内边距（Margins and padding）：为对象周围以及布局内部增加留白空间。

布局

• 弹性布局（Flexible Layout）：沿 x / y / z 轴线性排列子对象，可选换行（wrapping）、对齐、间距（gaps）与收缩（shrinking）。相当于 3D 版的 CSS Flexbox。
• 3D 网格布局（3D Grid Layout）：用矩形或六边形单元格，将对象排列成等间距的行、列与层。
• 圆形/螺旋布局（Circle Spiral Layout）（PRO）：将对象排列在圆形上，可等间距或固定间隔，并可扩展为螺旋或同心圆。
• 曲线布局（Curve Layout）（PRO）：沿直线或贝塞尔曲线排列对象（支持任意数量控制点）。可通过 4 种扩展方式无限重复曲线。
• 随机布局（Random Layout）（PRO）：随机化位置、旋转与尺寸。有时你就是需要“乱中有序”。
• 对齐布局（Align Layout）（PRO）：将所有子对象对齐到父对象的任意面、边或角。
• 形状布局（Shape Layout）（PRO）：按指定边数排列成几何形状。非常适合单位队形与人群排列。
• 约束（Constraints）（PRO）：将一个对象或布局附着到另一个对象/布局上，即使它们位于不同层级结构中。
• 自定义布局（Custom Layouts）：通过继承基础组件创建你自己的布局。

动画器

• 曲线动画器（Curve Animator）：使用可调动画曲线，在布局位置之间为对象做动画。
• 插值动画器（Lerp Animator）：使用线性插值在布局位置之间做动画。
• 刚体动画器（Rigid Body Animator）：通过施加力，让刚体朝布局位置运动。
• 自定义动画器（Custom Animators）：通过实现接口创建你自己的动画策略。

点击与拖拽

• 可交互组件（Flexalon Interactable）：添加点击与拖拽交互，让用户在布局中添加、移除与交换对象。
• XR 交互（XR Interactions）：内置支持 Oculus Interaction SDK 与 XR Interaction Toolkit。可用手或控制器在布局之间拖拽对象。

数据绑定

• 克隆器（Cloner）：基于数据源生成对象。
• 数据绑定（Data Binding）：通过实现接口，用数据项更新对象内容。

适配器

• Flexalon 可自动适配以下组件：
• Mesh Renderer
• Sprite Renderer
• TextMeshPro
• Rect Transform（包含 Canvas）
• Collider & Collider2D
• Custom Adapters: 通过实现接口，让 Flexalon 适配你自己的组件。

致谢

营销视频中的 3D 模型与材质 不包含 在 Flexalon 3D Layouts 包中。它们来自资产商店中的其他优秀作者，包括：

• 2D/3D Chess Pack
• Metal Grids PBR
• Real Materials Vol.0
• Free Low Poly Swords
• Robot Hero : PBR HP Polyart