更改按钮图像时IsEnabled [英] Changing Button image when IsEnabled

问题描述

我要改变按钮图像时按钮 IsEnabled ==假。

下面是我的榜样，绑定都很好，当我改变他们假/真它仍然没有工作。

 ＆LT;按钮X：NAME =btnBackwardGrid.Column =0Grid.Row =2命令={结合UserWorkflowManager.NavigateBackward}IsEnabled ={结合UserWorkflowManager.NavigateBackwardEnable}Grid.RowSpan =2＆GT;
    ＆LT; Button.Template＆GT;
        ＆LT;＆控件模板GT;
            ＆lt;图像名称=_形象的Horizo​​ntalAlignment =中心VerticalAlignment =中心拉伸=制服＆GT;
                ＆LT; Image.Style＆GT;
                    ＆LT;风格的TargetType =图片＆GT;
                        ＆LT; setter属性=源VALUE =/ UserWorkflow.View;组件/图片/ LDC500_butX_ previousPane_norm.bmp/＆GT;
                            ＆LT; Style.Triggers＆GT;
                                ＆LT; D​​ataTrigger绑定={绑定的ElementName = btnBackward，路径= IsEnabled}VALUE =FALSE＆GT;
                                    ＆LT; setter属性=源VALUE =/ UserWorkflow.View;组件/图片/ LDC500_butX_ previousPane_dis.bmp/＆GT;
                                ＆LT; / DataTrigger＆GT;
                            ＆LT; /Style.Triggers>
                    ＆LT; /样式和GT;
                ＆LT; /Image.Style>
            ＆LT; /图像＆GT;
        ＆LT; /控件模板＆GT;
    ＆LT; /Button.Template>
＆LT; /按钮＆GT;
 

解决方案

请尝试以下

 ＆LT; Style.Triggers＆GT;
    ＆LT; D​​ataTrigger绑定={结合IsEnabled，的RelativeSource = {的RelativeSource AncestorType =按钮}}VALUE =FALSE＆GT;
        ＆LT; setter属性=源VALUE =/ UserWorkflow.View;组件/图片/ LDC500_butX_ previousPane_dis.bmp/＆GT;
    ＆LT; / DataTrigger＆GT;
＆LT; /Style.Triggers>
 

或直接在控制模板添加触发器像这样

 ＆LT;＆控件模板GT;
                ＆lt;图像名称=_形象的Horizo​​ntalAlignment =中心＆GT;
                 ..........
                ＆LT; /图像＆GT;
                ＆LT; ControlTemplate.Triggers＆GT;
                    ＆LT;触发属性=IsEnabledVALUE =false的＆GT;
                        ＆LT;二传手的TargetName =_形象属性=源VALUE =/ UserWorkflow.View;组件/图片/ LDC500_butX_ previousPane_dis.bmp/＆GT;
                    ＆LT; /触发＆GT;
                ＆LT; /ControlTemplate.Triggers>
            ＆LT; /控件模板＆GT;
 

I want to change button image when button IsEnabled == False.

Below is my example, bindings are fine, when I change them for False/True it is still not working.

<Button x:Name="btnBackward" Grid.Column="0" Grid.Row="2" Command="{Binding UserWorkflowManager.NavigateBackward}" IsEnabled="{Binding UserWorkflowManager.NavigateBackwardEnable}" Grid.RowSpan="2">
    <Button.Template>
        <ControlTemplate>
            <Image Name="_image" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="Uniform">
                <Image.Style>
                    <Style TargetType="Image">
                        <Setter Property="Source" Value="/UserWorkflow.View;component/Images/LDC500_butX_PreviousPane_norm.bmp" />
                            <Style.Triggers>
                                <DataTrigger Binding="{Binding ElementName=btnBackward, Path=IsEnabled}" Value="False">
                                    <Setter Property="Source" Value="/UserWorkflow.View;component/Images/LDC500_butX_PreviousPane_dis.bmp"/>
                                </DataTrigger>
                            </Style.Triggers>
                    </Style>
                </Image.Style>
            </Image>
        </ControlTemplate>
    </Button.Template>
</Button>

解决方案

Try the following

<Style.Triggers>
    <DataTrigger Binding="{Binding IsEnabled,RelativeSource={RelativeSource AncestorType=Button}}" Value="False">
        <Setter Property="Source" Value="/UserWorkflow.View;component/Images/LDC500_butX_PreviousPane_dis.bmp"/>
    </DataTrigger>
</Style.Triggers>

Or add the trigger directly in the control template like so

            <ControlTemplate>
                <Image Name="_image" HorizontalAlignment="Center">
                 ..........
                </Image>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsEnabled" Value="false">
                        <Setter TargetName="_image" Property="Source" Value="/UserWorkflow.View;component/Images/LDC500_butX_PreviousPane_dis.bmp" />
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>

这篇关于更改按钮图像时IsEnabled的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！