XAML - 页面外部的图像的一部分在我将其带入内部时不可见答案

【问题标题】：XAML - Part of an image that is outside the page not visible when I bring it insideXAML - 页面外部的图像的一部分在我将其带入内部时不可见
【发布时间】：2014-12-21 20:52:30
【问题描述】：

我有一个并且拉伸设置为“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>

【问题讨论】：

标签： image xaml windows-runtime windows-phone windows-phone-8.1

【解决方案1】：

我修复了将图像放入 Stackpanel 的问题。发生的情况是图像被剪裁到 LayoutRoot 网格，并且使用 RenderTransform 的 Translate 移动图像，但它仍然被剪裁，因为它在它的原始位置。 Stackpanel 不会剪切内部的项目。

【讨论】：