avalonia-controls-layout
CommunityMaster Avalonia layout containers for robust UI.
Authorlinuxdevel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Layout controls are essential for building responsive Avalonia UIs. This skill consolidates the core container APIs (Border, ScrollViewer, SplitView, Expander, Viewbox, and common panel variants) and documents typical pitfalls to help developers craft reliable, scalable layouts in Avalonia 12.
Core Features & Use Cases
- Border: a single-child container with background, border, padding, and optional shadows.
- ScrollViewer: scrollable content with configurable horizontal/vertical scrolling, offsets, extent, viewport, and auto-hide behavior.
- SplitView: two-region layout with a collapsible pane, configurable display modes, and pane/content properties.
- Expander: collapsible section with a persistent header and animated expand/collapse.
- Viewbox: scales its single child to fit available space with configurable Stretch options.
- Panel Variants: Grid, StackPanel, WrapPanel, DockPanel, UniformGrid, Canvas, and other layout patterns.
- Quick tips: avoid common pitfalls such as stacking layout controls inside a StackPanel that prevents scrolling, and ensure child elements declare Grid rows/columns where needed.
Quick Start
Create a simple responsive page using a SplitView with a ScrollViewer and a StackPanel of controls.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: avalonia-controls-layout Download link: https://github.com/linuxdevel/Avalonia-skills/archive/main.zip#avalonia-controls-layout Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.