ListBoxItem в два раза больше нормального размера

Question

Я создал простой ListBox на главной странице, но добавленные элементы по умолчанию имеют слишком большой вертикальный интервал (как будто высота элемента в два раза больше, чем должна быть). Я попытался изменить DataTemplate, а также применить 0 margin / padding к ItemContainerStyle, но безуспешно.

Какое свойство влияет на высоту ListBoxItem в зависимости от размера его содержимого? Изменение семейства шрифтов также не влияет.

Answer 1

Я думаю, что вы ищете промежуток между концом строки вашего элемента и началом следующей строки.

Для кода, созданного мастером:

<StackPanel Margin="0,0,0,17" Width="432" Height="78">

говорит, что высота строки равна 78 с зазором в 17 пикселей между строками.

Самый простой способ проверить, что происходит, это поместить несколько цветных границ за элементами. Я сделал это ниже. При изменении высоты или полей становится ясно, какое пространство принадлежит какому элементу:

        <!--ContentPanel contains ListBox and ListBox ItemTemplate. Place additional content here-->
    <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,,0">
        <ListBox x:Name="MainListBox" Margin="0,0,-12,0" ItemsSource="{Binding Items}" SelectionChanged="MainListBox_SelectionChanged" Background="Red">
            <ListBox.ItemTemplate>
                <DataTemplate>
                  <StackPanel Margin="0,0,0,17" Width="432" Height="78">
                        <Border Background="Yellow">
                            <TextBlock Text="{Binding LineOne}" TextWrapping="Wrap" Style="{StaticResource PhoneTextExtraLargeStyle}" />
                        </Border>
                        <Border Background="Blue">
                            <TextBlock Text="{Binding LineTwo}" TextWrapping="Wrap" Margin="12,-6,12,0" Style="{StaticResource PhoneTextSubtleStyle}"/>
                        </Border>
                    </StackPanel>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
    </Grid>