Ändern Sie die Größe eines Bildes innerhalb der Grenze bei Klick in C#

Question

Wie kann ich ein Bild in Button um es größer zu machen, wenn ich es mit Width und Height.

My Button XAML-Code ist dies:

<Button x:Name="Input2" Grid.Row="0" MouseEnter="Input2_MouseEnter" MouseLeave="Input2_MouseLeave" Click="Input2_Click" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}"> 
      <Button.Template> 
       <ControlTemplate> 
        <Border HorizontalAlignment="Center" VerticalAlignment="Center" > 
         <Image Source= "C:\input.png" 
          Width="40" 
          Height="40"/> 
        </Border> 
       </ControlTemplate> 
      </Button.Template> 
</Button> 

Input2.Height - Ändern Sie die Größe der Schaltfläche, nicht das Bild in seinem Inneren.

Mein C# -Code:

private void Input2_Click(object sender, RoutedEventArgs e) 
{ 
    // What to do here? 
} 

Answer 1

Statt einen Click-Ereignishandler für die Befestigung, besser, einen Trigger auf der IsPressed Eigenschaft der Schaltfläche verwenden:

<Button> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <Border> 
       <Image x:Name="image" Width="40" Height="40" Source="C:\input.png"/> 
      </Border> 
      <ControlTemplate.Triggers> 
       <Trigger Property="IsPressed" Value="True"> 
        <Setter TargetName="image" Property="Width" Value="50"/> 
        <Setter TargetName="image" Property="Height" Value="50"/> 
       </Trigger> 
      </ControlTemplate.Triggers> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 

Answer 2

Die einfachste Lösung wird x hinzuzufügen: Name = "input2Image" auf das Bildelement, und das Bild zu vergrößern diesen Namen verwenden, wie folgt aus:

<Button x:Name="Input2" Grid.Row="0" MouseEnter="Input2_MouseEnter" MouseLeave="Input2_MouseLeave" Click="Input2_Click" Background="{x:Null}" BorderBrush="{x:Null}" Foreground="{x:Null}"> 
     <Button.Template> 
      <ControlTemplate> 
       <Border HorizontalAlignment="Center" VerticalAlignment="Center" > 
        <Image x:Name="Input2Image" Source= "C:\input.png" 
         Width="40" 
         Height="40"/> 
       </Border> 
      </ControlTemplate> 
     </Button.Template> 

Und:

private void Input2_Click(object sender, RoutedEventArgs e) 
{ 
    this.Input2Image.Height = 80; 
    this.Input2Image.Width = 80; 
} 

Dies sollte funktionieren, aber Sie sollten in Betracht ziehen, Bindungen und das MVVM-Muster zu verwenden, um die Leistung von WPF zu maximieren.