XAML - 当我将其带入页面时，页面外部的图像的一部分不可见

Question

我有一个伸展设置为“UniformToFill”。因此，图像的一部分位于页面之外。我创建了一个动画，通过使用其变换的TranslateX将页面向左移动。 问题是当我运行动画并且图像向左移动时，但是页面外部的图像部分保持不可见，黑色，不呈现。 这里有解决方案吗？

动画：

<Storyboard x:Name="MoveBackground" Completed="MoveBackgroundAnimCompleted">
    <DoubleAnimation x:Name="MoveBackgroundX" To="-775" Storyboard.TargetName="BackgroundTransform" Storyboard.TargetProperty="TranslateX" Duration="0:0:0.1"/>
</Storyboard>

图像：

    <Image x:Name="PageBackground" Source="Assets/black.png" HorizontalAlignment="Center" ImageFailed="PageBackground_ImageFailed" ImageOpened="PageBackground_ImageOpened" Opacity="0" RenderTransformOrigin="0.5,0.5" Stretch="UniformToFill">
        <Image.RenderTransform>
            <CompositeTransform x:Name="BackgroundTransform" TranslateX="0"/>
        </Image.RenderTransform>
    </Image>

Answer 1

我修复了将图像放在Stackpanel中的问题。 出现的情况是图像被剪切到LayoutRoot网格，并且使用RenderTransform的Translate移动图像，但它会保持剪切，因为它在原始位置。 Stackpanel不会剪辑内部的项目。