web-dev-qa-db-ja.com

グリッド列をマージする

こんにちは私は成功しない解決策を探していました...

次のようなグリッドが必要です。

+-------+----------------+
|       |                |
+-------+----------------+
|                        |
|                        |
|                        |
+-------+----------------+
|       |                |        
+-------+----------------+

前もって感謝します！

c#wpfxamlgrid
12
C1rdec

比例サイズの3行2列のグリッドのように見えます。

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="2*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="3*" />
    </Grid.ColumnDefinitions>
</Grid>

5つのセルは次のようになります。

  • 左上：Grid.Column = "0"、Grid.Row = "0"
  • 右上：Grid.Column = "1"、Grid.Row = "0"
  • 中央：Grid.Column = "0"、Grid.Row = "1"、Grid.ColumnSpan = "2"
  • 左下：Grid.Column = "0"、Grid.Row = "2"
  • 右下：Grid.Column = "1"、Grid.Row = "2"
27
McGarnagle

さて、それは非常に単純なグリッドです。 2列と3行で、2番目の行の内容は2列にまたがっています...それよりも簡単になることはありません...

  <Grid Width="640" Height="480">  
    <Grid.ColumnDefinitions>
      <ColumnDefinition Width="3*"/>
      <ColumnDefinition Width="7*"/>  
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
      <RowDefinition Height="25*"/>
      <RowDefinition Height="50*"/>
      <RowDefinition Height="25*"/>
    </Grid.RowDefinitions>
  <Border Grid.Column="0" Grid.Row="0" BorderBrush="Red" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
  <Border Grid.Column="1" Grid.Row="0" BorderBrush="Green" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
  <Border Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Margin="1" BorderThickness="2" BorderBrush="Blue" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
  <Border Grid.Column="0" Grid.Row="2" BorderBrush="Red" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
  <Border Grid.Column="1" Grid.Row="2" BorderBrush="Green" Margin="1" BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"/>
  </Grid>

enter image description here

13
Dean Kuga