アプライアンスコメント Learn Delphi

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

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

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

Skia is an open-source 2D graphics library that provides common APIs that work across a variety of hardware and software platforms. It serves as the graphics engine for Google Chrome OS, Android, Flutter, Mozilla Firefox, Firefox OS, and more. This session, however, will highlight the Skia4Delphi which is a cross-platform 2D graphics API for Delphi platforms based on Google’s Skia Graphics Library. It provides a set of components that are オープンソース であり、無料でインストール/アクセスが可能なコンポーネントセットを提供しています。主なコンポーネントには、TSkLottieAnimation、TSkPaintBox、TSkSvgなどがあります。

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

The session also demonstrates the Skia4Delphi in action and explains all its basic functionalities. Here, you’ll see all the things you can work on in this library including a collection of shapes, texts, paths, effects, and Lottie Animation (as well as the use of Lottie Editor). The most interesting part of this project is that it is surprisingly easy to create and it doesn’t involve many lines of code at all. There is no single line of code that actually manipulates the animations. They all work automatically. To learn more about this amazing project using Delphi and Skia, feel free to watch the video below.

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