2016-08-19 119 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

另外在你的问题中,你从来没有提到任何有关去除任何类型的圆圈....我不知道你的意思是“如何去除单选按钮上的圆圈(按钮左侧的圆圈)”也许是在问题中更清楚并添加一张照片将有助于澄清。 –