Win2D 投影效果 ShadowEffect

 

<Page x:Class="Win2DDemo.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:Win2DDemo" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:canvas="using:Microsoft.Graphics.Canvas.UI.Xaml" mc:Ignorable="d" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Unloaded="Page_Unloaded" > <Grid x:Name="root"> <canvas:CanvasControl x:Name="canvasControl" CreateResources="CanvasControl_CreateResources" Draw="canvasControl_Draw" ClearColor="CornflowerBlue" /> <!--<controls2:DropShadowPanel Color="Black" OffsetX="-50" OffsetY="-50" BlurRadius="50" ShadowOpacity=".7" Width="120" Height="120" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"> <Ellipse /> </controls2:DropShadowPanel>--> </Grid></Page>

  

using Microsoft.Graphics.Canvas;using Microsoft.Graphics.Canvas.Effects;using Microsoft.Graphics.Canvas.UI.Xaml;using System;using System.Collections.Generic;using System.IO;using System.Linq;using System.Numerics;using System.Runtime.InteropServices.WindowsRuntime;using System.Threading.Tasks;using Windows.Foundation;using Windows.Foundation.Collections;using Windows.UI;using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Controls.Primitives;using Windows.UI.Xaml.Data;using Windows.UI.Xaml.Input;using Windows.UI.Xaml.Media;using Windows.UI.Xaml.Navigation;using Windows.UI.Xaml.Shapes;// The Blank Page item template is documented at https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409namespace Win2DDemo{ /// <summary> /// An empty page that can be used on its own or navigated to within a Frame. /// </summary> public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); } CanvasBitmap bitmap; void canvasControl_Draw(CanvasControl sender, CanvasDrawEventArgs args) { //CanvasBitmap bitmap =await CanvasBitmap.LoadAsync(sender, @"Assets\LockScreenLogo.scale-200.png"); //实例化阴影特效 ShadowEffect shadowEffect = new ShadowEffect { Source = bitmap, BlurAmount = 60.0f, ShadowColor = Colors.Black, }; //实例化变换特效 Transform2DEffect transform2DEffect = new Transform2DEffect { Source = shadowEffect, TransformMatrix = Matrix3x2.CreateTranslation(new Vector2(10, 10)), }; //实例化透明特效 OpacityEffect opacityEffect = new OpacityEffect { Source = transform2DEffect, Opacity = 0.82f, }; //实例化结合特效 CompositeEffect effect2 = new CompositeEffect { Sources ={ opacityEffect , bitmap, } }; args.DrawingSession.DrawImage(effect2, new Vector2(111,111)); //CanvasCommandList cl = new CanvasCommandList(sender); //using (CanvasDrawingSession clds = cl.CreateDrawingSession()) //{ // clds.FillRectangle(new Rect(100, 100, 100, 100), Colors.White); // clds.DrawImage(bitmap, new Rect(10, 10, 100, 100)); //} //ShadowEffect effect = new ShadowEffect() //{ // Source = cl, // BlurAmount = 0.5f, // //ShadowColor = Colors.Black, //}; //args.DrawingSession.DrawImage(effect); } private void Page_Unloaded(object sender, RoutedEventArgs e) { //Microsoft.Toolkit.Uwp.UI.Controls.DropShadowPanel if (this.canvasControl != null) { this.canvasControl.RemoveFromVisualTree(); this.canvasControl = null; } } private void CanvasControl_CreateResources(CanvasControl sender, Microsoft.Graphics.Canvas.UI.CanvasCreateResourcesEventArgs args) { Task task = this.CreateResourcesAsync(sender); IAsyncAction action = task.AsAsyncAction(); args.TrackAsyncAction(action); } private async Task CreateResourcesAsync(CanvasControl sender) { bitmap = await CanvasBitmap.LoadAsync(sender, "Assets/1.png"); } }}

  

 

另外Microsoft.Toolkit.Uwp.UI.Controls 里 的  DropShadowPanel 也行,但是不好用感觉。

 

相关文章