更改按钮模板内的图像源

本文关键字：图像 按钮 | 更新日期: 2023-09-27 17:58:07

我在WPF应用程序中有一个按钮。我展示的是一个图像而不是一个按钮。当我的应用程序启动时，所有控件都将被禁用，直到用户登录。我希望我的应用从图像为灰色的按钮开始-->禁用。当有人登录时，我想更改为彩色图像。但我无法访问按钮模板中的图像。有人能帮忙吗？非常感谢。

我的按钮的代码-

<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>

更改按钮模板内的图像源

您可以通过触发器将图像与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>

您可以这样做。。

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

当你想访问或修改图像时，

<Setter Property = "Source" TargetName = "MyImage" value = "something"/>
相关文章：