Silverlight：为什么这种风格不起作用？

Question

我正在使用 Silverlight 4。我有一个按钮：

        <Button Click="addTopicButton_Click">
            <Image Source="/PlumPudding;component/Images/appbar.add.rest.png" />
        </Button>

看起来不错。但是，当我尝试使用 Style 设置其 Content 时，没有显示任何内容：

    <Style x:Name="AddButton" TargetType="Button">
        <Setter Property="Content">
            <Setter.Value>
                <Image Source="/PlumPudding;component/Images/appbar.add.rest.png" />
            </Setter.Value>
        </Setter>
    </Style>

    <Button Click="addTopicButton_Click" Style="{StaticResource AddButton}" />

按钮为空。这是为什么呢？

Answer 1

在样式中包含 UIElement（例如 Image）并不是一个好主意。这样的对象仅在 Xaml 解析期间将样式放在一起时创建一次。关于 UIElements 需要理解的一件重要事情是，单个实例只能在可视化树中出现一次。因此，即使您的代码有效，它也仅适用于一个按钮，任何其他尝试使用相同样式的按钮都会失败。

相反，您可以像这样使用 ContentTemplate 属性： -

<Style x:Key="AddButton" TargetType="Button"> 
    <Setter Property="ContentTemplate"> 
        <Setter.Value> 
            <DataTemplate>
                <Image Source="/PlumPudding;component/Images/appbar.add.rest.png" /> 
            </DataTemplate>
        </Setter.Value> 
    </Setter> 
</Style> 

<Button Click="addTopicButton_Click" Style="{StaticResource AddButton}" /> 

现在为按钮提供一个 DataTemplate，它用于构造呈现按钮内容的子元素。因此，每个按钮都将构造自己独立的 Image 控件实例。

Answer 2

您应该使用 x:Key 来命名您的 Style 元素，而不是 x:Name

Answer 3

您的代码需要进行两处更改。

1. 将x:Name更改为x:Key，并在需要使用时引用它，使用StaticResource。

2. 改变这个

   ; 
           <图片来源=“随便...”/> 
    
   

   对此，

   ; 
       <数据模板>
           <图像来源=“无论什么...”/> 
       
    
   

看看对你有没有帮助！