# xaml 布局控件

####  StackLayout

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-orientation-%E5%B8%83"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>Orientation</td><td>布局方向（Vertical/Horizontal）</td></tr><tr><td>Spacing</td><td>子元素间距</td></tr><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>HorizontalOptions</td><td>水平对齐方式</td></tr><tr><td>VerticalOptions</td><td>垂直对齐方式</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

#### Grid

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-rowdefinition"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>RowDefinitions</td><td>行定义（高度）</td></tr><tr><td>ColumnDefinitions</td><td>列定义（宽度）</td></tr><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>RowSpacing</td><td>行间距</td></tr><tr><td>ColumnSpacing</td><td>列间距</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

```
子元素特有属性：

Grid.Row：所在行
Grid.Column：所在列
Grid.RowSpan：跨行数
Grid.ColumnSpan：跨列数
```

#### FlexLayout

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-direction-%E4%B8%BB%E8%BD%B4%E6%96%B9"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>Direction</td><td>主轴方向（Row/Column）</td></tr><tr><td>Wrap</td><td>是否换行（NoWrap/Wrap/Reverse）</td></tr><tr><td>JustifyContent</td><td>主轴对齐方式</td></tr><tr><td>AlignItems</td><td>交叉轴对齐方式</td></tr><tr><td>AlignContent</td><td>多行对齐方式</td></tr><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

```
子元素特有属性：

FlexLayout.Order：排序权重
FlexLayout.Grow：放大比例
FlexLayout.Shrink：缩小比例
FlexLayout.Basis：主轴初始大小
FlexLayout.AlignSelf：单独对齐方式
```

#### AbsoluteLayout

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-padding-%E5%86%85%E8%BE%B9%E8%B7%9D-m"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

```
子元素特有属性：

AbsoluteLayout.LayoutBounds：位置和尺寸（如 "x, y, width, height"）
AbsoluteLayout.LayoutFlags：尺寸和位置的解释方式（All/None/WidthProportional/HeightProportional等）
```

#### VerticalStackLayout / HorizontalStackLayout

性能更优的垂直/水平堆叠布局

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-spacing-%E5%AD%90%E5%85%83%E7%B4%A0%E9%97%B4%E8%B7%9D"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>Spacing</td><td>子元素间距</td></tr><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>HorizontalOptions</td><td>水平对齐方式</td></tr><tr><td>VerticalOptions</td><td>垂直对齐方式</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

#### ContentView

<table id="bkmrk-%E5%B1%9E%E6%80%A7%E5%90%8D-%E8%AF%B4%E6%98%8E-content-%E5%86%85%E9%83%A8%E5%86%85%E5%AE%B9-"><thead><tr><th>属性名</th><th>说明</th></tr></thead><tbody><tr><td>Content</td><td>内部内容</td></tr><tr><td>Padding</td><td>内边距</td></tr><tr><td>Margin</td><td>外边距</td></tr><tr><td>BackgroundColor</td><td>背景色</td></tr></tbody></table>

#### 通用布局属性

```
HorizontalOptions、VerticalOptions：对齐方式（Start、Center、End、Fill）
Margin、Padding：外边距、内边距
BackgroundColor：背景色
IsVisible、IsEnabled、Opacity：可见性、可用性、透明度
WidthRequest、HeightRequest：宽高请求
```