WPF – How to create image button with template

by

You won’t need dependency properties because you are inheriting from Button. You already have the IsPressed and IsEnabled properties. In fact, this is all you need:

<Button x:Class="TestWpfApplication.ThreeStateImageButton"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
   <Button.Template>
      <ControlTemplate TargetType="{x:Type Button}">
         <Grid>
            <Image Name="Normal" Source="Resources/Normal.png"/>
            <Image Name="Pressed" Source="Resources/Pressed.png" Visibility="Hidden"/>
            <Image Name="Disabled" Source="Resources/Disabled.png" Visibility="Hidden"/>
         </Grid>
         <ControlTemplate.Triggers>
            <Trigger Property="IsPressed" Value="True">
               <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
               <Setter TargetName="Pressed" Property="Visibility" Value="Visible"/>
            </Trigger>
            <Trigger Property="IsEnabled" Value="False">
               <Setter TargetName="Normal" Property="Visibility" Value="Hidden"/>
               <Setter TargetName="Disabled" Property="Visibility" Value="Visible"/>
            </Trigger>
         </ControlTemplate.Triggers>
      </ControlTemplate>
   </Button.Template>
</Button>

With your UserControl code-behind file:

public partial class ThreeStateImageButton : Button
{
   public ThreeStateImageButton()
   {
      InitializeComponent();
   }
}

More Related Contents:

  1. WPF Change button background image when clicked
  2. WPF – Import image as resource
  3. How do you change Background for a Button MouseOver in WPF?
  4. WPF Error: Cannot find governing FrameworkElement for target element
  5. Can I use a different Template for the selected item in a WPF ComboBox than for the items in the dropdown part?
  6. Change color of Button when Mouse is over
  7. How to dynamically add RowDefinition or ColumnDefinition to a Grid with binding?
  8. Creating WPF BitmapImage from MemoryStream png, gif
  9. WPF Image Caching
  10. How to remove default mouse-over effect on WPF buttons?
  11. How to change disabled background color of TextBox in WPF
  12. Image in WPF Button not Visible at Runtime
  13. Make WPF Image load async
  14. How to free the memory after the BitmapImage is no longer needed?
  15. Highlight whole TreeViewItem line in WPF
  16. How to bind Close command to a button
  17. Wpf – relative image source path
  18. How do you completely remove the button border in wpf?
  19. WPF: How to customize SelectionBoxItem in ComboBox
  20. TabControl with Add New Tab Button (+)
  21. Create flat button in WPF
  22. How do you disable MouseOver effects on a Button in WPF?
  23. WPF MouseLeftButtonUp Not Firing
  24. WPF: How to display an image at its original size?
  25. Get rid of button border in WPF?
  26. wpf custom button best approach
  27. DataTrigger where value is NOT null?
  28. Adding controls dynamically in WPF MVVM
  29. WPF MVVM: Convention over Configuration for ResourceDictionary?
  30. Child elements of scrollviewer preventing scrolling with mouse wheel?

Leave a Comment