Как я могу добавить ListView CornerRadius в XAML

Question

Я хочу добавить стиль ListView в XAML для CornerRadius. У меня есть один подход, но в моем случае это не работает.Вот так.

                    <ListView.Style>
                    <Style TargetType="{x:Type ListView}">
                        <Setter Property="BorderBrush" Value="White"/>
                        <Setter Property="BorderThickness" Value="0"/>
                        <Setter Property="Margin" Value="0"/>
                        <Setter Property="OverridesDefaultStyle" Value="true"/>
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate TargetType="{x:Type ListView}">
                                    <Border CornerRadius="5">
                                    </Border>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>

                        <!-- here we go -->
                        <Style.Resources>
                            <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Pink"/>
                            <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Pink"/>
                        </Style.Resources>
                    </Style>

                </ListView.Style>

это не покажет мне мои данные ItemsSource, поэтому мой Listview вот так.

                <ListView x:Name="MenuBarList" 
                ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
                Height="{Binding MainMenuHeight}"  
                Width="{Binding MainMenuWidth}" 
                ItemsSource="{Binding}" 
                      Foreground="White"
                Background="#FF3D61D0"
                SelectionMode="Single">

так как я могу добавить этот стиль.спасибо .. !!

Answer 1

Ваш шаблон должен включать ItemsPresenter, чтобы ListView знал, где отображать элементы.ItemsPresenter обычно находится внутри ScrollViewer, чтобы его можно было прокручивать:

                    ...
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="{x:Type ListView}">
                                <Border CornerRadius="5">
                                    <ScrollViewer>
                                        <ItemsPresenter />
                                    </ScrollViewer>
                                </Border>
                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                    ...

Более простым решением является редактирование копии шаблона по умолчанию :

            <ControlTemplate TargetType="{x:Type ListView}">
                <Border Name="Bd"
                        CornerRadius="5"
                        Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        SnapsToDevicePixels="true">
                    <ScrollViewer Style="{DynamicResource {x:Static GridView.GridViewScrollViewerStyleKey}}"
                                  Padding="{TemplateBinding Padding}">
                        <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                    </ScrollViewer>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsGrouping"
                             Value="true">
                        <Setter Property="ScrollViewer.CanContentScroll"
                                Value="false"/>
                    </Trigger>
                    <Trigger Property="IsEnabled"
                             Value="false">
                        <Setter TargetName="Bd"
                                Property="Background"
                                Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>