Question

我有一组正确显示的单选按钮（如下图所示）。现在，当我点击它们时，它们周围似乎出现了一个红色方块（如下图所示）。这提醒我使用wpf渲染问题，因为我之前看到过与winforms类似的情况。

正确的行为：

错误行为图片：

至于开发我使用wpf和c＃，mvvmlight。

另外iv包括我的代码：

  <RadioButton GroupName="Part_GrpPlayBtn" 
                                     ToolTip="Play" 
                                     Style="{StaticResource StyleRadioButton}" 
                                     Template="{StaticResource Template_Play}"
                                     IsChecked="{Binding PlayState, Converter={StaticResource PlayStateToCheckedConvert}, ConverterParameter={x:Static local:ePlaybackState.ePlay}}" >
                            <i:Interaction.Triggers>
                                <i:EventTrigger EventName="Checked" >
                                    <i:InvokeCommandAction Command="{Binding PlayCommand,
                                                                                 RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type local:VMSPlayBarControl}}}" >

                                    </i:InvokeCommandAction>
                                </i:EventTrigger>
                            </i:Interaction.Triggers>
                        </RadioButton>

 <Style TargetType="RadioButton" x:Key="StyleRadioButton" >
    <Setter Property="Margin" Value="5" />
    <Setter Property="ToolTipService.IsEnabled" Value="{Binding IsChecked, RelativeSource={RelativeSource Self}}"/>
</Style>

<ControlTemplate x:Key="Template_Play" TargetType="{x:Type RadioButton}">
    <Grid>
        <Ellipse x:Name="Part_BgEllipse" Style="{StaticResource StyleEllipse}" />
        <Image x:Name="PART_Image" Source="{StaticResource ImgPlayOff}"  Style="{StaticResource StyleImage}"/>
        <ContentPresenter/>
    </Grid>
    <ControlTemplate.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="Part_BgEllipse" Property="Fill" Value="{StaticResource PrimaryBlueColorBrush}" />
        </Trigger>
        <Trigger Property="IsChecked" Value="True">
            <Setter TargetName="PART_Image" Property="Source" Value="{StaticResource ImgPlayHover}"/>
            <Setter TargetName="Part_BgEllipse" Property="Fill" Value="{StaticResource SecondaryLightGrayColorBrush}" />
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

关于上述问题的任何建议或想法？

感谢。

Answer 1

它是由于绑定问题引起的。您将单选按钮的IsChecked属性绑定到ViewModel属性，因为转换器中的 ConvertBack 功能中的数据类型不正确。请同时发布转换器代码。

无论如何都要尝试这个并检查它是否有效。

public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
{
    return Binding.DoNothing;
}

单击Wpf时，单选按钮控件周围出现红色方块

1 个答案: