Image XAML-图像的一部分,当我将其放入页面时,它在页面外部不可见

Image XAML-图像的一部分,当我将其放入页面时,它在页面外部不可见,image,xaml,windows-runtime,windows-phone,windows-phone-8.1,Image,Xaml,Windows Runtime,Windows Phone,Windows Phone 8.1,我有一个手指,伸展设置为UniformToFill。因此,图像的一部分位于页面之外。我创建了一个动画,通过使用页面变换的TranslateX将页面向左移动。 问题是,当我运行动画时,图像向左移动,但页面外的图像部分保持不可见,黑色,不渲染。 这里有什么解决办法吗 动画: <Storyboard x:Name="MoveBackground" Completed="MoveBackgroundAnimCompleted"> <DoubleAnimation x:Name=

我有一个手指,伸展设置为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>

我修复了将图像放入Stackpanel的问题。 发生的情况是,图像被剪裁到LayoutRoot网格,并且使用RenderTransform的平移移动图像,但它保持剪裁,就像它在原始位置一样。 Stackpanel不会剪裁内部的项目