Cómo aumentar los espacios entre los elementos de `GridView` en Windows 8

Question

¿Cómo aumentar el espacio entre los elementos de un GridView en Windows 8?

Answer 1

Crea ItemTemplate y en él para cada elemento use Margen. De esa manera `ll ser capaz de propagarse a cabo

Answer 2

No estoy seguro de entender su estado de cuenta ...

Si utilizamos el margen para el espaciamiento podemos ver el espacio entre los artículos pero cuando seleccionamos cualquier elemento, el fondo de selección cubrirá el espacio entre los elementos.

... como acabo de añadir Margen (digamos Margen = "10") a sólo el PRIMER GridViewItem y todos los artículos subsiguientes son iguales de tiempo.

código snippet-

 ... <GridView> 
      <GridViewItem Margin="20" Width="100" Height="100"> 
       <Image Source="Assets/SmallLogo.png"/> 
      </GridViewItem> ... 

Answer 3

Usted puede dar margen a ItemContainerStyle. En Blend, haga clic con el botón derecho en su cuadrícula, elija Editar plantilla adicional -> Editar contenedor de elementos generados. Dé el margen adecuado al componente OuterContainer.

Answer 4

<GridView.ItemContainerStyle> 
    <Style TargetType="FrameworkElement"> 
     <Setter Property="Margin" Value="0 0 20 20"/> 
    </Style> 
</GridView.ItemContainerStyle> 

Answer 5

Margen de uso para GridViewItem.

Por ejemplo,

<Style x:Key="GridViewItemStyle1" TargetType="GridViewItem"> 
    <Setter Property="FontFamily" Value="{StaticResource ContentControlThemeFontFamily}"/> 
    <Setter Property="FontSize" Value="{StaticResource ControlContentThemeFontSize}"/> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="TabNavigation" Value="Local"/> 
    <Setter Property="IsHoldingEnabled" Value="True"/> 
    <Setter Property="Margin" Value="0,-10,0,0"/> <!-- here --> 
    <Setter Property="BorderThickness" Value="0,0,2,0" /> <!-- border-right, show infinity each items.--> 
    <Setter Property="BorderBrush" Value="Green" /> 

    <Setter Property="Template"> 
    ... 
</STyle>