给图片应用几个滤镜 Lumia SDK UWP

Question

我尝试使用 Lumia Imaging SDK 对一张图片应用多个滤镜，但我只能使用 1 个滤镜。当我为 Win 8.1 制作它时，我可以使用一组过滤器，但现在它不起作用。我该如何解决？

应用过滤器的代码：

public async Task<bool> ApplyEffectAsync(StorageFile file)
{
    WriteableBitmap temp = new WriteableBitmap(1280, 720);

        temp = new WriteableBitmap(1280, 720);
        FileStream = await File.OpenAsync(FileAccessMode.Read);
        temp.SetSource(FileStream);
        OriginalPicture = temp;
        FileStream.Seek(0);
        original.Invalidate();
        ((IImageConsumer) Effect).Source = new RandomAccessStreamImageSource(FileStream);
        M_renderer = new WriteableBitmapRenderer((IImageProvider)Effect, original);
        FilteringPicture = await M_renderer.RenderAsync();
        filtering.Invalidate();
    return true;
}

Answer 1

When i made it for Win 8.1, I can use array with filters, but now its doesnt work. How I can resolve it?

我不太明白你在Win 8.1应用中是怎么做到的，但是在UWP应用中，如果你想在图像上应用多个效果，你可以将最后渲染的效果源设置为新的效果源另一个过滤器。举个例子：

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.RowDefinitions>
        <RowDefinition Height="500" />
        <RowDefinition Height="50" />
    </Grid.RowDefinitions>
    <Grid Grid.Row="0">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Image x:Name="originalimg" Grid.Column="0" />
        <SwapChainPanel x:Name="SwapChainPanelTarget" Grid.Column="1" />
        <Image x:Name="MutipleFilter" Grid.Column="2" />
    </Grid>
    <Button Content="Click Me" Click="Button_Click" Grid.Row="1" HorizontalAlignment="Center" />
</Grid>

后面的代码：

private async void Button_Click(object sender, RoutedEventArgs e)
{
    StorageFile file = await StorageFile.GetFileFromApplicationUriAsync(new Uri("ms-appx:///Assets/test.jpg"));

    //show original image in the Image control
    IRandomAccessStream inputStream1 = await file.OpenReadAsync();
    BitmapImage bitmap = new BitmapImage();
    bitmap.SetSource(inputStream1);
    originalimg.Source = bitmap;

    //use the blureffect
    IRandomAccessStream inputStream = await file.OpenReadAsync();
    BlurEffect blureffect = new BlurEffect();
    inputStream.Seek(0);
    blureffect.Source = new Lumia.Imaging.RandomAccessStreamImageSource(inputStream);
    var render = new SwapChainPanelRenderer(blureffect, SwapChainPanelTarget);
    await render.RenderAsync();

    //multiple filters
    WriteableBitmap temp = new WriteableBitmap(1280, 720);
    LomoEffect lemoeffect = new LomoEffect();
    lemoeffect.Source = render.Source; //here, use the last rendered source as the new source of another effect
    var l_render = new WriteableBitmapRenderer(lemoeffect, temp);
    MutipleFilter.Source = await l_render.RenderAsync();
}

给图片应用几个滤镜 Lumia SDK UWP

Apply several filters to picture Lumia SDK UWP

c#

xaml

uwp

sdk

lumia-imaging-sdk