3

テンプレートを変更したボタンがあるので、ボタンをクリックしてマウスオーバーすると異なる背景色が表示されます（水色ではなく緑色になります）。

それ自体はうまく機能しますが、いくつかの状態に応じて背景色を変更する必要があるため、コードの背景を変更する必要があります。

私の問題は、コードの背景色を変更すると、正しく変更されますが、クリックイベントまたはマウスオーバーイベントの背景が変更されなくなることです。

どういうわけかコードの背景色を上書きしたので、テンプレートで作成したものがカバーされていると思います。この問題を修正して、コード全体で背景を変更しながら、クリックしてマウスオーバーするアクションを実行するにはどうすればよいですか？

これが私のXAMLコードです：

<Style x:Key="NodeButtonStyle" TargetType="{x:Type Button}">
            <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
            <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/>
            <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
            <Setter Property="HorizontalContentAlignment" Value="Center"/>
            <Setter Property="VerticalContentAlignment" Value="Center"/>
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Microsoft_Windows_Themes:ButtonChrome x:Name="Chrome" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}"  RenderDefaulted="{TemplateBinding IsDefaulted}" SnapsToDevicePixels="true" OverridesDefaultStyle="true">
                            <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                        </Microsoft_Windows_Themes:ButtonChrome>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsKeyboardFocused" Value="true">
                                <Setter Property="Background">
                                    <Setter.Value>
                                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                            <GradientStop Color="#FFCFF9C4" Offset="0"/>
                                            <GradientStop Color="#FF249505" Offset="1"/>
                                            <GradientStop Color="#FF58D835" Offset="0.5"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                            <Trigger Property="IsEnabled" Value="false">
                                <Setter Property="Foreground" Value="#ADADAD"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background">
                                    <Setter.Value>
                                        <LinearGradientBrush EndPoint="0,1" StartPoint="0,0" Opacity="0.5">
                                            <GradientStop Color="#FFCFF9C4" Offset="0"/>
                                            <GradientStop Color="#FF249505" Offset="1"/>
                                            <GradientStop Color="#FF58D835" Offset="0.5"/>
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

コードでは、button1.Background=newBrush;を実行します。

同様の質問を探してみましたが、見つかりませんでした。助けていただければ幸いです。私はblend4.net 3.5とC＃を使用しています。

4

2 に答える 2

1

DependecyProperty値の優先順位の問題が発生していると思います。コードで値を設定すると、スタイルで設定された値が上書きされます。バックコードでプロパティを直接設定する代わりに、ボタンのスタイルを変更してみてください。もう1つの解決策は、背景をDataContextのプロパティにバインドし、スタイルではなくそこに設定することです。

于 2012-06-20T03:01:38.263 に答える
0

ダンは正しいです。これを回避する方法は次のとおりです

                  <Trigger Property="IsMouseOver" Value="True">
                            <Trigger.EnterActions>
                                <BeginStoryboard Name="fred">
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <LinearGradientBrush EndPoint="0,1" StartPoint="0,0" Opacity="0.5">
                                                        <GradientStop Color="#FFCFF9C4" Offset="0"/>
                                                        <GradientStop Color="#FF249505" Offset="1"/>
                                                        <GradientStop Color="#FF58D835" Offset="0.5"/>
                                                    </LinearGradientBrush>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </BeginStoryboard>
                            </Trigger.EnterActions>
                            <Trigger.ExitActions>
                                <RemoveStoryboard BeginStoryboardName="fred" />
                            </Trigger.ExitActions>
                        </Trigger>

このシナリオでは、ColorAnimation の代わりに ObjectAnimation を使用したため、背景が最初に設定されたブラシの種類について仮定する必要がないことに注意してください。

于 2012-06-20T03:32:29.617 に答える