Dynamic Rectangle Height

Question

I have to fill my window with three adjustable Rectangles like:

enter image description here

<Grid x:Name="FileDragAndDrop" Grid.Row="0" Grid.RowSpan="2" Background="Aqua">
     <Rectangle Fill="Beige" HorizontalAlignment="Stretch" Height="110" Stroke="Black" VerticalAlignment="Top" />
     <Rectangle Fill="Aquamarine" HorizontalAlignment="Stretch" Height="110" Stroke="Black" VerticalAlignment="Center" />
     <Rectangle Fill="BlanchedAlmond" HorizontalAlignment="Stretch" Height="110" Stroke="Black" VerticalAlignment="Bottom" />
</Grid>

But the above code does this:

enter image description here

I tried Height="2*" (following the answer) but it gives error

'2*' string cannot be converted to length

How can I resolve this error and make their height dynamic? Is it possible with the xaml or will I have to do it in C#?

King King · Accepted Answer · 2014-10-06T20:24:38.660

1

In case you cannot put the rectangles into rows of the main grid, you can use a nested Grid and Grid.RowSpan to cover the nested Grid over the whole main grid.

<Grid x:Name="FileDragAndDrop" Grid.Row="0" Grid.RowSpan="2" Background="Aqua">
  <Grid.RowDefinitions>
      <!-- suppose you have 3 RowDefinitions here -->
  </Grid.RowDefinitions>
  <Grid Grid.RowSpan="3">
     <Grid.RowDefinitions>
         <RowDefinition MinHeight="110"/>
         <RowDefinition MinHeight="110"/>
         <RowDefinition MinHeight="110"/>
     </Grid.RowDefinitions/>
     <Rectangle Fill="Beige" Stroke="Black"/>
     <Rectangle Fill="Aquamarine" Stroke="Black" Grid.Row="1"/>
     <Rectangle Fill="BlanchedAlmond" Stroke="Black" Grid.Row="2"/>
  </Grid>
</Grid>

edited Oct 06 '14 at 20:24

answered Oct 06 '14 at 20:16

King King

61,710
16
105
130

Well ! there are already too many rows. Isn't there any other way around? – Shaharyar Oct 06 '14 at 20:18
@Shaharyar so you want to let the 3 rects cover the whole grid anyway? – King King Oct 06 '14 at 20:21
Yes. But they should be equal – Shaharyar Oct 06 '14 at 20:22
@Shaharyar you can use `Grid.RowSpan` however the number of RowDefinition should be defined. – King King Oct 06 '14 at 20:23
@Shaharyar see my update, we can use nested Grids. We use Grid here because it supports auto scaling the rows' height. Without that feature I think we have to use some code behind. – King King Oct 06 '14 at 20:25
1

Never thought about `Nested Grid`. Its perfect now – Shaharyar Oct 06 '14 at 20:30

Dynamic Rectangle Height

1 Answers1