【WIN10】WIN2D——繪製文字

先看下截圖：

做了幾個效果：普通、倒影、陰影、歌詞。

普通效果代碼：

private void normal_Draw(Microsoft.Graphics.Canvas.UI.Xaml.CanvasControl sender, Microsoft.Graphics.Canvas.UI.Xaml.CanvasDrawEventArgs args)
{
    CanvasTextFormat fmt = new CanvasTextFormat();
    fmt.FontFamily = "Vladimir Script";
    fmt.FontSize = ;
    args.DrawingSession.DrawText("Hello Win2D", , , Color.FromArgb(, , , ), fmt);
}

倒影效果代碼，這個是使用scale變換做到的，使用scaleY=-1，就把它的Y值調換，達到我們的效果了，同時還必須設定圓心，然它會跑到其它地方了。

同時，要弄一個逐漸消失的效果，即要設透明度。

private void rotate_Draw(Microsoft.Graphics.Canvas.UI.Xaml.CanvasControl sender, Microsoft.Graphics.Canvas.UI.Xaml.CanvasDrawEventArgs args)
{

    CanvasTextFormat fmt = new CanvasTextFormat();
    fmt.FontFamily = "Vladimir Script";
    fmt.FontSize = ;

    args.DrawingSession.DrawText("Hello Win2D", , , Color.FromArgb(, , , ), fmt);

    CanvasGradientStop[] gradientStops = new CanvasGradientStop[];
    gradientStops[] = new CanvasGradientStop();
    gradientStops[].Color = Color.FromArgb(, , , );
    gradientStops[].Position =0f;

    gradientStops[] = new CanvasGradientStop();
    gradientStops[].Color = Color.FromArgb(, , , );
    gradientStops[].Position = 1f;

    CanvasLinearGradientBrush br = new CanvasLinearGradientBrush(sender, gradientStops);
    br.StartPoint = new Vector2(, );
    br.EndPoint = new Vector2(, );

    args.DrawingSession.Transform = Matrix3x2.CreateScale(new Vector2(, -), new Vector2(, ));
    args.DrawingSession.DrawText("Hello Win2D", , , br, fmt);
}

陰影效果。

這個是先畫一個模糊的背景，再在上面畫上清晰的文字。

private void shadow_Draw(Microsoft.Graphics.Canvas.UI.Xaml.CanvasControl sender, Microsoft.Graphics.Canvas.UI.Xaml.CanvasDrawEventArgs args)
{
    CanvasTextFormat fmt = new CanvasTextFormat() { FontSize = , FontFamily = "Vladimir Script" };

    var myBitmap = new CanvasRenderTarget(sender, , );
    using (var ds = myBitmap.CreateDrawingSession())
    {
        ds.DrawText("Hello Win2D", , , Colors.Green, fmt);
    }

    var blur = new GaussianBlurEffect
    {
        BlurAmount = ,
        Source = myBitmap
    };

    args.DrawingSession.DrawImage(blur, , );
    args.DrawingSession.DrawText("Hello Win2D", , , Colors.Green, fmt);
}

歌詞效果就相對比較簡單了。主要要注意的是，要把字符的換行設為NoWrapping。

private void song_Draw(Microsoft.Graphics.Canvas.UI.Xaml.CanvasControl sender, Microsoft.Graphics.Canvas.UI.Xaml.CanvasDrawEventArgs args)
{
    var fmt = new CanvasTextFormat();
    fmt.FontFamily = "微软雅黑";
    fmt.FontSize = ;
    fmt.WordWrapping = CanvasWordWrapping.NoWrap;
    fmt.Options = CanvasDrawTextOptions.Clip;

    Rect rcNormal = new Rect(, , sender.ActualWidth, sender.ActualHeight);
    args.DrawingSession.DrawText(songInfo_, rcNormal, Colors.Aqua, fmt);

    Rect rcSang = new Rect(, , songPos_, sender.ActualHeight);
    args.DrawingSession.DrawText(songInfo_, rcSang, Colors.Yellow, fmt);
}

設一個定時器，動態改變 songPos_ 即可。