Содержание блога

четверг, 19 августа 2010 г.

Использование Grid для создания резиновой страницы

Создание сетки 3х3
        <Grid Name="MainGrid" Margin="0,0,0,0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ShowGridLines="False" >
            <Grid.RowDefinitions>
                <RowDefinition  Height="19" />
                <RowDefinition Height="436*" />
                <RowDefinition  Height="25" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition  Width="26" />
                <ColumnDefinition Width="510*" />
                <ColumnDefinition  Width="150" />
            </Grid.ColumnDefinitions>
сами элементы размещение элементов указывается Grid.Row Grid.Column
если необходимо чтобы объект занимал несколько полей то Grid.RowSpan
пример расположения элементов в гриде
<Grid Name="MainGrid" Margin="0,0,0,0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ShowGridLines="False" >
 <Grid.RowDefinitions>
     <RowDefinition  Height="19" />
     <RowDefinition Height="436*" />
     <RowDefinition  Height="25" />
  </Grid.RowDefinitions>
  <Grid.ColumnDefinitions>
      <ColumnDefinition  Width="26" />
      <ColumnDefinition Width="510*" />
      <ColumnDefinition  Width="150" />
  </Grid.ColumnDefinitions>
  <Grid Grid.Row="1" Grid.RowSpan="2" Name="gridToolPanel" VerticalAlignment="Stretch" Background="#FF9CAAC1" />
  <Grid Grid.Column="1" Grid.Row="2"  Name="gridBottomPanel" VerticalAlignment="Stretch" Background="#FF9CAAC1" />
  <Grid Grid.Column="2" Grid.Row="1"  Grid.RowSpan="2" Name="gridPropertyPanel" Background="#FFCED4DD" />
</Grid>

Комментариев нет:

Отправить комментарий