| title | author | description | keywords |
|---|---|---|---|
AlignmentGrid XAML Control |
nmetulev |
The AlignmentGrid Control can be used to display a grid to help aligning controls. |
windows 10, uwp, windows community toolkit, uwp community toolkit, uwp toolkit, AlignmentGrid, XAML Control, xaml |
The AlignmentGrid Control can be used to display a grid to help with aligning controls.
You can control the grid's steps with HorizontalStep and VerticalStep properties. Line color can be defined with LineBrush property.
[!div class="nextstepaction"] Try it in the sample app
<developerTools:AlignmentGrid Opacity="1" LineBrush="Black"
HorizontalStep="20" VerticalStep="20"/>
| Property | Type | Description |
|---|---|---|
| HorizontalStep | double | Gets or sets the step to use horizontally |
| LineBrush | Brush | Gets or sets line Brush |
| VerticalStep | double | Gets or sets the step to use vertically |
AlignmentGrid Sample Page Source. You can see this in action in the Windows Community Toolkit Sample App.
| Device family | Universal, 10.0.16299.0 or higher |
|---|---|
| Namespace | Microsoft.Toolkit.Uwp.DeveloperTools |
| NuGet package | Microsoft.Toolkit.Uwp.DeveloperTools |