Windows Phone 8.1

时间:2015-10-02 09:25:47

标签: windows-runtime windows-phone-8.1 windows-store-apps winrt-xaml

在Windows Phone 8.1运行时应用程序中,我需要使用圆圈裁剪图像,为此,我使用了此代码:

    <Ellipse x:Name="ellipse" Stroke="White" StrokeThickness="1" StrokeDashArray="3,3" Height="300" Width="300" Canvas.ZIndex="1" VerticalAlignment="Center" HorizontalAlignment="Center"  >
        <Ellipse.Fill>
            <ImageBrush Stretch="UniformToFill" ImageSource="{Binding Source, ElementName=image}"/>
        </Ellipse.Fill>
    </Ellipse>

    <Grid Background="Black" >
        <Image x:Name="image" Source="ms-appx:///Assets/avatar.png" VerticalAlignment="Center" Stretch="UniformToFill" HorizontalAlignment="Center" Height="300" Opacity="0.5" />
    </Grid>
  

这是结果:

enter image description here

用于渲染椭圆我使用此代码:

var bitmap = new RenderTargetBitmap();
await bitmap.RenderAsync(ellipse);

我必须让用户翻译和缩放此图像,我如何以他们看起来像一个图像的方式操纵这两个图像?

1 个答案:

答案 0 :(得分:0)

好的,所以经过变量研究和各种测试后,这就解决了我的问题。

使用tis代码,您可以处理完整的操作事件,包括旋转缩放和翻译!

  

XAML:

private void Ellipse_ManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e)
{
    ImageCompositeTransform.ScaleX *= e.Delta.Scale;
    ImageCompositeTransform.ScaleY *= e.Delta.Scale;
    ImageCompositeTransform.Rotation += e.Delta.Rotation / Math.PI;
    ImageCompositeTransform.TranslateX += e.Delta.Translation.X;
    ImageCompositeTransform.TranslateY += e.Delta.Translation.Y;        
}
  

C#:

<?php include '../../../wp-load.php'; ?>