检查/取消检查时WP 8.1 ToggleButton更改图标

时间:2015-06-14 10:19:29

标签: xaml windows-phone-8.1 togglebutton

我有 Windows Phone 8.1(非SilverLight)的以下XAML代码:

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

上述代码的输出是:

toggle

如果选中切换按钮,如何将图标更改为stop图标,然后在未选中时将其更改为play图标?

我认为这很容易通过谷歌找到,但显然不是。

1 个答案:

答案 0 :(得分: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);
}

那应该做的工作!