更改ListBoxItem样式

时间:2010-06-29 12:23:53

标签: wpf xaml

我想做这样的事情。

    <Style TargetType="{x:Type ListBoxItem}"  >
    <Setter Property="Style">
        <Setter.Value>
                <Border Style="{StaticResource BorderStyle}" Width="200" >
                </Border>
        </Setter.Value>
    </Setter>

   </Style>
    <Style x:Key="BorderStyle" TargetType="{x:Type Border}">
    <Setter Property="Background" Value="{StaticResource BackBrush}" />
    <Setter Property="BorderBrush" Value="Black" />
    <Setter Property="BorderThickness" Value="0.5" />
    <Setter Property="CornerRadius" Value="4" />
    <Setter Property="Margin" Value="4" />
    <Setter Property="Padding" Value="4" />
   </Style>

但它会给出下一个错误

  

无法将“System.Windows.Controls.Border”类型的内容添加到“System.Object”类型的对象中。

以及使用它的代码

        for (int i = 0; i < 10; i++)
        {
            ListBoxItem lbItem = new ListBoxItem();
            lbItem.Content = "Item" + i;
            lb1.Add(lbItem);


        }

其中“lb1”是xaml形式的ListBox

如何正确地提供ListBoxItemStyle?

1 个答案:

答案 0 :(得分:6)

看起来你对XAML的语义感到困惑。在您习惯使用XAML之前,可能有必要将其视为C#等效项。这基本上就是你现在正在做的事情:

    Style BorderStyle = new Style();
    Border inlineStyle = new Border { Style = BorderStyle };
    Style listBoxItemDefaultStyle = new Style();
    listBoxItemDefaultStyle.Setters.Add(new Setter(StyleProperty, inlineStyle));
    ListBoxItem item = new ListBoxItem { Style = listBoxItemDefaultStyle };

一个问题是你要为ListBoxItem的Style中的Setter设置ListBoxItem的Style,这当然会引起递归的某种问题。所以从我们得到的代码中删除那个额外的Style:

    Style BorderStyle = new Style();
    Border inlineStyle = new Border { Style = BorderStyle };
    ListBoxItem item = new ListBoxItem { Style = inlineStyle };

这是无效的,因为它试图将Style属性(Type Style)设置为Border对象。这基本上是你所看到的错误的核心。

在这种情况下,您真正​​想要的是更改ListBoxItem ControlTemplate以合并您的边框样式。这是使用BorderBindings设置其属性的默认Style修改为使用Border而不是标准的:

<Style TargetType="{x:Type ListBoxItem}">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="HorizontalContentAlignment" Value="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
    <Setter Property="VerticalContentAlignment" Value="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
    <Setter Property="Padding" Value="2,0,0,0"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <Border x:Name="Bd" Style="{StaticResource BorderStyle}" Width="200">
                    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="true">
                        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                    </Trigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="IsSelected" Value="true"/>
                            <Condition Property="Selector.IsSelectionActive" Value="false"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
                    </MultiTrigger>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>