网格前景禁用颜色

Question

我有一个简单的 window，其中有一个 Grid，还有一个 TextBox。我将 Grid 上的 IsEnabled 设置为 False。

<Grid IsEnabled="False">
    <TextBox Text="Foo"/>
    <TextBlock Text = "Bar"/>
    <TextBox Text="Bazz" Foreground ="Orange"/>
</Grid>

XAML Designer 显示所有三个元素现在都变灰以响应 IsEnabled = false，如果我调试，所有三个元素中的文本在应用程序中都变灰。我想将灰色前景状态的值控制为更暗的值。

由于三个内部控件在禁用时保留其颜色，因此 WPF 似乎通过不透明度更改传达“已禁用”。 Where/how 我可以覆盖这个吗？如果 XAML Designer 显示所需的深色文本，那就太好了。

Answer 1

确实，TextBox 的默认样式只是设置了较低的不透明度。

<Trigger Property="IsEnabled" Value="false">
    <Setter Property="Opacity" TargetName="border" Value="0.56"/>
</Trigger>

要更改此设置，您必须创建自己的 TextBox 样式或复制默认样式及其控件模板，例如using Visual Studio or Blend。从那里，通过将设置器添加到上面显示的触发器来自定义禁用状态。

<SolidColorBrush x:Key="TextBox.Static.Border" Color="#FFABAdB3"/>
<SolidColorBrush x:Key="TextBox.MouseOver.Border" Color="#FF7EB4EA"/>
<SolidColorBrush x:Key="TextBox.Focus.Border" Color="#FF569DE5"/>
<Style x:Key="TextBoxStyle" TargetType="{x:Type TextBox}">
    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/>
    <Setter Property="BorderBrush" Value="{StaticResource TextBox.Static.Border}"/>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="KeyboardNavigation.TabNavigation" Value="None"/>
    <Setter Property="HorizontalContentAlignment" Value="Left"/>
    <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
    <Setter Property="AllowDrop" Value="true"/>
    <Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst"/>
    <Setter Property="Stylus.IsFlicksEnabled" Value="False"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TextBox}">
                <Border x:Name="border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                    <ScrollViewer x:Name="PART_ContentHost" Focusable="false" HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Hidden"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <!-- ...add or change setters here. -->
                        <Setter Property="Opacity" TargetName="border" Value="0.56"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.MouseOver.Border}"/>
                    </Trigger>
                    <Trigger Property="IsKeyboardFocused" Value="true">
                        <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource TextBox.Focus.Border}"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsInactiveSelectionHighlightEnabled" Value="true"/>
                <Condition Property="IsSelectionActive" Value="false"/>
            </MultiTrigger.Conditions>
            <Setter Property="SelectionBrush" Value="{DynamicResource {x:Static SystemColors.InactiveSelectionHighlightBrushKey}}"/>
        </MultiTrigger>
    </Style.Triggers>
</Style>

例如，此触发器将前景色设置为半不透明的红色。

<Trigger Property="IsEnabled" Value="false">
    <Setter Property="Opacity" TargetName="border" Value="0.5"/>
    <Setter Property="Foreground" Value="Red"/>
</Trigger>

然后，在 TextBoxes 中要应用样式的地方引用样式。

<Grid IsEnabled="False">
    <TextBox Style="{StaticResource TextBoxStyle}" Text="Foo"/>
    <TextBlock Style="{StaticResource TextBlockStyle}" Text = "Bar"/>
    <TextBox Style="{StaticResource TextBoxStyle}" Text="Bazz" Foreground ="Orange"/>
</Grid>

如果您想自动将样式应用于您创建样式的资源范围内的所有 TextBoxes，请删除其 x:Key 以使其隐式并且不设置或引用样式。

<Style TargetType="{x:Type TextBox}">

<Grid IsEnabled="False">
    <TextBox Text="Foo"/>
    <TextBlock Text = "Bar"/>
    <TextBox Text="Bazz" Foreground ="Orange"/>
</Grid>

默认 TextBlock 样式没有针对禁用状态的特殊外观。您可以将其调整为类似于 TextBox 样式。这是一个例子。

<Style TargetType="{x:Type TextBlock}">
    <Setter Property="TextWrapping" Value="NoWrap"/>
    <Setter Property="TextTrimming" Value="None"/>
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="Red"/>
        </Trigger>
    </Style.Triggers>
</Style>

网格前景禁用颜色

Grid Foreground Disabled Color

c#

wpf

xaml