Question

我正在尝试更改RadioButton内容的不透明度，该内容是某些Text大概是TextBlock。当前的样式存在问题，它可以很好地更改“文本”的不透明度，但不会显示实际的单选按钮本身。请帮忙。

<UserControl.Resources>
  <Style x:Key="RadioLabel" TargetType="{x:Type RadioButton}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type RadioButton}">
                    <TextBlock x:Name="RadioLabel"
                               Text="{TemplateBinding Content}" 
                               Background="{x:Null}" />
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsChecked" Value="False">
                            <Setter TargetName="RadioLabel"
                                    Property="Background" 
                                    Value="Transparent"/>
                            <Setter TargetName="RadioLabel" 
                                    Property="Opacity" 
                                    Value="0.5"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</UserControl.Resources>

这是我的RadioButton

<RadioButton x:Name="rbn1" Style="{StaticResource RadioLabel}" GroupName="rbnApplication" 
             IsChecked="{Binding Path=CurrentApplicationType,
                                 Converter={StaticResource EnumComparisonConverter},
                                 ConverterParameter={x:Static utils:ApplicationType.QXManagerRegulatory}}" 
             IsEnabled="{Binding Path=CurrentApplicationType,
                                 Converter={StaticResource EnumComparisonConverter},
                                 ConverterParameter={x:Static utils:ApplicationType.QXManagerRegulatory}}" 
             Content="QX Manager Regulatory"/>

Answer 1

通常，最简单的方法是声明一个RadioButton（或任何其他控件），然后在属性选项卡中转到Miscellaneous-> Template，左键单击右侧的小方形按钮，然后选择“转换为本地值”。这将扩展完整的现有ControlTemplate，然后您可以对其进行编辑和/或向其添加触发器：

<RadioButton x:Name="template" >
    <RadioButton.Template>
        <ControlTemplate TargetType="{x:Type RadioButton}">
            <Grid x:Name="templateRoot" Background="Transparent" SnapsToDevicePixels="True">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto"/>
                    <ColumnDefinition Width="*"/>
                </Grid.ColumnDefinitions>
                <Border x:Name="radioButtonBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" CornerRadius="100" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="1,1,2,1" VerticalAlignment="{TemplateBinding VerticalContentAlignment}">
                    <Grid x:Name="markGrid" Margin="2">
                        <Ellipse x:Name="optionMark" Fill="#FF212121" MinWidth="6" MinHeight="6" Opacity="0"/>
                    </Grid>
                </Border>
                <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Grid.Column="1" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
            </Grid>
            <ControlTemplate.Triggers>
                <Trigger Property="HasContent" Value="True">
                    <Setter Property="FocusVisualStyle">
                        <Setter.Value>
                            <Style>
                                <Setter Property="Control.Template">
                                    <Setter.Value>
                                        <ControlTemplate>
                                            <Rectangle Margin="14,0,0,0" SnapsToDevicePixels="True" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
                                        </ControlTemplate>
                                    </Setter.Value>
                                </Setter>
                            </Style>
                        </Setter.Value>
                    </Setter>
                    <Setter Property="Padding" Value="4,-1,0,0"/>
                </Trigger>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" TargetName="radioButtonBorder" Value="#FFF3F9FF"/>
                    <Setter Property="BorderBrush" TargetName="radioButtonBorder" Value="#FF5593FF"/>
                    <Setter Property="Fill" TargetName="optionMark" Value="#FF212121"/>
                </Trigger>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Background" TargetName="radioButtonBorder" Value="#FFE6E6E6"/>
                    <Setter Property="BorderBrush" TargetName="radioButtonBorder" Value="#FFBCBCBC"/>
                    <Setter Property="Fill" TargetName="optionMark" Value="#FF707070"/>
                </Trigger>
                <Trigger Property="IsPressed" Value="True">
                    <Setter Property="Background" TargetName="radioButtonBorder" Value="#FFD9ECFF"/>
                    <Setter Property="BorderBrush" TargetName="radioButtonBorder" Value="#FF3C77DD"/>
                    <Setter Property="Fill" TargetName="optionMark" Value="#FF212121"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="True">
                    <Setter Property="Opacity" TargetName="optionMark" Value="1"/>
                </Trigger>
                <Trigger Property="IsChecked" Value="{x:Null}">
                    <Setter Property="Opacity" TargetName="optionMark" Value="0.56"/>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </RadioButton.Template>
</RadioButton>

Answer 2

这是因为您将ControlTemplate设置为RadioButton。这会改变您的整体控制权。相反，您需要使用ContentTemplate来更改您的Content。

在Style下应该适合您的情况。

<Style x:Key="RadioLabel" TargetType="{x:Type RadioButton}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate DataType="{x:Type RadioButton}">
                <TextBlock x:Name="RadioLabel"
                           Text="{TemplateBinding Content}" 
                           Background="{x:Null}" />
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding Path=IsChecked, 
                                           RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                                 Value="False">
                        <Setter TargetName="RadioLabel"
                                Property="Background" 
                                Value="Transparent"/>
                        <Setter TargetName="RadioLabel" 
                                Property="Opacity" 
                                Value="0.5"/>
                    </DataTrigger>
                </DataTemplate.Triggers>
            </DataTemplate>
        </Setter.Value>
    </Setter>
</Style>

禁用RadioButton文本时的不透明度

2 个答案: