2015-06-14 17 views
0

我爲Windows手機8.1(非Silverlight的)以下XAML代碼:WP 8.1切換按鈕更改圖標經過時/未選中狀態

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

上述代碼的輸出是:

toggle

切換按鈕被選中時,如何將圖標更改爲stop圖標,如果未選中則返回play圖標?

我認爲這很容易通過谷歌找到,但顯然不是。

回答

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

這應該做的工作!

+0

如何知道我是否需要名稱屬性前面的'x:'?有沒有辦法,還是一個經驗問題? – Ciwan

+0

我從來沒有嘗試過沒有x:,因爲Visual Studio自動添加它,因爲我使用屬性窗口來命名項目(然後創建XAML)。 – AirPett

+0

謝謝!我更喜歡在其中輸入XAML代碼,並認爲可能有一種簡單的方法來知道何時應該放入'x:'。 – Ciwan