UWP应用中ListView.VerticalContentAlignment属性失效问题问询

兄弟，我太懂这个坑了！UWP的ListView这属性设计真的容易让人踩雷——你直接给ListView设置VerticalContentAlignment根本没用，这玩意儿管的是整个ListView控件本身的布局，根本不会传递到每个列表项内部的ListViewItemPresenter里，所以你看Live Visual Tree里它还是默认值完全正常。

下面给你几个实用的解决办法，按优先级推荐：

1. 通过ItemContainerStyle设置ListViewItem的对齐属性 #

这是最简单直接的方法，直接给每个列表项设置VerticalContentAlignment，它会自动传递给内部的ListViewItemPresenter：

<ListView>
    <!-- 给每个ListViewItem设置垂直对齐 -->
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <!-- 改成你需要的对齐方式：Top/Bottom/Center/Stretch -->
            <Setter Property="VerticalContentAlignment" Value="Center"/>
        </Style>
    </ListView.ItemContainerStyle>

    <!-- 你的列表项内容 -->
    <ListView.Items>
        <TextBlock Text="测试内容1"/>
        <TextBlock Text="测试内容2"/>
    </ListView.Items>
</ListView>

设置完之后再去Live Visual Tree看ListViewItemPresenter，它的VerticalContentAlignment就会变成你设置的值了。

2. 自定义ItemTemplate手动控制对齐 #

如果需要更灵活的布局（比如给内容加固定高度、边距），直接重写ItemTemplate，把内容放在容器里自己控制对齐：

<ListView>
    <ListView.ItemTemplate>
        <DataTemplate>
            <!-- 用Grid或者其他容器包裹内容，直接设置垂直对齐 -->
            <Grid VerticalAlignment="Bottom" Height="80" Padding="12">
                <TextBlock Text="{Binding ItemText}"/>
            </Grid>
        </DataTemplate>
    </ListView.ItemTemplate>
</ListView>

这种方法完全不受系统默认样式的限制，适合需要定制列表项外观的场景。

3. 修改ListViewItem的默认样式（进阶） #

如果你的整个应用里所有ListView都需要统一的对齐方式，可以直接修改ListViewItem的默认模板，调整ListViewItemPresenter的属性：

<ListView>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListViewItem">
                        <ListViewItemPresenter 
                            <!-- 这里直接设置Presenter的垂直对齐 -->
                            VerticalContentAlignment="Center"
                            ContentTransitions="{TemplateBinding ContentTransitions}"
                            SelectionCheckMarkVisualEnabled="True"
                            CheckBrush="{TemplateBinding CheckBrush}"
                            CheckBoxBrush="{TemplateBinding CheckBoxBrush}"
                            DragForeground="{TemplateBinding DragForeground}"
                            DragOpacity="{TemplateBinding DragOpacity}"
                            DragBackground="{TemplateBinding DragBackground}"
                            SelectedForeground="{TemplateBinding SelectedForeground}"
                            SelectedOpacity="{TemplateBinding SelectedOpacity}"
                            SelectedBackground="{TemplateBinding SelectedBackground}"
                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                            Padding="{TemplateBinding Padding}"
                            PointerOverForeground="{TemplateBinding PointerOverForeground}"
                            PointerOverBackground="{TemplateBinding PointerOverBackground}"
                            DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}"
                            FocusBorderBrush="{TemplateBinding FocusBorderBrush}"
                            FocusVisualMargin="-4"
                            />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

不过这个方法比较重，一般推荐前两种更轻量的方案，除非你需要批量修改所有列表项的默认行为。

总结一下：ListView的VerticalContentAlignment作用于控件本身，列表项内容的对齐要从ListViewItem或者它的Presenter入手，这是UWP控件样式设计里很容易混淆的点，踩过一次就记住啦！

内容的提问来源于stack exchange，提问作者Patrik Valkovič