Question

我在WPF应用程序中有一个按钮。我正在呈现图像而不是按钮。当我的应用程序出现时，所有控件都被禁用，直到用户登录。我希望我的应用程序以按钮开始，它的图像是灰色的 - ＆gt;禁用。当有人登录时，我想更改为彩色图像。但是我无法访问按钮模板中的图像。有人可以帮忙吗？谢谢。

我的按钮代码 -

<Button  Height="55" Background="CornflowerBlue" Foreground="White" FontWeight="Normal" Name="Button_Cancel" FontSize="12" VerticalAlignment="Bottom" HorizontalAlignment="Left" Width="55" Click="Button_Cancel_Click">
        <Button.Template>
            <ControlTemplate TargetType="{x:Type Button}">
                <StackPanel >
                    <Image Source="Images/myImage.png" Name="Image_Cancel"/>
                </StackPanel>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Button.BitmapEffect" >
                            <Setter.Value>
                                <DropShadowBitmapEffect Color="LightGray" Direction="300" ShadowDepth="5" >
                                </DropShadowBitmapEffect>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="True">
                        <Setter Property="Button.RenderTransform">
                            <Setter.Value>
                                <TransformGroup>
                                    <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="0.970" ScaleY="0.970">
                                    </ScaleTransform>
                                    <!--<SkewTransform AngleY="2" CenterY="-100"/>-->
                                </TransformGroup>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Button.Template>
    </Button>

Answer 1

您可以通过触发器将图像与IsEnabled属性连接起来，然后您可能不需要访问后面的代码。

<Image>
    <Image.Style>
        <Style TargetType="{x:Type Image}">
            <Setter Property="Source" Value="Images/Image_Normal.png" />
            <Style.Triggers>
                <Trigger Property="IsEnabled" Value="False">
                    <Setter Property="Source" Value="Images/Image_Disabled" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Image.Style>
</Image>

Answer 2

你可以这样做..

<StackPanel >
     <Image x:name="MyImage" Source="Images/myImage.png" Name="Image_Cancel"/>
</StackPanel>

当您想要访问图像或修改图像时

<Setter Property = "Source" TargetName = "MyImage" value = "something"/>

更改Button模板中的图像源

2 个答案: