在故事板中更改背后的ImageSource中的代码

Question

我需要创建一个情节提要，在其中更改图像控件的ImageSource以使其更平滑，但是由于我是情节提要的新手，所以我不知道如何执行此操作。

有人可以解释一下该怎么做吗？

这是我的XAML ：（ CenterScaleImage只是具有2个额外属性的Image-ctrl）

<Grid x:Name="LayoutRoot" DataContext="{Binding Main, Mode=OneWay, Source={StaticResource Locator}}" Background="White">
        <Controls:CenterScaleImage x:Name="Image" Margin="0" Source="{Binding PropVisibleImage}" ScaleFactor="{Binding PropScaleFactor}" CenterScaleX="{Binding PropScaleCenterX}" CenterScaleY="{Binding PropScaleCenterY}">
            <Controls:CenterScaleImage.RenderTransform>
                <TransformGroup>
                    <ScaleTransform ScaleY="{Binding PropScaleFactor}" ScaleX="{Binding PropScaleFactor}" CenterX="{Binding PropScaleCenterX}" CenterY="{Binding PropScaleCenterY}"/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform X="{Binding PropPanHorizontal}" Y="{Binding PropPanVertical}"/>
                </TransformGroup>
            </Controls:CenterScaleImage.RenderTransform>
        </Controls:CenterScaleImage>
    </Grid>

Answer 1

您不能将图像源更改为情节提要的一部分。 情节提要动画需要在动画过渡（补间）中的一个状态和下一个状态之间计算插值，在这种情况下，交换图像毫无意义。 〜最好的办法是创建一个数据或属性触发器，以根据需要交换图像源。