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

Question

我使用Silverlight 4，我有一个按钮：

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

它看起来不错。然而，当我尝试设置其Content使用Style，没有出现内容：

<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

你应该使用X：关键命名风格元素，而不是X：名称

Answer 2

它不是一个好主意，包括UI元素，例如在样式Image。在Xaml解析期间将样式放在一起时，只创建一次这样的对象。了解UIElements的一个重要事情是单个实例只能在Visual Tree中出现一次。所以，即使你的代码工作，它只适用于一个按钮，任何其他尝试使用相同样式的按钮都会失败。

相反，你可以使用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 3

您的代码需要两个更改。

1. 改变x:Name到x:Key，而当你要使用它，使用StaticResource参考。

2. 更改此

   <Setter.Value> 
        <Image Source="whatever..." /> 
   </Setter.Value> 
   

   此，

   <Setter.Value> 
       <DataTemplate> 
        <Image Source="whatever..." /> 
       </DataTemplate> 
   </Setter.Value> 
   

看看它可以帮助你！