2016-08-19 105 views
0

如何替換單選按鈕上的圖像? 我想爲每個單選按鈕使用下面的圖片。替換單選按鈕上的圖像

radio button image

XAML:

<RadioButton x:Name="FreshBtn" Content="Fresh" Style="{StaticResource TabRadioButtonStyle}" IsChecked="True" Click="FreshBtn_Click" FontSize="23" Grid.Column="0"/> 
<RadioButton x:Name="PopularBtn" Content="Popular" Style="{StaticResource TabRadioButtonStyle}" IsChecked="False" Margin="0,0,0,0" Click="PopularBtn_Click" FontSize="23" Grid.Column="1"/> 
<RadioButton x:Name="FreeBtn" Content="Free" Style="{StaticResource TabRadioButtonStyle}" IsChecked="False" Margin="0,0,0,0" Click="FreeBtn_Click" FontSize="23" Grid.Column="2"/> 

而且我也想問問如何改變單選按鈕的圖像點擊時?

回答

0

我假設你想改變單選按鈕的背景圖片。對於你可以做如下:

<RadioButton x:Name="FreshBtn" Content="" Style="{StaticResource TabRadioButtonStyle}" IsChecked="True" Click="FreshBtn_Click" FontSize="23" Grid.Column="0" Margin="10,302,0,301" Checked="FreshBtn_Checked"> 
    <RadioButton.Background> 
     <ImageBrush ImageSource="/Assets/myImage.jpg"></ImageBrush> 
    </RadioButton.Background> 
</RadioButton> 

因爲當單選按鈕被點擊,您將需要一個教學貫徹點擊或更改事件處理程序更改回地面。以下是點擊一個的例子,這會改變一下單選按鈕的背景:

private void FreshBtn_Click(object sender, RoutedEventArgs e) 
{ 
    FreshBtn.Background = new ImageBrush 
    { 
     Stretch = Windows.UI.Xaml.Media.Stretch.UniformToFill, 
     ImageSource = 
      new BitmapImage { UriSource = new Uri("ms-appx:///Assets/myImage_2.png") } 
    }; 
} 

爲了改變時,單選按鈕被點擊,你仍然需要實現一個「點擊」圖片事件處理程序,以便單擊單選按鈕時更改圖像,上面的代碼應該可以處理該問題。

+0

我的觀點是如果單選按鈕被選中,那麼圖片將會改變?和\t如何刪除單選按鈕上的圓(按鈕左側的圓)? – Rose

+0

這也與上述相同。您仍然需要爲您的單選按鈕實現事件處理程序。 –

+0

另外在你的問題中,你從來沒有提到任何有關去除任何類型的圓圈....我不知道你的意思是「如何去除單選按鈕上的圓圈(按鈕左側的圓圈)」也許是在問題中更清楚並添加一張照片將有助於澄清。 –