Уменьшите нижнее и верхнее пространство в Listview в Xaml (платформа UWP-Universal windows)

Question

Я работаю над универсальным приложением для платформы Windows для Windows. 10. У меня есть проблема с списком. Когда я нажимаю и навешиваю элемент списка фон выделенной области большой. Вы можете видеть на моем изображении.

Код:

<ListView Height="160" Name="lstconfig_option" BorderThickness="0" BorderBrush="#FFB0B7BE" ItemClick="lstconfig_option_ItemClick" IsItemClickEnabled="True" HorizontalAlignment="Stretch"> 
            <ListView.ItemsPanel> 
             <ItemsPanelTemplate> 
              <WrapGrid Orientation="Horizontal" MaximumRowsOrColumns="10"/> 
             </ItemsPanelTemplate> 
            </ListView.ItemsPanel> 
            <ListView.ItemContainerStyle> 
             <Style TargetType="ListViewItem"> 
              <Setter Property="HorizontalContentAlignment" Value="Left" /> 
              <Setter Property="VerticalContentAlignment" Value="Center" /> 
              <Setter Property="Margin" Value="0,0,0,0" /> 
              <Setter Property="Padding" Value="0,0,0,-6" /> 
              <Setter Property="Template"> 
               <Setter.Value> 
                <ControlTemplate TargetType="ListViewItem"> 
                 <ListViewItemPresenter   
            PointerOverBackground="{ThemeResource SystemControlHighlightListLowBrush}"  
            SelectedBackground="{ThemeResource SystemControlHighlightListMediumBrush}"  
            SelectedPointerOverBackground="{ThemeResource SystemControlHighlightListMediumBrush}" 
           PressedBackground="{ThemeResource SystemControlHighlightListMediumBrush}" 
           SelectedPressedBackground="{ThemeResource SystemControlHighlightListMediumBrush}" /> 
                </ControlTemplate> 
               </Setter.Value> 
              </Setter> 


             </Style> 
            </ListView.ItemContainerStyle> 

            <ListView.ItemTemplate> 
             <DataTemplate > 
              <StackPanel Grid.Row="1" Height="auto" HorizontalAlignment="Stretch" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="{Binding tooltip_text}" ToolTipService.Placement="Bottom"> 
               <Grid Height="auto"> 
                <Grid.ColumnDefinitions> 
                 <ColumnDefinition Width="*"></ColumnDefinition> 
                 <ColumnDefinition Width="auto"></ColumnDefinition> 
                </Grid.ColumnDefinitions> 

                <StackPanel Grid.Column="0" Grid.ColumnSpan="2" Width="200" VerticalAlignment="Top" HorizontalAlignment="Left"> 
                 <TextBlock Name="common_label" Text="{Binding label}" Visibility="{Binding label_Visibility}" FontSize="11" Foreground="#FF0D0C0C" Margin="10,0,0,0" VerticalAlignment="Center" Grid.ColumnSpan="2" SelectionHighlightColor="#FFD44C21" /> 
                 <TextBox Name="textbox" Visibility="{Binding Visibility}" FontSize="11" Foreground="#FF0D0C0C" TextWrapping="NoWrap" VerticalAlignment="Center" Margin="10,0,0,0" Grid.ColumnSpan="2" BorderBrush="Black" Background="#FFF6F6F6" HorizontalAlignment="Stretch" SelectionHighlightColor="#FFD44C21"/> 
                </StackPanel> 

               </Grid> 
              </StackPanel> 
             </DataTemplate> 
            </ListView.ItemTemplate> 
           </ListView> 

Изображение

Answer 1

ListViewItem имеет MinWidth и MinHeight по умолчанию. Проверяя ListViewItem styles and templates, мы можем найти свойства MinWidth и MinHeight, указанные ниже.

<Setter Property="MinWidth" Value="{ThemeResource ListViewItemMinWidth}"/> 
<Setter Property="MinHeight" Value="{ThemeResource ListViewItemMinHeight}"/> 

<x:Double x:Key="ListViewItemMinWidth">88</x:Double> 
<x:Double x:Key="ListViewItemMinHeight">44</x:Double> 

Чтобы уменьшить разрыв, вы можете установить MinHeight на значение, которое вы хотите нравится:

<ListView.ItemContainerStyle> 
    <Style TargetType="ListViewItem"> 
     <Setter Property="HorizontalContentAlignment" Value="Left" /> 
     <Setter Property="VerticalContentAlignment" Value="Center" /> 
     <Setter Property="Margin" Value="0,0,0,0" /> 
     <Setter Property="Padding" Value="0,0,0,-6" /> 
     <Setter Property="MinHeight" Value="20" /> 
     ... 
    </Style> 
</ListView.ItemContainerStyle>