デザインの最適化

ターゲットデバイス上でUIをテストし、アニメーションのパフォーマンスが最大限に発揮されることを確認できます。パフォーマンスの問題を解決するには、通常、UIで使用されているグラフィックアセットを最適化する必要があります。

さまざまなターゲットデバイス向けに UI を最適化するには：

• 画像サイズを最小限に抑えます。
• 透明度は控えめに使用します。

詳細については、「QML のパフォーマンスに関する考慮事項と提案」を参照してください。

画像サイズの最小化

画像は、あらゆるユーザーインターフェースにおいて不可欠な要素です。しかし、読み込みに時間がかかること、メモリを大量に消費すること、そしてその使用方法によっては、大きな問題の原因にもなりかねません。

画質を損なうことなく、画像サイズをできるだけ小さくすることをお勧めします。

UI での画像の効率的な使用方法の詳細については、「UI での画像の使用」を参照してください。

透明度の回避

不透明なコンテンツは、一般的に透明なコンテンツよりも描画がはるかに高速です。これは、透明なコンテンツにはブレンド処理が必要であるのに対し、レンダラーは不透明なコンテンツをより効果的に最適化できる可能性があるためです。

1 ピクセルでも透明な部分がある画像は、大部分が不透明であっても完全に透明なものとして扱われます。これは、縁が透明な「Border Image 」についても同様です。