サイトアイコン Embarcadero RAD Studio, Delphi, & C++Builder Blogs

Delphi / C++Builder 12のSkiaサポートで表現力豊かなUIを構築

12 athens skia thumb 2

Delphi / C++Builder / RAD Studio 12 Athensの新機能のひとつに「Skiaサポート」があります。Skiaは、Googleが提供するオープンソースの2Dグラフィックライブラリで、Google Chrome、 ChromeOS、Android、Flutterをはじめ、多くの製品のグラフィックスエンジンとしても使用されています。ハイパフォーマンスで高品質のレンダリング機能を提供し、すべてのプラットフォームで高度なグラフィック操作をサポートしています。

Delphi / C++Builder 12のSkiaサポート

Delphiでは、「Skia4Delphi」と呼ばれるライブラリによりSkiaのサポートを実現しています。12 Athensでは、これを製品に取り込み、さらに使いやすく機能拡張を施しています。

Delphi / C++BuilderでSkiaを使うには、いくつかの方法があります。

  1. 単一のユニット(Skia.pasまたは Skia.hpp)経由で、Skiaライブラリに直接アクセスできるSkia APIを使用
  2. FireMonkey / VCLの双方で用意されているSkiaコンポーネントを使用
  3. アプリとスタイルのレンダリングに使用(FireMonkey)
  4. イメージコントロールのコーデックで使用

Skiaコンポーネント

新たに追加されたSkiaコンポーネントは、VCLとFireMonkeyの双方に用意されています。

ここでは、Skiaの表現力豊かなグラフィック機能を簡単に利用できるこれらのコンポーネントの使い方を簡単に解説します。

TSkLabelの使い方

TSkLabelは、Skiaの文字列描画機能をコントロールとして利用できるようにしたものです。TSkLabelには、複数のワード(TWordsItemで表現)を含めることができ、それぞれのワードごとに、フォントの種類、色、下線などのデコレーションなどを設定できます。また、ワードごとにOnClickなどのイベントを設定することもできます。TSkLabelに含まれるワードは、Wordsプロパティで保持されます。

TSkLabelの使い方の詳細は、こちらのビデオをご覧ください。

TSkAnimatedImageの使い方

TSkAnimatedImageは、アニメーションGIFなどのアニメーション画像を表示するコントロールです。TSkAnimatedImageでは、以下の種類のアニメーションファイルを表示できます。

使い方は簡単で、Sourceプロパティで画像を指定し、Animationプロパティでアニメーション動作の詳細を設定するだけです。

TSkSVGの使い方

TSkSVGは、SVGを表示するコントロールです。使い方は簡単で、SvgプロパテのSourceに、SVGを指定するだけです。SVGファイルを指定する以外に、SVGエディタ内でSVGソースをペーストして利用することもできます。

TSkAnimatedImageとTSkSVGの使い方の詳細は、こちらのビデオをご覧ください。

関連情報

モバイルバージョンを終了