Question

我定义了一个按钮样式，其中模板的ContentPresenter名称为“contentPresenter”。然后它有一个这样的触发器设置：

^(((25[0-5])|(2[0-4]\d)|(1\d{2})|(\d{1,2}))\.){3}(((25[0-5])|(2[0-4]\d)|(1\d{2})|(\d{1,2})))$

此按钮仅在禁用按钮时将按钮的前景色更改为灰色。但是，我的应用程序中有一个按钮，其内容没有简单的文本。按钮看起来像这样：

<ControlTemplate.Triggers>
    <Trigger Property="UIElement.IsEnabled" Value="False">
        <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="#FF838383" />
    </Trigger>
</ControlTemplate.Triggers>

无论按钮是否被禁用，此按钮的前景始终相同。我在想它是因为按钮的文本位于内容展示器的stackpanel内的文本块中，但我不知道如何将前景颜色更改应用于内部文本块。

我尝试更改触发器中的Property以使用“TextBlock.Foreground”而不是“TextElement.Foreground”。我还尝试将内部文本块的前景绑定到FrameworkElement类型的最近祖先的前景颜色，如下所示：

<Button Grid.Column="3" Grid.Row="3" Grid.ColumnSpan="2"
            Margin="120 20 30 10"
            Command="{Binding SomeCommand}">
        <StackPanel Orientation="Horizontal">
            <Image Source="{Binding MyImage}" Margin="0 0 2 0"
                   Visibility="{Binding ShowMyImage, Converter={StaticResource BooleanToVisibilityConverter}}"/>
            <TextBlock Text="{Binding ButtonText}" />
        </StackPanel>
    </Button>

这些都不起作用。我需要做些什么才能将前景色应用于StackPanel内的TextBlock？

Answer 1

您的触发器应该是Style，并且应该在Button本身上设置Foreground，而不是在ContentPresenter上。然后它就是Just Work，使用自定义模板或使用默认模板。无需任何额外的绑定。

<Style TargetType="Button" x:Key="MyButtonStyle">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Border Background="Beige" BorderBrush="Black" BorderThickness="1" Padding="6,2">
                    <ContentPresenter 
                        />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="IsEnabled" Value="False">
            <Setter Property="Foreground" Value="#FF838383" />
        </Trigger>
    </Style.Triggers>
</Style>

用法：

<Button
    IsEnabled="False"
    Style="{StaticResource MyButtonStyle}"
    >
    <StackPanel>
        <TextBlock 
        >Blah Blah</TextBlock>
        <Button>X</Button>
    </StackPanel>
</Button>
<Button Style="{StaticResource MyButtonStyle}" IsEnabled="False">Testing</Button>

屏幕截图（不要介意我丑陋的模板）：

当内容为StackPanel时，按钮前景不会更改

1 个答案: