参数和资源字典

Question

我创建了一个ResourceDictionary以便为Button创建一个ControlTemplate。

这里是我的XAML代码

<ControlTemplate TargetType="{x:Type Button}" x:Key="BoutonRessources"> 
<Button Width="32" Margin="0,0,7,0" Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center" BorderThickness="0" HorizontalAlignment="Center" Background="Transparent" HorizontalContentAlignment="Center"> 
    <Button.Content> 
     <Border> 
      <Image Source="xRtDiva_XWPF_TBR_PREMIER.PNG_IMAGES.png" Height="18"/> 
      <Border.Style> 
       <Style TargetType="{x:Type Border}"> 
        <Setter Property="Background" Value="Transparent" /> 
        <Style.Triggers> 
         <Trigger Property="IsMouseOver" Value="True"> 
          <Setter Property="Background"> 
           <Setter.Value> 
            <ImageBrush ImageSource="BoutonToolbarSelected.png"/> 
           </Setter.Value> 
          </Setter> 
          <Setter Property="Height" Value="22"/> 
          <Setter Property="Width" Value="32"/> 
         </Trigger> 
        </Style.Triggers> 
       </Style> 
      </Border.Style> 
     </Border> 
    </Button.Content> 
    <Button.Style> 
     <Style TargetType="{x:Type Button}" > 
      <Setter Property="Template"> 
       <Setter.Value> 
        <ControlTemplate TargetType="{x:Type Button}" > 
         <ContentPresenter /> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </Button.Style> 
</Button> 
</ControlTemplate> 

当我在我的XAML代码Y用的模板：

<Button Template="{StaticResource BoutonRessources}"> 

我想给一个参数，以设置图像为这个模板“BoutonRessources”。

我试图改变这样的我的代码：

<Button Template="{StaticResource BoutonRessources}"> 
    <Button.Content> 
     <Border> 
      <Image Source="myNewPicture.png" Height="18"/> 
     </Border> 
    </Button.Content> 
</Button> 

我怎样才能个性化我的按钮模板的图片吗？

感谢很多:)

Answer 1

在你的按钮模板时，您将您的按钮为固定值的内容，这样的分配按钮本身不会做任何事情的内容。在您的模板中的某处，您需要添加ContentPresenter。如果您这样做，则ContentPresenter将被您分配按钮内容的任何内容所取代。

你想完成什么？你想要的按钮有2个图像或1？也许看看这个关于创建模板的教程（或者其他众多模板之一），看看它是否有帮助：http://mark-dot-net.blogspot.com/2007/07/creating-custom-wpf-button-template-in.html

作为一个简单的例子，对模板的这种小修改会添加添加到内容中的图像next到您在模板中手动分配的图像。注意我已经添加了一个StackPanel并在模板中放置了一个ContentPresenter。这将分配给该按钮的内容替换，并且会显示在右侧的“xRtDiva ......”你的形象在模板设置：

<ControlTemplate TargetType="{x:Type Button}" x:Key="BoutonRessources"> 
     <Button Width="50" Margin="126.5,126,115.5,126" Name="tbrClear" ToolTip="Clear" VerticalAlignment="Center" BorderThickness="0" HorizontalAlignment="Center" Background="Transparent" HorizontalContentAlignment="Center"> 
      <StackPanel Orientation="Horizontal"> 
       <Border> 
        <Image Source="xRtDiva_XWPF_TBR_PREMIER.PNG_IMAGES.png" Height="18"/> 
        <Border.Style> 
         <Style TargetType="{x:Type Border}"> 
          <Setter Property="Background" Value="Transparent" /> 
          <Style.Triggers> 
           <Trigger Property="IsMouseOver" Value="True"> 
            <Setter Property="Background"> 
             <Setter.Value> 
              <ImageBrush ImageSource="BoutonToolbarSelected.png"/> 
             </Setter.Value> 
            </Setter> 
            <Setter Property="Height" Value="22"/> 
            <Setter Property="Width" Value="32"/> 
           </Trigger> 
          </Style.Triggers> 
         </Style> 
        </Border.Style> 
       </Border> 
       <Border> 
        <ContentPresenter/> 
       </Border> 
      </StackPanel> 

      <Button.Style> 
       <Style TargetType="{x:Type Button}" > 
        <Setter Property="Template"> 
         <Setter.Value> 
          <ControlTemplate TargetType="{x:Type Button}" > 
           <ContentPresenter /> 
          </ControlTemplate> 
         </Setter.Value> 
        </Setter> 
       </Style> 
      </Button.Style> 

     </Button> 
    </ControlTemplate> 

我对Button.Style很迷茫但是，您已将按钮分配给按钮。那是什么目的？

Answer 2

为什么你不能只做以下？

<Button> 
    <Image Source="firstImage.png" /> 
</Button> 

<Button> 
    <Image Source="secondImage.png" /> 
</Button> 

<Button> 
    <Image Source="thirdImage.png" /> 
</Button> 

如果您想更改按钮模板这种情况下，只要把你想要的形象是一个ContentPresenter元素。