title: GridView with 2 columns, fill width
body: <p>The result I want to achieve is pretty simple, a list with 2 columns, both with equal width. In Windows Phone 7/8 this could easily be achieved using a <code>ListBox</code> with a <code>WrapPanel</code> as <code>ItemsPanel</code> and setting the <code>ItemWidth</code> to 240 (as the screen width was 480).</p>
  
  <p>Now I'm Writing a Universal App, but here the problem is that the screen is not guaranted to have a width of 480 (not even for the Phone it seems) so I can't set the <code>ItemWidth</code> as I want it to fill the width of the screen. I have been able to achieve almost the desired effect using the following <code>XAML</code>:</p>
  
  <pre><code>&lt;GridView ItemsSource="{Binding Results}" Margin="12"&gt;
      &lt;GridView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;Grid&gt;
                  &lt;Image Source="{Binding SampleImage}" /&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/GridView.ItemTemplate&gt;
  
      &lt;GridView.ItemsPanel&gt;
          &lt;ItemsPanelTemplate&gt;
              &lt;WrapGrid MaximumRowsOrColumns="2" Orientation="Horizontal" HorizontalChildrenAlignment="Stretch" VerticalChildrenAlignment="Stretch"&gt;
              &lt;/WrapGrid&gt;
          &lt;/ItemsPanelTemplate&gt;
      &lt;/GridView.ItemsPanel&gt;
  &lt;/GridView&gt;
  </code></pre>
  
  <p>Which gives the following result:
  <img src="https://i.stack.imgur.com/iXIvL.png" alt="enter image description here"></p>
  
  <p>As seen it successfully gives 2 columns with equal width, BUT the <code>Grid</code> in the <code>GridView.ItemTemlate</code> doesn't fill the whole width of each column. I have tried setting <code>HorizontalAlignment="Stretch"</code> on both that <code>Grid</code> and on the <code>GridView</code> itself witout any success. Anyone has any idea of this do this?</p>