QMLアプリケーション

QMLは、ユーザーインターフェースを視覚的なコンポーネントと、それらがどのように相互作用し、どのように関係しあうかという観点から記述することを可能にする宣言型言語です。QMLは非常に読みやすい言語であり、コンポーネントをダイナミックに相互接続できるように設計されており、ユーザーインターフェイス内でコンポーネントを簡単に再利用したりカスタマイズしたりすることができます。QtQuick モジュールを使用することで、デザイナーや開発者は、QML で流れるようなアニメーションのユーザーインターフェースを簡単に構築することができ、これらのユーザーインターフェースを任意のバックエンド C++ ライブラリに接続することができます。

QMLとは？

QMLはユーザーインターフェースの仕様とプログラミング言語です。QMLを使用することで、開発者やデザイナーは、高いパフォーマンス、流れるようなアニメーション、視覚的に魅力的なアプリケーションを作成することができます。QMLは、非常に読みやすく、宣言的で、JSONライクな構文を提供し、動的なプロパティバインディングと組み合わせた命令型JavaScript式をサポートします。

import QtQuick
import QtQuick.Controls

ApplicationWindow {
    width: 400
    height: 400
    visible: true

    Button {
        id: button
        text: "A Special Button"
        background: Rectangle {
            implicitWidth: 100
            implicitHeight: 40
            color: button.down ? "#d6d6d6" : "#f6f6f6"
            border.color: "#26282a"
            border.width: 1
            radius: 4
        }
    }
}

QML言語とエンジンのインフラストラクチャは Qt Qmlモジュールによって提供されています。QML言語についての詳しい情報は Qt Qmlモジュールのドキュメントを参照してください。

以下のページには、QMLに関する詳細な情報が含まれています：

• QMLのはじめの一歩- 以下の例を使ってQMLを使い始めてください。
• Qt Creator:Qt Quick アプリケーションの作成
• QMLリファレンス- QMLの構成要素や機能についてのリファレンスです。
• QMLコーディング規約
• QML用語集
• モジュール別QML API一覧

Qt Quick とは？

Qt Quick はQMLの型と機能の標準ライブラリです。ビジュアルタイプ、インタラクティブタイプ、アニメーション、モデル、ビュー、パーティクルエフェクト、シェーダーエフェクトなどが含まれています。QMLアプリケーションの開発者は、1つのimportステートメントですべての機能にアクセスすることができます。

QtQuick QMLライブラリは Qt Quickモジュールによって提供されています。Qt Quick が提供する様々なQML型やその他の機能についての詳細情報は、モジュールのドキュメントをご参照ください。 Qt QuickQt Quick では、Qt QMLの標準QML型に加えて、ビジュアル型、アニメーション型、その他のQML型が追加されています。

• QMLのビジュアル型
• QMLにおけるユーザー入力への応答
• QMLでのアニメーション
• QMLでのテキスト表示
• QMLにおけるレイアウト
• スタイルとテーマのサポート
• QMLにおけるJavaScriptの統合

ボタンやメニューなどのコントロール

UIコントロールのセットとして、Qt Quick Controlsモジュールは、ボタン、メニュー、ビューなどのコントロールを実装しています。これらのコントロールには、使用可能ないくつかの組み込みスタイルが付属しており、カスタムスタイルの作成もサポートしています。

Qt Quick アプリケーション開発

Qt Creatorには、Qt Quick アプリケーションを作成するためのサポートが組み込まれています。Qt VS ToolsとQt Extension for Visual Studio Codeにより、Visual Studio と Visual Studio Code でQt Quick アプリケーションを作成することができます。QML Language Server は、言語サーバープロトコルをサポートしている IDE であれば、どの IDE からでも使用できます。

デザイン中心のワークフローには、Qt Design Studio を使用してください。

Qt Quick アプリケーションの作成に関する詳細は、以下のページを参照してください：

• Qt Creator:Qt Quick アプリケーションの作成
• Qt Design Studio:はじめに

コードサンプルとデモ

QMLコードの使い方をより詳しく知るために、QMLの型がどのように使われているかを示すコードサンプルがいくつか用意されています。また、QMLコードがアプリケーションでどのように使われているかを示すデモもいくつかあります。

• Getting Started Programming withQt Quick- 簡単なQMLテキストエディタの作成を紹介するチュートリアルです。
• Qt Quick 例題とチュートリアル

高度なアプリケーション開発のトピック

• 概要 - QMLとC++の統合
• QMLアプリケーションの展開
• Qt Quick Compiler
• QMLとC++のベストプラクティスQt Quick
• QMLパフォーマンスに関する考察と提案
• 国際化とローカライゼーション
• テストとデバッグ
  • QML Runtime ツールを使ったプロトタイピング
  • QMLアプリケーションのデバッグ
  • Qt Quick テストQMLユニットテストフレームワーク

関連トピック

• すべてのQML型
• モジュール別のすべての QML API
• 廃止されたQMLの型