Question

我正在使用gridview显示带有标题和内容的项目列表，如下所示。

<Grid>
                            <GridView ItemsSource="{Binding Source={StaticResource src}}">
                                <GridView.GroupStyle>
                                    <GroupStyle>
                                        <GroupStyle.HeaderTemplate>
                                            <DataTemplate>
                                                <StackPanel Orientation="Horizontal" Background="#2a2621" Width="400" Height="35" Margin="-10,0,-10,0">
                                                    <TextBlock x:Name="atistType" Width="200"  
                                                               Text="{Binding RegionalName}" 
                                                               Foreground="White" 
                                                               FontWeight="ExtraBold" FontSize="22" Margin="10,0,0,0"/>
                                                    <Image Margin="110,0,10,0" 
                                                           Tag="{Binding RegionalName}" 
                                                           Tapped="RedirectToImageListing"  
                                                           Source="Assets\Right-arrow.png" 
                                                           Height="25"></Image>
                                                </StackPanel>
                                            </DataTemplate>
                                        </GroupStyle.HeaderTemplate>
                                    </GroupStyle>
                                </GridView.GroupStyle>
                                <GridView.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <ItemsWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="2"/>
                                    </ItemsPanelTemplate>
                                </GridView.ItemsPanel>
                                <GridView.ItemTemplate>
                                    <DataTemplate>
                                        <Grid Margin="0,5,0,5" Tag="{Binding AlbumId}" 
                                                   Tapped="RedirectToImageListOrGridView" >
                                            <Grid>
                                                <Image Width="{Binding ListingWidth}" Source="Assets/PlaceHolder.jpg"></Image>
                                                <Border BorderThickness="1" BorderBrush="White">
                                                    <Image Width="{Binding ListingWidth}" 
                                                   Source="{Binding SmallImage}"></Image>
                                                </Border>
                                            </Grid>                                            
                                        </Grid>
                                    </DataTemplate>
                                </GridView.ItemTemplate>
                            </GridView>
                        </Grid>

我能够完美地显示数据。但是，我关心的是某条线显示边界。您可以查看屏幕截图。

如屏幕截图所示，对于第一张图片，只有一条线显示为边框。有没有办法删除它。我无法找到边境的来源。谢谢。

Answer 1

试试这个

<GridView>
<GridView.ItemContainerStyle>
    <Style TargetType="GridViewItem">
        <Setter Property="Margin" Value="0,0,4,4" />
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="TabNavigation" Value="Local"/>
        <Setter Property="IsHoldingEnabled" Value="True"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="GridViewItem">
                    <ContentPresenter />
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</GridView.ItemContainerStyle>

Taken from here

在Windows Phone uwp中使用Gridview时显示默认边框

1 个答案: