DelphiとSkiaを使ってスタートレックのようなダッシュボードUIを作成する方法

もしあなたがスタートレックの大ファンだとしたら、このDelphiプロジェクトはぴったりでしょう。最近開催された DelphiConで、Embarcadero MVPの Ian Barker スタートレックフランチャイズの架空のコンピューターオペレーティングシステムであるLCARSユーザーインターフェイスの再現を試みるという非常に興味深いプロジェクトを共有しています。Delphiを使用して、IanはGoogleのSkia Graphics Libraryを活用して、未来的な ユーザーインターフェース を再考します。そして、このプロジェクトでは Skia4Delphi ライブラリを利用します。このライブラリは、シンプルかつ強力な Windows UIツールキット で、数多くの便利なコンポーネントが付属しています。

Skia4Delphiを使用して未来的なデータダッシュボードを作成する方法

Skiaは、さまざまなハードウェアおよびソフトウェアプラットフォームで機能する共通のAPIを提供するオープンソースの2Dグラフィックライブラリです。これは、Google Chrome OS、Android、Flutter、Mozilla Firefox、Firefox OSなどのグラフィックエンジンとして機能します。ただし、このセッションでは、GoogleのSkiaグラフィックライブラリに基づくDelphiプラットフォーム用のクロスプラットフォーム2DグラフィックAPIであるSkia4Delphiに焦点を当てます。Skia4Delphiは、 オープンソース であり、無料でインストール／アクセスが可能なコンポーネントセットを提供しています。主なコンポーネントには、TSkLottieAnimation、TSkPaintBox、TSkSvgなどがあります。

このプロジェクトでは、Ianは、Skia4Delphiライブラリのすべての興味深いコンポーネントを使用してイミテーションのLCARSシミュレーションを作成します。このライブラリを使用することの注目すべき利点の1つは、さまざまなアニメーションを透過的に結合またはマージできることです。たとえば、Lottie Animationコンポーネントを使用すると、アニメーションを簡単に重ねることができます。いくつかの適切なアニメーションを収集し、それらをマージすることで、Ianはスタートレックに着想を得たデータダッシュボードをシミュレートすることができました。これらには、レーダー、衛星、スタートレックのロゴ（SVG画像）、さらにはクリンゴンフォントなどの未来的な要素が含まれています。

このセッションでは、Skia4Delphiの動作を示し、そのすべての基本機能について説明します。ここでは、図形、テキスト、パス、効果、Lottieアニメーション（およびLottie Editorの使用）のコレクションを含む、このライブラリで作業できるすべてのものを確認できます。このプロジェクトの最も興味深い部分は、驚くほど簡単に作成でき、多くのコードを記述する必要がまったくないということです。実際にアニメーションを操作するコードは1行もありません。それらはすべて自動的に機能します。DelphiとSkiaを使用したこの素晴らしいプロジェクトの詳細については、以下のビデオをご覧ください。