2016-09-12 50 views
2

我正在使用gridview顯示其標題和內容的項目列表,如下所示。默認邊框在Windows Phone中使用Gridview時顯示uwp

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

我能夠完美地顯示數據。 但是,我的擔心是從某個行顯示像邊框的地方。 您可以檢查截圖。 enter image description here

如截圖所示,對於第一個圖像,只有一條線顯示爲邊框。 有沒有辦法去除那個。 我無法從邊界即將到來的地方找到。 謝謝。

+1

是那個具有焦點的項目?在'GridView'的內部,它使用了一個'ListViewItemPresenter',它具有默認綁定到主題資源的'FocusBorderBrush'和'FocusSecondaryBorderBrush'屬性。 –

+0

如果您刪除此默認邊框,您會如何知道此項目被選中?下面的答案可以解決你的問題,但我只是好奇,也許你會需要其他效果來指示選擇狀態? –

+0

我已經添加了一些白色的邊框,如圖所示。無論如何,下面的答案工作正常。感謝你們的努力和幫助。 –

回答

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

+0

謝謝你,@Uwpbeginner。它工作正常。 –