3

对于个人需要,对于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's 的大小。

然后我想使用Image我的 PCL 部分中的 an ,调整它的大小并将其转换为IRandomAccessStreamReference. 要实现它,我需要将 myImage转换为流,但我找不到让它工作的方法 ><

所需功能示例:

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参数imgXamarin.Forms.Image

那么首先,这可能吗?如果是的话,那么感谢任何可以帮助我的帮助。我已经搜索了如何调整 MapIcon 的大小,并且直接从类 [MapIcon] 中是不可能的。(https://msdn.microsoft.com/library/windows/应用程序/windows.ui.xaml.controls.maps.mapicon.aspx

感谢您的帮助!

4

1 回答 1

5

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

要设置此图像的大小,我们可以利用BitmapDecoder 类BitmapEncoder 类BitmapTransform 类,如下所示:

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' Imagelike:

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)
});
于 2016-09-22T07:06:09.347 回答