Qt Quick コントロール - ギャラリー

このギャラリーのサンプルは、Qt Quick のすべてのコントロールを収録したドロワーメニューを備えたシンプルなアプリケーションです。各メニュー項目を選択すると、そのコントロールのグラフィック表示を確認し、操作を試すことができ、また、どのような状況でそのコントロールが役立つかについての説明が表示されるページが開きます。

アプリケーションが縦向きモードの場合、ドロワーは左端からスワイプして開くことができるインタラクティブなサイドパネルとなります。これはコンテンツの上に表示され、モーダルな背景によってユーザーの操作を遮ります。アプリケーションが横向きモードの場合、ドロワーとコンテンツは並べて配置されます。

アプリケーションの現在の向きは、ウィンドウの幅と高さ、および設定内の向きモードの設定を比較することで決定されます。

readonly property bool portraitMode: !orientationCheckBox.checked || window.width < window.height

この例では、Qt Quick のすべての組み込みコントロールスタイルをサポートしているため、実行時のスタイル選択が使用されています。

例の動作確認

このサンプルは、次の場所から実行できます：

• Qt Creator

  Welcome モードを開き、Examples からこの例を選択します。詳細については、Qt Creator の「チュートリアル: ビルドと実行」を参照してください。

• Qt Extension for Visual Studio Code

  「Command Palette 」から「Qt: Open Qt examples 」コマンドを実行し、リストからサンプルを選択します。詳細については、Qt Extension for Visual Studio Code の「チュートリアル: ビルドと実行」を参照してください。

code.qt.io のサンプルプロジェクト