如何在XAML中添加listviewcornerradius

Question

我想在XAML中为CornerRadius添加ListView的样式，我有一种方法，但这在我的情况下不起作用。这样的。

                    <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>