使用自定义按钮样式更改按钮内容的前景色或笔触颜色

debugcn 发表于 Dev

帕特里克

我尝试使用以下自定义按钮样式来更改椭圆的笔触，即鼠标悬停时按钮的内容：

<Style x:Key="MyButtonStyle" TargetType="ButtonBase">
    <Setter Property="Foreground" Value="Black"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ButtonBase">
                <Grid x:Name="RootGrid">
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="PointerOver">
                                <Storyboard>
                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter">
                                        <DiscreteObjectKeyFrame KeyTime="0" Value="Blue" />
                                    </ObjectAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                        </VisualStateGroup>
                    </VisualStateManager.VisualStateGroups>
                    <ContentPresenter
                            x:Name="ContentPresenter"
                            Foreground="{TemplateBinding Foreground}" 
                            ContentTemplate="{TemplateBinding ContentTemplate}"
                            ContentTransitions="{TemplateBinding ContentTransitions}"
                            Content="{TemplateBinding Content}" />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

为什么只有带有文本“正在工作”的TextBlock才能更改其Foreground属性？

<Button x:Name="MyButton" Style="{StaticResource MyButtonStyle}">
    <StackPanel>
                <Ellipse Width="20" Height="20" Stroke="{x:Bind MyButton.Foreground, Mode=OneWay}"></Ellipse>
                <TextBlock Foreground="{x:Bind MyButton.Foreground, Mode=OneWay}" Text="Not Working" />
                <TextBlock Text="Working" />
    </StackPanel>
</Button>

贾斯汀·林（Justin Lam）

您的视觉动画正在修改ContentPresenter的前景，而不是Button（MyButton）的前景。
使用aContentControl代替aContentPresenter来访问模板中的其他属性。
访问其他一些控件，Foreground例如以下内容。

代码：

<StackPanel>
     <Ellipse Width="20" Height="20" Stroke="{x:Bind MyText.Foreground, Mode=OneWay}"></Ellipse>
     <TextBlock Foreground="{x:Bind MyText.Foreground, Mode=OneWay}" Text="Not Working" />
     <TextBlock x:Name="MyText" Text="Working" />
</StackPanel>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。