【Delphi】最新版12中新功能：Skia4Delphi

最新推荐文章于 2024-06-05 19:39:38 发布

海纳老吴

最新推荐文章于 2024-06-05 19:39:38 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/sensor_WU/article/details/135147666

版权

Delphi 专栏收录该内容

148 篇文章 76 订阅

订阅专栏

3. TSkPaintBox & TSkAnimatedPaintBox

4. TSkSVG

5. New image codecs

四、App render

1. Enabling app rendering using Skia

2. 改变绘图质量：Improved drawing quality

3. 差异

五、See Also

Skia4Delphi 是基于 Google Skia 图形库的 Delphi 和 C++Builder 跨平台 2D 图形 API。它提供了一个全面的 2D API，可用于在移动、服务器和桌面模型中渲染图像，并兼容所有 RAD Studio 框架（控制台、FMX 和 VCL）和平台。

它通过抽象实现底层库（如 OpenGL、Vulkan、DirectX、Metal 等）的复杂性，提供了通用的 2D API，并实现了优化和新功能。

虽然该库兼容所有框架，但有些功能是独一无二的：

Feature set

Console

VCL

FMX

Description

Skia API

Access to the pure Skia library, through a single unit: System.Skia.pas (or System.Skia.hpp)

Controls

TSkAnimatedImage, TSkLabel, TSkPaintBox and TSkSvg

App render

Replacement of FMX graphics engine by Skia

一、打开：Enabling Skia

在使用任何 Skia 功能或单元之前，您必须启用 Skia。为此，请在 RAD Studio 中打开项目，然后右键单击项目并单击启用 Skia：

这种启用只针对应用程序。使用 Skia 的软件包无需启用此功能。此步骤将自动配置链接和部署到项目的库二进制文件。如果不启用 Skia 并使用其单元，应用程序在启动时就会出现问题。

二、主要功能：

Feature	Details
2D draws	Shapes, paths and texts
SVG	Render and creation
Image decoders	BMP, GIF, ICO, JPG, PNG, WBMP, WEBP and raw images
Image encoders	PNG, JPG and WEBP
Animations player	Lottie, Telegram Stickers, animated GIF and animated WEBP
Anti-aliasing	High draw quality, no jagged edges
Font	Font weight, families fallbacks, custom font (without installation), ligature
Text	Multiple styles, max lines, line spacing, justified text, text outline, gradient, decorations
Right-To-Left languages	Rendering of texts in Persian, Arabic, Hebrew, etc
PDF	Generation of vectorized PDF
Unicode	Graphemes parser
Filters	Color, mask and image filters
Clippings	Support for many advanced clipping operations such as paths and shaders
Gradients	Linear, radial, sweep and conical gradients
Shader	Creation of shaders to execute specific draws directly on the GPU, through a single shader language (SkSL)

三：控制：Controls

Skia 库集成有特定的本地控件和组件，只有启用 Skia 并将其部署到目标平台后才能使用。

1. TSkAnimatedImage

SkAnimatedImage 是一款能以非常简单的方式加载和渲染动画图片（包括矢量动画）的控件。支持的格式有：

Format	Extension
Lottie file	.json, .lottie
Telegram Sticker	.tgs
Animated GIF	.gif
Animated WebP	.webp

将该控件添加到表单中，双击该控件即可打开加载动画文件的窗口。

2. TSkLabel

TSkLabel 实现了 Skia 支持的新功能，这些功能要么是 TLabel 不支持的，要么是难以实现的，例如：

字体族；（类似于 css 中的字体回退列表）
字体重量
字体倾斜
支持文本中的多种样式；
支持 BiDi；（从右到左）
支持水平对齐；
支持自定义字体；（无需安装字体）
支持部分文本的背景颜色；
限制最大行数；
自动尺寸选项；（宽度和高度）
高级装饰（如下划线、波浪线、上划线、虚线等）等等

3. TSkPaintBox & TSkAnimatedPaintBox

TSkPaintBox 是使用 Skia API 通过 OnDraw 事件直接在屏幕上绘画的理想控件：

procedure TForm1.SkPaintBox1Draw(ASender: TObject; const ACanvas: ISkCanvas;
   const ADest: TRectF; const AOpacity: Single);
 begin
   var LPaint: ISkPaint := TSkPaint.Create;
   LPaint.Shader := TSkShader.MakeGradientSweep(ADest.CenterPoint,
     [$FFFCE68D, $FFF7CAA5, $FF2EBBC1, $FFFCE68D]);
   ACanvas.DrawPaint(LPaint);
 end;

TSkAnimatedPaintBox 是 TSkPaintBox 控件的一个变体，它允许通过 OnAnimationDraw 事件使用 Skia API 设置动画的持续时间和绘制动画的进度。

4. TSkSVG

TSkSvg 是一款可以轻松显示 SVG 的控件。将该控件添加到表单中，双击该控件即可打开加载 SVG 文件的窗口。使用 Svg.OverrideColor 属性可以更改显示颜色。

5. New image codecs

在项目中启用 Skia 后，Skia 支持的新图像编解码器会自动在框架中注册。这样，FMX 的 TBitmap 或 VCL 的 TPicture[*] 就能直接加载和保存新的图像格式，如 WebP，它是一种现代图像格式，在质量相同的情况下比 jpg 和 png 多压缩 30%。

四、App render

可选择将默认画布从 FMX 替换为基于 Skia 的画布。启用该功能后，所有 FMX 控件都将自动使用基于 Skia 的实现方式绘制。这样可以提高 FMX（主要在移动设备上）以及整个库的绘图质量和性能。

1. Enabling app rendering using Skia

要使用 Skia 启用应用程序渲染，只需在初始化部分将全局变量 FMX.Skia.GlobalUseSkia 设为 true 即可。请看示例：

uses
  System.StartUpCopy,
  FMX.Forms,
  FMX.Skia,
  Unit1 in 'Unit1.pas' {Form1};
 
{$R *.res}
 
begin
  GlobalUseSkia := True;
  Application.Initialize;
  ...

注意事项

可以（并建议）将此设置与启用 Metal（FMX.Types.GlobalUseMetal 为 true）结合使用，以便在 iOS 和 macOS 上获得更好的性能，因为此组合会使用 Skia 激活 Metal 实现。
无论是否启用该选项，控件等其他库功能都能正常工作。
启用该选项对 3D 表单没有影响。