11000+款5星资源
8.5万+用户参与评分
10万+社区成员鼎力支持
每款资源都经过 Unity 审核
| Unity版本 | 内置渲染管线 | 通用渲染管线（URP） | 高清渲染管线（HDRP） |
|---|---|---|---|
| 2021.3.45f1 | 兼容 | 兼容 | 兼容 |
flexalon.com | Documentation | Discord
Flexalon UI Layouts is a drop-in replacement for uGUI Layout Groups, which gives you more control and options in building your UI. The layouts are responsive, adapting to the screen size and to the text and images within the layouts.
- uGUI Horizontal / Vertical Layout Group -> Flexalon Flexible Layout
- uGUI Grid Layout Group -> Flexalon Grid Layout
Check out Flexalon Pro: 3D & UI Layouts to get more layouts, including circles, curves, shapes, and more.
Design with Superpowers
In addition to layouts, Flexalon provides powerful built-in Animators and Interactables, enabling you to create a UI with smooth interactions such as reordering lists and drag-and-drop between layouts.
NOT A New UI Framework
Flexalon extends the built-in uGUI framework. Flexalon won’t break your existing workflow, and does not have any dependencies. Flexalon only edits objects that have Flexalon Layout Components attached.
=== FEATURES ===
- Sizing: Precisely control width, height, and depth of objects.
- Fill & Shrink: Automatically size objects and layouts to fit the available space.
- Min / Max: restrict the size for objects and layouts.
- Margins and padding: Add empty space around objects and inside layouts.
Layouts
- Flexible Layout: Stack children linearly along the x, y, or z axis, with optional wrapping, alignment, gaps, and shrinking. Think CSS Flexbox in 3D.
- 3D Grid Layout: Arrange objects in evenly spaced rows, columns, and layers with rectangular or hexagonal cells.
- Check out Flexalon Pro: 3D & UI Layouts to get more layouts, including circles, curves, shapes, and more.
- Curve Animator: Animate objects between layout positions with an adjustable animation curve.
- Lerp Animator: Animate objects between layout positions using linear interpolation.
- Flexalon Interactable: Add click and drag interactions, allowing users to add, remove, and rearrange objects in layouts.
- Cloner: Automatically generate objects based on a data source
- Data Binding: Implement an interface to update UI from a data model.
