組み合わせ自在な
最も包括的な
UI フレームワーク

Qt の充実したクロスプラットフォーム UI フレームワークを活用して、ユーザーインターフェースを構築。基本的なコントロールから、高度な 2D／3D グラフィックス、グラフ、マルチメディア、シェーダーまでを柔軟に組み合わせ、既製コンポーネントとカスタムコンポーネントの双方を活用した UI 開発が可能です。

基本コントロール

basic-controls-ui

3D グラフィック

3d-graphics

カスタムコンポーネント

custome-components-ui

クロスプラットフォーム・ユーザーインターフェース

Qt は、最も包括的なクロスプラットフォーム UI フレームワークとして、既製コンポーネントからカスタマイズ可能なコンポーネントまでを自由に組み合わせ、ユーザーインターフェースを構築できます。基本的なコントロールに加え、高度で複雑なコンポーネントも UI の自然な一部として利用可能。開発時の摩擦を減らし、UI とバックエンドを明確に分離することで、保守性と開発効率を高めます。

あらゆるプラットフォームで滑らかな UI

組み込み、モバイル、デスクトップ、フルスクリーン HMI まで。ネイティブ性能を発揮する UI を構築できます。

詳しく見る

ニーズに応える UI 設計

既製コンポーネントとカスタマイズ可能なコンポーネントから選択し、要件に最適な UI を柔軟に設計できます。

詳しく見る

リッチな UI コンポーネント

3D、マルチメディア、グラフなどの高度なコンポーネントを、UI に効率よく組み込むことができます。

詳しく見る

複数のUIフレームワークを評価しましたが、最終的にはQtを選定しました。その理由は、異なる種類の組み込みハードウェアへの高パフォーマンスな展開を可能にするプラットフォーム非依存性にあります。

Carsten Leischner氏、 Dräger ソフトウェアエンジニアリング部門ディレクター

事例を読む

ネイティブ性能を実現

滑らかな
クロスプラットフォーム UI

Qt アプリケーションは、あらゆるプラットフォームで動作します。ユーザーインターフェースとバックエンドを明確に分離した設計により、メモリセーフで、言語レベルでも完全なクロスプラットフォーム性を実現しています。Qt Quick のライブラリと UI 言語である QML を活用することで、高い生産性と表現力を両立します。

同じ UI フレームワークを使って、以下のような UI を構築できます。

フルスクリーン HMI
モバイルアプリケーション
リソース制約のあるデバイス向け MCU
複数ウィンドウを持つデスクトップアプリケーション

さらに、Qt Quick と QML は学習しやすく高速に習得可能で、他の UI 技術と組み合わせたハイブリッド UI の構築にも対応しています。

Qtをブラウザで試す

UI をより速く構築

即戦力の UI コントロール

Qt Quick Controls は、ボタン、コンテナ、入力フィールド、ナビゲーション、ポップアップなど、よく使われる UI コンポーネントをあらかじめ用意したセットです。これらはさらにカスタマイズ可能で、軽量かつ最適化された実装により、基本機能を一から作る必要はありません。スタイリングや体験設計に集中できます。

これらのコントロールは、高いカスタマイズ性を備えています。

言型の設計により、スタイリングを効率的に行える
アプリケーション全体のスタイルを簡単に統一可能
プラットフォームごとのネイティブなルック＆フィールに適応

オンラインコースを始めるドキュメントを確認

基本コンポーネント & イベント

図形、色、入力処理を使って、UI を一から構築できます。たとえば、長方形にテキストとクリック／タッチイベントを組み合わせることで、ボタンを作成できます。

オンラインコースを始める

テキスト入力の処理

標準フォントからカスタムフォントまで、フォント処理を柔軟に活用できます。描画、タイポグラフィ、ローカライズ、テキスト入力方式の処理は、Qt が担います。

オンラインコースを始める

レイアウト

テキストラベルと入力フィールドなど、UI 要素の相対配置を簡単に管理できます。一例として、ローカライズ環境でも最適なルック＆フィールを維持できる既成のレイアウト機構が利用できます。

ドキュメントを確認

画像処理 & マップ

画像やマップにエフェクトやテキストを簡単に適用できます。ビジュアル要素の色付けやモノクロ変換、さらにリアルタイムの位置情報機能との組み合わせも可能です。

リアルタイムマップの例を見る

エフェクト

光沢感や液体ガラスのような質感を再現するスキューモーフィック表現を作成できます。
たとえば、ユーザーの注目を集めたい箇所を強調するなど、UI をより印象的に見せるための表現に活用できます。

自動車向け UI デモを見る

アニメーション

GUI 要素の位置・色・スケールをアニメーション化できます。たとえば、ボタンにホバーしたりクリックした際に拡大表示することで、よりレスポンシブなユーザー体験を実現できます。

デジタルツインのデモを見る

Qtフレームワークは、再利用可能なアトミックなUIコンポーネントを生成し、異なるデバイスにわたって一貫性のある最適なユーザーエクスペリエンスを提供できるのです。

Daniel Dersmann 氏、BSH グローバルGUIフレームワーク開発責任者

事例を読む

次世代レベルの表現力

Qt の UI フレームワークは、基本的な機能にとどまりません。拡張されたコンポーネントを、個別に統合する必要なく、UI の自然な拡張として効率的に組み込むことができます。たとえば、以下のような要素を使えば、どのようなことが可能になるか想像してみてください。

3D

最新のグラフィックス API を基盤とした高レベル API を活用し、他の UI 要素と組み合わせながら、リアルタイムでインタラクティブな 3D コンテンツを作成できます。

3D の最新情報を見る

グラフィック

ハードウェアアクセラレーション対応の OpenGL サポートと強力なシーングラフアーキテクチャにより、高性能な 2D／3D ベクターグラフィックスを UI に組み込むことができます。

グラフィックの最新情報を見る

グラフ

シンプルな 2D 表示から高精度な 3D 表現、さらにはボリュームレンダリングなどの高度な手法まで、素早く応答しカスタマイズ可能なグラフでデータを可視化できます。

グラフを詳しく見る

マルチメディア

オーディオやビデオの再生、レンダリング、録音をはじめ、システムカメラ、マイク、スクリーンキャプチャ用のアクセスやメモリバッファ管理まで対応し、マルチメディア処理を包括的に扱えます。

マルチメディアドキュメントへ

Web コンテンツ、PDF など

HTML、XHTML、SVG などの Web コンテンツを Qt アプリケーションに組み込むための Web ブラウザエンジンを提供します。PDF ドキュメントをビューアとして表示することも可能です。

Go to Qt WebEngine Quickドキュメントへ

仮想キーボード & Text-to-Speech

ハイコントラストモード、グローバルスケーリング、メタデータ、アクセシビリティツリー構造など、UI アクセシビリティ向けの、すぐに使えるビルディングブロックを活用できます。

Qt のアクセシビリティ機能を見る

明確な設計で構築

UI とバックエンドの明確な分離

モデルビュー・プログラミングに基づく UI フレームワークを使用することで、UI をバックエンドに連携させながらも、両者を明確に分離した設計を実現できます。これは、大規模なモダナイゼーションプロジェクトで求められることの多いハイブリッド UI の実装を可能にします。さらに Qtフレームワークは、UI と効率的に連携できる豊富なコア機能を提供します。

主な特長：