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

Question

我有以下 XAML 代码 Windows Phone 8.1（非 SilverLight）:

<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);
}

应该可以了！

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

WP 8.1 ToggleButton Change Icon when Checked / UnChecked

xaml

togglebutton

windows-phone-8.1