Xamarin表单 - 来自IRandomAccessStreamReference的图像

时间:2016-09-21 14:03:20

标签: xamarin.forms uwp bing-maps marker uwp-maps

对于个人需求,对于 Xamarin.Forms.Map 控件,我需要创建一个CustomPin扩展名。 UWP部分(PCL项目)

我创建一个MapIcon喜欢它:

nativeMap.MapElements.Add(new MapIcon()
{
    Title = pin.Name,
    Image = RandomAccessStreamReference.CreateFromUri(new Uri("ms-appx:///Assets/Pin/customicon.png")),
    Location = new Geopoint(new BasicGeoposition() { Latitude = pin.Position.Latitude, Longitude = pin.Position.Longitude }),
    NormalizedAnchorPoint = new Windows.Foundation.Point(0.5, 1.0)
});

但是,通过这种方式,我无法设置Image的大小。

然后我想从我的PCL部分使用Image,调整它并将其转换为IRandomAccessStreamReference。要实现它,我需要将Image转换为流,但我找不到让它工作的方式><

所需功能的示例:

private IRandomAccessStreamReference ImageToIRandomAccessStreamReference(Image image)
{
    //Here I can set the size of my Image

    //I convert it into a stream
    IRandomAccessStreamReference irasr = RandomAccessStreamReference.CreateFromStream(/* img? */);

    //irasr is then created from img

    //I return the IRandomAccessStreamReference needed by the MapIcon element
    return irasr;
}

注意: Image参数 img Xamarin.Forms.Image

首先,有可能吗?如果是,那么感谢任何可以帮助我的帮助..我已经搜索了如何调整MapIcon的大小,而且不可能直接来自[MapIcon]类。(https://msdn.microsoft.com/library/windows/apps/windows.ui.xaml.controls.maps.mapicon.aspx

感谢您的帮助!

1 个答案:

答案 0 :(得分:3)

你是对的。我们无法直接调整MapIcon的大小,因为它没有提供此类属性或方法。 MapIcon的大小主要由图像大小控制,图像大小由MapIcon.Image属性设置。我们可以在不使用 Xamarin.Forms.Image 的情况下设置此图片的大小。

要设置此图片的尺寸,我们可以利用BitmapDecoder class BitmapEncoder class BitmapTransform class,如下所示:

private async System.Threading.Tasks.Task<RandomAccessStreamReference> ResizeImage(StorageFile imageFile, uint scaledWidth, uint scaledHeight)
{
    using (IRandomAccessStream fileStream = await imageFile.OpenAsync(FileAccessMode.Read))
    {
        var decoder = await BitmapDecoder.CreateAsync(fileStream);

        //create a RandomAccessStream as output stream
        var memStream = new InMemoryRandomAccessStream();

        //creates a new BitmapEncoder and initializes it using data from an existing BitmapDecoder
        BitmapEncoder encoder = await BitmapEncoder.CreateForTranscodingAsync(memStream, decoder);

        //resize the image
        encoder.BitmapTransform.ScaledWidth = scaledWidth;
        encoder.BitmapTransform.ScaledHeight = scaledHeight;

        //commits and flushes all of the image data
        await encoder.FlushAsync();

        //return the output stream as RandomAccessStreamReference
        return RandomAccessStreamReference.CreateFromStream(memStream);
    }
}

然后我们可以先使用此方法创建调整大小的图像流参考,然后将其设置为MapIcon&#39; s Image,如:

var file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///Assets/Pin/customicon.png"));
var imageReference = await ResizeImage(file, 64, 64);

nativeMap.MapElements.Add(new MapIcon()
{
    Title = pin.Name,
    Image = imageReference,
    Location = new Geopoint(new BasicGeoposition() { Latitude = pin.Position.Latitude, Longitude = pin.Position.Longitude }),
    NormalizedAnchorPoint = new Windows.Foundation.Point(0.5, 1.0)
});