使用 MahApps Metro 单击按钮后更改图像

Question

我正在使用 MahApps Metro，这是我的 Button:

<Button
    Name="startBtn"
    Width="55"
    Height="55"
    VerticalAlignment="Top"
    Style="{DynamicResource MetroCircleButtonStyle}"
    Click="playBtn_Click">
    <Rectangle
      Width="25"
      Height="25">
        <Rectangle.Fill>
            <ImageBrush                         
                ImageSource="pack://application:,,,/Resources/start.ico" />
        </Rectangle.Fill>
    </Rectangle>
</Button>

所以我只想更改 Button Click Event 中的 Button image:

private void startBtn_Click(object sender, RoutedEventArgs e)
{

}

Answer 1

XAML:

<Button
   Name="startBtn"
   Width="55"
   Height="55"
   VerticalAlignment="Top"
   Style="{DynamicResource MetroCircleButtonStyle}"
   Click="playBtn_Click">
   <Image Width="25" Height="25" Source="pack://application:,,,/Resources/start.ico" />
</Button>

代码：

private void startBtn_Click(object sender, RoutedEventArgs e)
{
     ((sender as Button).Content as Image).Source = new BitmapImage(new Uri("yourpath.png"));
}

使用 MahApps Metro 单击按钮后更改图像

Change image after button click using MahApps Metro

wpf

button

mahapps.metro