使用UniformGrid的列表框-项目未居中 [英] Listbox using UniformGrid - Items not centered

问题描述

我有一个使用UniformGrid作为ItemsPanelTemplate的列表框.这是一张照片列表.我希望照片在网格的每个单元格的中心水平居中，但是似乎无论我做什么，图像都在每个单元格的左侧对齐.这是我当前的XAML:

I have a listbox using UniformGrid for the ItemsPanelTemplate. It is a list of photos. I want the photos to be centered horizontally in the center of each cell of the grid, but it seems that no matter what I do, the images are aligned to the left of each cell. Here is my current XAML:

<Border BorderThickness="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" DockPanel.Dock="Right">
    <ListBox Name="PhotosListBox" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ScrollViewer.VerticalScrollBarVisibility="Disabled">
        <ListBox.ItemsPanel>
            <ItemsPanelTemplate>
                <UniformGrid IsItemsHost="True" HorizontalAlignment="Center"/>
            </ItemsPanelTemplate>
        </ListBox.ItemsPanel>
        <ListBox.ItemTemplate>
            <DataTemplate>
                <Image Source="{Binding Path=photo}" HorizontalAlignment="Center"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>
</Border>

如您所见，我将DataTemplate中的Image控件设置为Horizo​​ntalAlignment ="Center"，我认为可以这样做，但是它不起作用.

As you can see, I have the Image control in the DataTemplate set to HorizontalAlignment="Center", which I thought would do it, but it's not working.

我在做什么错了?

推荐答案

您需要将HorizontalContentAlignment设置为Stretch，才能首先允许ListBoxItem拉伸到所有可用空间，以便可以将内联控件相应地对齐在中心./p>

You need to set HorizontalContentAlignment to Stretch to first allow ListBoxItems to stretch to all available space so that inline control can be aligned at centre accordingly.

<ListBox>
   <ListBox.ItemContainerStyle>
      <Style TargetType="ListBoxItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch"/>
      </Style>
   </ListBox.ItemContainerStyle>
   ...
</ListBox>

这篇关于使用UniformGrid的列表框-项目未居中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！