UWP DropShadow 水平拉伸

Question

我在 UWP 应用程序中有一个列表，我想在其中添加阴影。到目前为止效果很好，但是当我添加这些项目时，它们不再水平拉伸：

我已经定义了这个样式：

                <ListView.ItemContainerStyle>
                    <Style TargetType="ListViewItem">
                        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                        <Setter Property="VerticalContentAlignment" Value="Stretch" />
                    </Style>
                </ListView.ItemContainerStyle>

Answer 1

从DropShadow的默认样式来看，由于它将HorizontalContentAlignment属性设置为Left，所以您的listViewItem仍然无法水平拉伸。所以还需要设置DropShadow的HorizontalContentAlignment为Stretch.

<ListView ItemsSource="{x:Bind Lists,Mode=OneWay}" Background="AliceBlue">
    <ListView.ItemTemplate>
        <DataTemplate>
            <controls:DropShadowPanel BlurRadius="4.0" ShadowOpacity="0.70"
                      OffsetX="5.0" OffsetY="5.0" Color="Black" HorizontalContentAlignment="Stretch">
                ......
            </controls:DropShadowPanel>
        </DataTemplate>
    </ListView.ItemTemplate>
    <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
            <Setter Property="HorizontalContentAlignment" Value="Stretch" />
            <Setter Property="VerticalContentAlignment" Value="Stretch" />
        </Style>
    </ListView.ItemContainerStyle>
</ListView>

UWP DropShadow 水平拉伸

UWP DropShadow Stretch horizontally

uwp

uwp-xaml

windows-community-toolkit