UI Flex Layout
W7 Assets
$7.45
$12.95
42%OFF
(no ratings)
|
Date |
Price |
|---|---|
|
Date |
Price($) |
|
07/04(2023) |
12.95 |
|
07/15(2024) |
7.45 |
|
11/27(2024) |
7.45 |
Jump AssetStore
A CSS Flexbox layout system implementation. Helps with dynamically arranging and sizing UI elements.A layout system driving UI rect-transform components. Suitable for many UI layout cases. Dynamically shrinks, wraps or grows items by their containers. Features are designed to reflect CSS' Flexbox behavior, with a few additions to improve customization.Flex-Container Features:Direction (Horizontal and Vertical) with reverse option.Wrapping and Reverse-WrappingJustify-ContentAlign-ContentAlign-ItemsMinimum Gap*Padding*Flex-Item Features:Flex-OrderFlex-GrowFlex-ShrinkFlex-Basis*Minimum Size* and Maximum Size*Align-SelfMargins** Sizes are validated dually (Relative Percentage + Constant in Pixels)Includes a Flex Linker component which acts like a content size fitter, fitting flex-item sizes to its sub-container item sizes.PerformanceOptimized to compute only when required.Works with Unity's layout passes to minimize recomputing.Other FeaturesUnity Animations supported.Sub-containers fully supported.Retains pivot points.Includes full source code.LimitationsMainly for Axis-Aligned UI components.CSS Flexbox 'Baseline' function is not available.May not work with Unity's built-in layout components correctly.Maintaining aspect ratio with dynamic sizes is difficult.DocumentationTo familiarize yourself with with Flexbox, I recommend this online guide:A CSS Guide To FlexboxThe documentation for this asset is also publicly available:UI Flex Layout DocumentationCONTACTEmail: w7assets@gmail.com
