Question

我想在列表框的每个项目上禁用Mouse Over上的视觉效果，我想在用户点击时禁用视觉效果。

我读到可以在Windows Phone上使用DataTrigger完成，但在Windows 8上，我们无法使用DataTrigger： DataTrigger in WinRT?

我还可以用什么来删除这种视觉效果？我看到了StyleSelector / ListViewItemStyleSelector，我可以使用它吗？如果是，我在哪里可以找到样本，因为我不明白它是如何工作的。

Answer 1

如果您的意思是禁用所选的项目样式，那么在WPF中您可以这样做：

<Style x:Key="NullSelectionStyle" TargetType="ListBoxItem">
    <Style.Resources>
        <!-- SelectedItem with focus -->
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Transparent" />
        <!-- SelectedItem without focus -->
        <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Transparent" />
        <!-- SelectedItem text foreground -->
        <SolidColorBrush x:Key="{x:Static SystemColors.HighlightTextBrushKey}" Color="{DynamicResource {x:Static SystemColors.ControlTextColorKey}}" />
    </Style.Resources>
    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
</Style>

<ListBox ItemContainerStyle="{StaticResource NullSelectionStyle}" ...>

不幸的是我还没有访问Windows 8，所以我不能说它是否适用于WinRT。

或者，如果您根本不需要任何选择，只需使用ItemsControl。

例如，代替<ListBox .../>使用<ItemsControl .../>。 ItemsControl显示像ListBox这样的项目列表，但没有所选项目的概念。

Answer 2

如果要编辑Metro Style应用程序的ListBox模板，可以从MouseOver VisualState中删除动画。这是一个可以工作的ListBoxItem模板。

<Style x:Key="NoSelectListBoxItemStyle" TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border x:Name="LayoutRoot" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}">
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver"/>
                                    <VisualState x:Name="Disabled">
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="SelectionStates">
                                    <VisualState x:Name="Unselected">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="ContentContainer">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Selected"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <ContentControl x:Name="ContentContainer" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Foreground="{StaticResource Dark_Foreground}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" d:LayoutOverrides="Width"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

并应用样式

<ListBox ItemContainerStyle="{StaticResource NoSelectListBoxItemStyle}" />

鼠标悬停时列表框自定义/禁用选择器（windows8）

2 个答案: