Contrôle D'Image WPF avec Événement de clic

pour développer la réponse de Shawn Mclean, une des grandes capacités de WPF est la capacité de tirer parti du comportement d'un contrôle tout en changeant complètement l'apparence de ce contrôle. Si vous voulez créer une image qui se comporte comme un bouton (complet avec les événements de clic, liaison de commande, assignation de bouton par défaut, etc.) vous pouvez placer une image dans un bouton de commande et restyle ce bouton pour supprimer le bouton "chrome". Cela vous donnera l'API agréable d'un bouton avec le regard que vous désir. Vous pouvez réutiliser ce style et cette approche réduira le besoin de créer des gestionnaires d'événements dans votre code derrière si vous avez des commandes à lier à vos nouveaux boutons d'image.

créer un tel style est assez facile. Créez simplement une nouvelle ressource style avec une clé nommée dans une ressource et assignez cette ressource à la propriété Style de vos boutons. Voici un exemple que j'ai rassemblé:

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
x:Class="ButtonStyleTestApp.MainWindow"
x:Name="Window"
Title="MainWindow"
Width="640" Height="480">

<Window.Resources>
    <Style x:Key="NoChromeButton" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
        <Setter Property="HorizontalContentAlignment" Value="Center"/>
        <Setter Property="VerticalContentAlignment" Value="Center"/>
        <Setter Property="Padding" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid x:Name="Chrome" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                    </Grid>
                    <ControlTemplate.Triggers>                          
                        <Trigger Property="IsEnabled" Value="false">
                            <Setter Property="Foreground" Value="#ADADAD"/>
                            <Setter Property="Opacity" TargetName="Chrome" Value="0.5"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<Grid x:Name="LayoutRoot" Background="#FF44494D">
    <Button Style="{DynamicResource NoChromeButton}" Click="ButtonClicked" >
        <Image Source="Desert.png" Stretch="None"/>
    </Button>
</Grid>
</Window>