大佬教程收集整理的这篇文章主要介绍了windows-runtime – Windows Phone 8.1中的Image上的OpacityMask,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<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>
为渲染椭圆我使用此代码:
var bitmap = new RenderTargetBitmap(); await bitmap.RenderAsync(ellipsE);
我必须让用户翻译和缩放此图像,我如何以他们看起来像一个图像的方式操纵这两个图像?
使用tis代码,您可以处理完整的操作事件,包括旋转缩放和翻译!
<Grid x:Name="LayoutRoot" BACkground="Black"> <Grid.ChildrenTransitions> <TransitionCollection> <EntranCEThemeTransition/> </TransitionCollection> </Grid.ChildrenTransitions> <Grid.RowDeFinitions> <RowDeFinition Height="Auto"/> <RowDeFinition Height="*"/> </Grid.RowDeFinitions> <Grid Grid.Row="1" x:Name="ContentRoot" RenderTransformOrigin="0.5,0.5" Opacity="0.5" > <Image x:Name="Image" source="ms-appx:///Assets/AccountManagement/avatar.png" VerticalAlignment="Center" Stretch="UniformToFill" ScrollViewer.HorizontalScrollBarVisibility="Visible" HorizontalAlignment="Center" Height="300" RenderTransformOrigin="0.5,0.5" > <Image.RenderTransform> <CompositeTransform x:Name="ImageCompositeTransform" Rotation="0" TranslateX="0" TranslateY="0" ScaleX="1" ScaleY="1" /> </Image.RenderTransform> </Image> </Grid> <Ellipse ManipulationDelta="Ellipse_ManipulationDelta" x:Name="Ellipse" stroke="White" strokeThickness="1" strokeDashArray="3,3" Height="300" Width="300" Canvas.ZIndex="1" Margin="0" Grid.Row="1" VerticalAlignment="Center" d:LayoutOverrides="Height" HorizontalAlignment="Center" ManipulationMode="All" RenderTransformOrigin="0.5,0.5" > <Ellipse.Fill> <ImageBrush Stretch="UniformToFill" Imagesource="{Binding source,ElementName=ImagE}"> <ImageBrush.Transform> <CompositeTransform CenterX="150" CenterY="150" ScaleX="{Binding ScaleX,ElementName=ImageCompositeTransform}" ScaleY="{Binding ScaleY,ElementName=ImageCompositeTransform}" TranslateX="{Binding TranslateX,ElementName=ImageCompositeTransform}" TranslateY="{Binding TranslateY,ElementName=ImageCompositeTransform}" Rotation="{Binding Rotation,ElementName=ImageCompositeTransform}" /> </ImageBrush.Transform> </ImageBrush> </Ellipse.Fill> </Ellipse> </Grid>
private void Ellipse_ManipulationDelta(object sender,ManipulationDel@R_640_2301@utedEventArgs 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; }
以上是大佬教程为你收集整理的windows-runtime – Windows Phone 8.1中的Image上的OpacityMask全部内容,希望文章能够帮你解决windows-runtime – Windows Phone 8.1中的Image上的OpacityMask所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。