Язык программирования C#9 и платформа .NET5 - Троелсен Эндрю
1. Определение и конфигурирование каждой колонки.
2. Определение и конфигурирование каждой строки.
3. Назначение содержимого каждой ячейке сетки с применением синтаксиса присоединяемых свойств.
На заметку! Если не определить какие-либо строки и колонки, то по умолчанию элемент
GridGridПервые два шага (определение колонок и строк) выполняются с использованием элементов
Grid.ColumnDefinitionsGrid.RowDefinitionsColumnDefinitionRowDefinitionНиже представлено простое определение
GridSimpleGrid.xaml<Grid ShowGridLines ="True" Background ="LightSteelBlue"><b> <!-- Определить строки и колонки —></b> <Grid.ColumnDefinitions> <ColumnDefinition/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition/> <RowDefinition/> </Grid.RowDefinitions><b> <! — Добавить элементы в ячейки сетки —></b> <Label x:Name="lblInstruction" Grid.Column ="0" Grid.Row ="0" FontSize="15" Content="Enter Car Information"/> <Button x:Name="btnOK" Height ="30" Grid.Column ="0" Grid.Row ="0" Content="OK"/> <Label x:Name="lblMake" Grid.Column ="1" Grid.Row ="0" Content="Make"/> <TextBox x:Name="txtMake" Grid.Column ="1" Grid.Row ="0" Width="193" Height="25"/> <Label x:Name="lblColor" Grid.Column ="0" Grid.Row ="1" Content="Color"/> <TextBox x:Name="txtColor" Width="193" Height="25" Grid.Column ="0" Grid.Row ="1" /><b> <!-- Добавить цвет к ячейке с именем, просто чтобы сделать</b>картину интереснее -- >
<Rectangle Fill ="LightGreen" Grid.Column ="1" Grid.Row ="1" /> <Label x:Name="lblPetName" Grid.Column ="1" Grid.Row ="1" Content="Pet Name"/> <TextBox x:Name="txtPetName" Grid.Column ="1" Grid.Row ="1" Width="193" Height="25"/></Grid>
Обратите внимание, что каждый элемент (включая элемент
RectangleGrid.RowGrid.ColumnGrid.Column="0"Grid.Row="0"Grid.Column="1"Grid.Row="1"Установка размеров столбцов и строк в панели Grid
Задавать размеры столбцов и строк в панели
Grid• установка абсолютных размеров (например,
100• установка автоматических размеров;
• установка относительных размеров (например,
3*Установка абсолютных размеров — именно то, что и можно было ожидать; для размера колонки (или строки) указывается специфическое число единиц, независимых от устройства. При установке автоматических размеров размер каждой колонки или строки определяется на основе элементов управления, содержащихся в колонке или строке. Установка относительных размеров практически эквивалентна заданию размеров в процентах внутри стиля CSS. Общая сумма чисел в колонках или строках с относительными размерами распределяется на общий объем доступного пространства.
В следующем примере первая строка получает 25% пространства, а вторая — 75% пространства:
<Grid.ColumnDefinitions> <ColumnDefinition Width="1*" /> <ColumnDefinition Width="3*" /></Grid.ColumnDefinitions>Панели Grid с типами GridSplitter
Панели
GridGridGridSplitter