gpt4 book ai didi

xaml - UWP Xaml GridViewItem : Remove margin

转载 作者:行者123 更新时间:2023-12-02 07:24:37 26 4
gpt4 key购买 nike

我想创建一个图像网格,它们之间没有任何边距。我试图通过 GridView 来实现这一点。如果有更简单的方法,请告诉我。

我在 StackOverflow 上找到了这个答案:

https://stackoverflow.com/a/10492464

https://stackoverflow.com/a/23817931/5739170

并以这段代码结束:

<Page.Resources>
<Style x:Key="MyGridViewItemStyle" TargetType="GridViewItem">
<Setter Property="Padding" Value="0" />
<Setter Property="Margin" Value="0" />
<Setter Property="BorderThickness" Value="0" />
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GridViewItem">
<GridViewItemPresenter ContentMargin="0" Padding="0" Margin="0" BorderThickness="0"/>
</ControlTemplate>
</Setter.Value>
</Setter>

</Style>
</Page.Resources>

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<StackPanel>
<GridView ItemsSource="{x:Bind FieldList}" Margin="0,50,0,0" Padding="0" BorderThickness="0" ItemContainerStyle="{StaticResource MyGridViewItemStyle}" IsItemClickEnabled="True" ItemClick="OnItemClick">
<GridView.ItemTemplate>
<DataTemplate x:DataType="data:Field">
<Image Width="20" Height="20" Margin="0" Source="{x:Bind ImagePath}"/>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
<TextBlock x:Name="text">Hallo!</TextBlock>
</StackPanel>
</Grid>

但是还有余量: Screenshot

我也尝试过使用负边距,但是当我使用它们时,点击不再被正确识别。

如何去除边距?

最佳答案

似乎 GridViewItem 的默认 MinWidth 为 44px。

您可以通过 GridViewItemStyle 将其设置为 0:

<Setter Property="MinWidth" Value="0" />

编辑:它还有一个默认的 MinHeight,您可能也想将其设置为 0。

关于xaml - UWP Xaml GridViewItem : Remove margin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34571428/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com