图像翻译被剪裁(如何防止)

时间:2014-10-08 13:19:13

标签: xaml windows-phone-8 clipping

当UI对象部分位于屏幕外时,如何强制UI对象不被剪裁。我的图像完全不适合屏幕内部。当我拖动它(TranslateY)时,它会像它应该的那样移动,但问题是屏幕外部的部分不会出现,因此图像会突然切断。图像中唯一可见的部分是最初适合屏幕的部分。

聚苯乙烯。请不要推荐scollviewer,因为这是关于在UI上执行特定操作的手势,而ScrollViewer不适合。

这基本上是XAML(图像是显示屏高度的两倍)

<Grid x:Name="GestureScreen" ManipulationMode="TranslateY"  RenderTransformOrigin="0.5,0.5"> 
    <Image x:Name="GestureImage" CacheMode="BitMapCache" Source="Assets/bg/draggable.png" />
</Grid>

这是C#(不太相关,但仍然是)

void GestureScreen_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
{
    move.Y += e.Delta.Translation.Y;
}

1 个答案:

答案 0 :(得分:2)

指定图像的行和列,直接为两者指定Auto。这样,图像的大小将与其实际大小相匹配,而不是屏幕大小的* 默认值的当前大小。因此,您将整个图像拖动。