Qt Quick アプリケーションの始め方

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

Qt Academyのコース

Qt QmlおよびQt Quick の学習を始めるには、以下のQt Academyコースがおすすめです。

基礎コース

• 初心者向けQML
• QML入門
• 入門Qt Quick
• Qt Quick コントロールの入門
• 簡単なQt Quick アプリケーションの作成

中級コース

• QMLダッシュボード：メインUI
• QMLダッシュボード：受信トレイ
• QML ダッシュボード：カレンダー
• 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に関する詳細情報が掲載されています：

• Qt Creator: 『Qt Quick 』アプリケーションの作成
• Qt Extension for Visual Studio Code: チュートリアル:Qt Quick アプリケーション
• QML の第一歩- これらの例を使って QML を使い始めましょう
• QML用語集
• QMLリファレンス- QMLの構文や機能に関するリファレンス
• QMLのコーディング規約
• モジュール別のすべての QML API

Qt Quick とは？

Qt Quick xml-ph-0000@deepl.internalとは、QML用の標準ライブラリであり、QMLの型や機能を提供します。これには、ビジュアルタイプ、インタラクティブタイプ、アニメーション、モデルとビュー、パーティクルエフェクト、シェーダーエフェクトなどが含まれます。QMLアプリケーション開発者は、1つのimport文だけでこれらの機能すべてを利用できます。

QtQuick QMLライブラリは、 Qt Quick モジュールによって提供されます。Qt Quick が提供する各種 QML 型やその他の機能に関する詳細については、 Qt Quick モジュールのドキュメントを参照してください。Qt Quick は、Qt 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 は、Language Server Protocolをサポートする任意のIDEから利用可能です。

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

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

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

コードサンプルとデモ

QML コードの活用方法についてさらに詳しく知りたい場合は、QML 型の使用方法を示すいくつかのコードサンプルが用意されています。さらに、アプリケーション内での QML コードの使用方法を示すデモもいくつか用意されています。

• Qt Quick プログラミング入門: アラームアプリケーション- 簡単なアラームアプリケーションの作成方法を解説するチュートリアル。
• Qt Quick 例とチュートリアル

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

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

関連トピック

• すべての QML 型
• モジュール別のすべてのQML API
• Obsolete QML Types