RadioButton和图像

时间:2013-05-15 19:24:28

标签: c# xaml radio-button toggle

我尝试为我的RadioButtons设置图像而不是子弹。我有10个RadioButtons但是我无法为所有人设置我的FishImg。只有我之前点击过的rb才会显示imgFish。

我的风格

    <Style TargetType="RadioButton">
    <Setter Property="Content" Value="{DynamicResource imgFish}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type RadioButton}">
                <Grid>
                    <Image Source="Images/empty.png" Width="24" Height="24" />
                    <ContentPresenter/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter Property="Content" Value="{DynamicResource imgHero}"/>
        </Trigger>
        <Trigger Property="IsChecked" Value="False">
            <Setter Property="Content" Value="{DynamicResource imgFish}"/>
        </Trigger>
    </Style.Triggers>
</Style>

我的XAML

                <RadioButton Grid.Column="2" Grid.Row="1" Name="hvP1" />
                <RadioButton Grid.Column="2" Grid.Row="2" Name="hvP2" />
                <RadioButton Grid.Column="2" Grid.Row="3" Name="hvP3" />
                <RadioButton Grid.Column="2" Grid.Row="4" Name="hvP4" />
                <RadioButton Grid.Column="2" Grid.Row="5" Name="hvP5" />
                <RadioButton Grid.Column="2" Grid.Row="6" Name="hvP6" />
                <RadioButton Grid.Column="2" Grid.Row="7" Name="hvP7" />
                <RadioButton Grid.Column="2" Grid.Row="8" Name="hvP8" />
                <RadioButton Grid.Column="2" Grid.Row="9" Name="hvP9" />
                <RadioButton Grid.Column="2" Grid.Row="10" Name="hvP10" />

1 个答案:

答案 0 :(得分:4)

最后我今天发现它,即使我很确定我昨天尝试过它......可能会累了。

这是一个有效的解决方案

<Window x:Class="WpfApplication2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525">
<Window.Resources>
    <Image Source="Images/on.png" x:Key="imgOn"/>
    <Image Source="Images/off.png" x:Key="imgOff"/>
    <Style TargetType="RadioButton">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <Grid>
                        <Image Source="Images/off.png" Width="32" Height="32"/>
                        <ContentPresenter/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Content" Value="{DynamicResource imgOn}"/>
            </Trigger>
            <Trigger Property="IsChecked" Value="False">
                <Setter Property="Content" Value="{DynamicResource imgOff}"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<StackPanel>
    <RadioButton Name="rb1" Width="32" Height="32" Margin="5"/>
    <RadioButton Name="rb2" Width="32" Height="32" Margin="5"/>
    <RadioButton Name="rb3" Width="32" Height="32" Margin="5"/>
    <RadioButton Name="rb4" Width="32" Height="32" Margin="5"/>
</StackPanel>