4 ответов:
в сетке WPF,
Width="*"илиHeight="*"означает пропорционального размера.
Например: дать 30% колонке 1 и 70% колонке 2 -<ColumnDefinition Width="3*" /> <ColumnDefinition Width="7*" />
а также для строк -
<RowDefinition Height="3*" /> <RowDefinition Height="7*" />числа не должны быть целыми числами.
Если ширина для определения строки (высота для определения столбца) опущена, подразумевается 1*.
В этом примере столбец 1 в 1,5 раза шире столбца 2 -<ColumnDefinition Width="1.5*" /> <ColumnDefinition />
вы можете смешивать автоматическую подгонку и фиксированную ширину с * (пропорциональной) шириной; в этом случае столбцы * распределяются на остаток после расчета автоматической подгонки и фиксированной ширины -
<Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <!-- Auto-fit to content, 'Hi' --> <ColumnDefinition Width="50.5" /> <!-- Fixed width: 50.5 device units) --> <ColumnDefinition Width="69*" /> <!-- Take 69% of remainder --> <ColumnDefinition Width="31*"/> <!-- Take 31% of remainder --> </Grid.ColumnDefinitions> <TextBlock Text="Hi" Grid.Column="0" />
Если у вас есть 2 колонки, как это:
<ColumnDefinition Width="10*"/> <ColumnDefinition Width="*"/>это означает, что первый столбец в 10 раз шире, чем второй. Это как сказать: "10 частей колонка 1, и 1 часть колонка 2."
самое классное в этом то, что ваши столбцы будут изменяться пропорционально. Другие варианты:
//Take up as much space as the contents of the column need <ColumnDefinition Width="Auto"/> //Fixed width: 100 pixels <ColumnDefinition Width="100"/>надеюсь, что это поможет!
возьмем следующий пример.....
одна сетка и имеет 3 столбца, и каждый содержит одну кнопку размером 100.
код XAML есть...
<Grid x:Name="LayoutRoot" Width="600"> <Grid.ColumnDefinitions> <ColumnDefinition Width="3*" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="*" /> </Grid.ColumnDefinitions> <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="10,10,0,0" Name="button1" VerticalAlignment="Top" Width="100" /> <Button Content="Button1" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button2" VerticalAlignment="Top" Width="100" Grid.Column="1" /> <Button Content="Button2" Height="23" HorizontalAlignment="Left" Margin="0,10,0,0" Name="button3" VerticalAlignment="Top" Width="100" Grid.Column="2" /> </Grid>но на самом деле его размер....
<Grid.ColumnDefinitions> <ColumnDefinition Width="375" /> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="125" /> </Grid.ColumnDefinitions>вывод:
общий размер сетки составляет 600
"авто": столбец имеет повторный размер с его содержит. (2-й столбец имеет кнопку шириной 100)
"*": ширина 1-го столбца составляет 3x от 3-го столбца.
кроме того, вы можете опустить"*", если это элемент размера единицы. Поэтому, используя пример кода Pwninstein, это будет просто:
<ColumnDefinition Width="10*/> <ColumnDefinition/>




Comments