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の統合

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

一連の UI コントロールとして、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クイックテストQML ユニットテストフレームワーク

関連トピック

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