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 Quickモジュールのドキュメントを参照してください。Qt Quickでは、Qt QMLの標準的なQML型に加えて、ビジュアル型、アニメーション型、その他のQML型が追加されています。

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

ボタン、メニュー、その他のコントロール

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

Qt Quick プロジェクト

Qt Creatorでは、以下のタイプの Qt Quick アプリケーション用のプロジェクト環境を設定します：

• Scroll- スクロールベースのナビゲーション
• Stack- スタックベースのナビゲーション
• Swipe- ページベースのアプリケーションで、スワイプによるナビゲーション
• Python-Qt for Pythonプロジェクトは QML UI を持ち、Qt Creator をサポートしています。

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

• Qt Quick プロジェクトの作成
• デザインツール- UI をデザインするためのツール

コードサンプルとデモ

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

• Getting Started Programming with Qt Quick- 簡単な QML テキストエディタを作成するためのチュートリアルです。
• Qt Quick のサンプルとチュートリアル

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

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

関連トピック

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