选中/未选中时 WP 8.1 ToggleButton 更改图标

Question

我有以下适用于 Windows Phone 8.1（非 SilverLight） 的 XAML 代码：

<Grid>
  <ToggleButton Name="TogBtn" VerticalAlignment="Center" HorizontalAlignment="Center" Checked="ToggleButton_OnChecked">
    <SymbolIcon Symbol="play"></SymbolIcon>
  </ToggleButton>
</Grid>

以上代码的输出为：

如何在选中切换按钮时将图标更改为 stop 图标，然后在未选中时更改为 play 图标？

我认为这很容易通过 Google 找到，但显然不是。

Answer 1

请将您的 XAML 更改为：

<Grid>
    <ToggleButton x:Name="TogBtn" HorizontalAlignment="Center" VerticalAlignment="Center" Checked="ToggleButton_Checked" Unchecked="ToggleButton_Unchecked">
        <SymbolIcon Symbol="Play"></SymbolIcon>
    </ToggleButton>
</Grid>

请将此添加到您的 .cs 文件中：

private void ToggleButton_Checked(object sender, RoutedEventArgs e)
{
    TogBtn.Content = new SymbolIcon(Symbol.Stop);
}

private void ToggleButton_Unchecked(object sender, RoutedEventArgs e)
{
    TogBtn.Content = new SymbolIcon(Symbol.Play);
}

这应该可以完成工作！