如何在Windows 8中增加`GridView`项之间的空格

时间:2012-09-11 12:40:54

标签: xaml winrt-xaml

如何在Windows 8中增加GridView项目之间的空间?

5 个答案:

答案 0 :(得分:18)

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

答案 1 :(得分:0)

我不确定我理解你的陈述......

  

如果我们使用间距我们可以看到间距   项目,但当我们选择任何项目时,选择背景将涵盖   物品之间的空间。

...因为我只将保证金(比如Margin =“10”)添加到 FIRST GridViewItem ,所有后续项目都是均匀分布。

代码段 -

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

答案 2 :(得分:0)

您可以为ItemContainerStyle提供保证金。在Blend中,右键单击您的网格,选择编辑其他模板 - &gt;编辑生成的项目容器。为OuterContainer组件提供适当的余量。

答案 3 :(得分:0)

为GridViewItem使用margin。

例如,

<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>

答案 4 :(得分:-1)

创建ItemTemplate并在其中为每个项目使用Margin。那样你就可以把它们分散出来