XAML 图像被切断答案

【问题标题】：XAML image gets cut offXAML 图像被切断
【发布时间】：2015-04-05 21:07:21
【问题描述】：

在 XAML 中，我正在尝试制作一个被截断为背景的大图像，以便在屏幕上缓慢移动，直到它到达另一边的图像。问题是图像总是不比显示器大，即使它被拉伸了。所以我留下了一个屏幕大小的图像，背景是黑色的。

        <Image x:Name="background" HorizontalAlignment="Left" Grid.Row="1" Width="1500" Stretch="Fill" MaxWidth="1500" MinWidth="1500">
        <Image.RenderTransform>
                <TranslateTransform x:Name="bgTranslate" X="0"></TranslateTransform>
            </Image.RenderTransform>
        </Image>

【问题讨论】：

Image的父控件是什么？
父级是网格

标签： c# xaml windows-phone-8.1

【解决方案1】：

Grid 控件以可用的单元格大小排列图像。然后，在应用任何 RenderTransform 之前，Image 控件会切断排列矩形之外（因此不可见）的图像部分。

一个简单的解决方法是将图像放在 Canvas 中，它按所需大小排列其子元素：

<Grid ...>
    ...
    <Canvas Grid.Row="1">
        <Image x:Name="background" Width="1500">
            <Image.RenderTransform>
                <TranslateTransform x:Name="bgTranslate"/>
            </Image.RenderTransform>
        </Image>
    </Canvas>
    ...
</Grid>

【讨论】：