Windows Phone 7中的Zoomable图像

Question

我正在尝试在我的Windows Phone 7应用程序中制作可缩放的图像.(下面的代码)然而它起作用,图像剂量显示.有人可以把我放在正确的轨道上,这是正确的控制使用吗？如果是那么我做错了什么？

        <controls:PivotItem Name="Header" Header="item1">
            <Grid>
                <MultiScaleImage Name="mainImage" />
            </Grid>
        </controls:PivotItem>

        var imageurl = loginxml.Descendants("response").Elements("submissions").Elements("submission").Elements("file_url_screen").First().Value;
        //imageurl = https://inkbunny.net///files/screen/165/165693_CobaltHusky_random_anatomy_doodles.png
        Header.Header = loginxml.Descendants("response").Elements("submissions").Elements("submission").Elements("title").First().Value;
         DeepZoomImageTileSource img = new DeepZoomImageTileSource(new Uri(imageurl));
        mainImage.Source = img;

编辑读取MultiScaleImage上的msdn,它不是要使用的控件.它需要一个特定的图像源(不是位图/ jpg)

Answer 1

DeepZoomImageTileSource的URL不是图像URL,而是列出用于深度缩放图块的图像的XML文件的URL.

我使用silverlight工具包实现了如下简单的可缩放图像:

<Image Name="MainImage" RenderTransformOrigin="0.5,0.5" CacheMode="BitmapCache">
    <Image.RenderTransform>
        <CompositeTransform x:Name="transform" />
    </Image.RenderTransform>
    <toolkit:GestureService.GestureListener>
        <toolkit:GestureListener PinchStarted="OnPinchStarted" PinchDelta="OnPinchDelta" />
    </toolkit:GestureService.GestureListener>
</Image>

并在代码中:

MainImage.Source = new BitmapImage(new Uri(url));

然后为您的角度和缩放声明两个变量:

double initialAngle;
double initialScale;

然后处理手势事件:

private void OnPinchStarted(object sender, PinchStartedGestureEventArgs e)
{
    initialAngle = transform.Rotation;
    initialScale = transform.ScaleX;
}

private void OnPinchDelta(object sender, PinchGestureEventArgs e)
{
    //transform.Rotation = initialAngle + e.TotalAngleDelta;
    transform.ScaleX = initialScale * e.DistanceRatio;
    transform.ScaleY = initialScale * e.DistanceRatio;
}

如果要处理旋转图像,请取消注释旋转线.

山姆