2015-10-30 36 views
1

我创建了一个自定义按钮。我需要更多不同背景的风格相同的按钮。有可能为每个按钮创建模板。但是这消除了代码可重用性。是否有可能为所有按钮应用相同的模板,但是像背景一样改变属性。 这是我的代码。在wpf中创建具有不同属性的模板按钮

 <ControlTemplate x:Key="custom-button" TargetType="Button"> 
      <Grid x:Name="btn_image"> 
       <Image Name="btnBackground" Source="Media/Knob Red.png"></Image> 
      </Grid> 
      <ControlTemplate.Triggers> 
       <DataTrigger Binding="{Binding Path=IsRunning}" Value="false"> 
        <Setter TargetName="btnBackground" Property="Source" Value="Media/Knob Play.png"></Setter> 
       </DataTrigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 

这是我应用模板的按钮。

<Button Name="start" Template="{StaticResource custom-button}" HorizontalAlignment="Left" Margin="147,67,0,0" VerticalAlignment="Top" Width="37" Height="30" Click="Start_Click"> 
</Button> 

现在我需要使用模板的几个按钮,但他们应该有不同的背景。要改变什么。尝试了很多方法,但没有一个运气。

这些是我的其他按钮。

<Button Template="{StaticResource custom-button}" Name="reset" HorizontalAlignment="Left" Margin="194,67,0,0" VerticalAlignment="Top" Width="37" Height="30" Click="Reset_Click"> 
      <Button.Background> 
       <ImageBrush ImageSource="Media/Knob Refresh.png"/> 
      </Button.Background> 
</Button> 
<Button Template="{StaticResource custom-button}" x:Name="close" HorizontalAlignment="Left" Margin="236,0,0,0" VerticalAlignment="Top" Width="20" Height="18" RenderTransformOrigin="1.771,-1.3" Click="Close"> 
      <Button.Background> 
       <ImageBrush ImageSource="Media/Knob Purple.png"/> 
      </Button.Background> 
</Button> 

回答

0

你可以做你的自定义控制里面的以下内容:

<Image Name="btnBackground" Source="{TemplateBinding Background}"></Image> 

而在你的按钮声明中,您可以通过图像作为背景属性。

+0

只有图像刷被接受在按钮 –

+0

那么你可以做像背景= {staticResource ResourceKey = key}。 而关键是ImageBrush声明为静态资源的关键。在你的控制之下 –