القائمة
Use AutoLayout control to arrange children with Figma-like spacing, alignment, and padding.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Create and use commands in MVUX for user interactions.
Create and use IFeed<T> for async data in MVUX.
Display async feed data with FeedView control.
Create and use IListFeed<T> for reactive collections in MVUX.
Create and use IListState<T> for mutable reactive collections in MVUX.
Use messaging to sync MVUX states with entity changes.
| name | uno-toolkit-autolayout |
| description | Use AutoLayout control to arrange children with Figma-like spacing, alignment, and padding. |
| when_to_use | Use when building layouts that mirror Figma Auto-Layout, arranging children in rows or columns with uniform spacing, using space-between distribution, per-child alignment overrides (CounterAlignment), or converting Figma designs to XAML. |
| metadata | {"author":"uno-platform","version":"2.3","category":"toolkit"} |
Docs lookup: call
uno_platform_docs_search(...)first, thenuno_platform_docs_fetch(sourcePath="…")using thesourcePathfield from a result (a relative.mdpath; add the result'sanchorfor a section). Never pass a URL, a.htmllink, or a hand-built path.
uno_platform_docs_search("Uno Toolkit AutoLayout panel Figma spacing alignment")
Primary documentation page:
external/uno.toolkit.ui/doc/controls/AutoLayoutControl.mdFetch the page:
uno_platform_docs_fetch(sourcePath="external/uno.toolkit.ui/doc/controls/AutoLayoutControl.md")
uno_platform_docs_search("AutoLayout howto walkthrough example Figma")
Container properties (set on the <utu:AutoLayout> element itself):
Orientation — Horizontal or Vertical (primary axis)Spacing — gap between children (like Figma auto-layout spacing)Justify — SpaceBetween distributionPrimaryAxisAlignment — alignment on the primary axis (Start, Center, End, Stretch)CounterAxisAlignment — alignment on the cross axis (Start, Center, End, Stretch)Padding — Figma-anchor-style padding (Thickness)Per-child attached properties (set on children of an AutoLayout, note: NOT the same names as the container properties):
utu:AutoLayout.PrimaryAlignment — override on primary axis (Auto or Stretch)utu:AutoLayout.CounterAlignment — override on counter axis (Start, Center, End, Stretch) — CounterAlignment, NOT CounterAxisAlignmentutu:AutoLayout.PrimaryLength — fixed size along orientation axis (double)utu:AutoLayout.CounterLength — fixed size perpendicular to orientation (double)utu:AutoLayout.IsIndependentLayout — absolute positioning (bool)There is no AutoLayout.Counterpart, no AutoLayout.SetCounterAxisAlignment(...), no AutoLayout.Align, no AutoLayout.MainAxis, no AutoLayout.CrossAxis. If unsure, the canonical surface is the table above — do not invent member names.
XAML namespace: xmlns:utu="using:Uno.Toolkit.UI"