UWP DropShadow Растянуть горизонтально - PullRequest
Новая
       99

UWP DropShadow Растянуть горизонтально

0 голосов
/ 21 марта 2020

У меня есть список в приложении UWP, где я хотел бы добавить тени в список. Пока это работает, но когда я добавляю эти элементы, они больше не растягиваются по горизонтали:

enter image description here enter image description here

Я уже определили этот стиль: 

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

1 Ответ

1 голос
/ 23 марта 2020

Из стиля по умолчанию DropShadow , поскольку он устанавливает свойство HorizontalContentAlignment в значение Left, ваш listViewItem по-прежнему не может растягиваться по горизонтали. Поэтому вам также нужно установить HorizontalContentAlignment DropShadow как 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>
...