インタラクティブなオーディオ ビジュアライゼーション エンジンを開発しました。GUI をさまざまな PPI でさまざまな画面サイズに拡張できるようにする必要があります (これには非常に大きな画面とモバイル デバイスの両方が含まれます)。デザイナーは、サポートされているウィジェットのグラフィカル表現を含む PSD を送ってくれました。これらをPNGにエクスポートしています。問題は、これらのビットマップはもちろんスケーラブルではなく、見栄えが悪いことです。
解像度と PPI に依存しない GUI を実現する方法をいくつか考えました。
- さまざまなサイズの PNG をエクスポートし、実行時に現在のセットを選択します (ビットマップをさまざまな解像度で保存するためだけにスペースを浪費します)。
- スケール 9 の画像のみを使用する (凝ったものは使用しない)
- SVG を使用します (レンダリング API ではサポートされていません。OpenGL には nanovg のようなものを使用できますが、生のフレームバッファはどうすればよいでしょうか? また、パフォーマンスの問題と、必要なものに対して複雑すぎる)
特定のデバイスの実行時にビットマップを事前に生成し、後で使用するというアイデアに行き着きました。そのための特定のライブラリはありますか？また、今のところ使用できるテーマはすでに利用可能ですか？ツールは、コマンド リストを読み取ってビットマップを出力することで、cairo グラフィックス ライブラリや JavaScript キャンバスが機能するのと同じように機能すると思います。他のアイデアはありますか？