C

Qt Quick Ultraliteのレイアウト例

Qt Quick のUltraliteレイアウトの使用方法を解説します。

概要

「GridLayout」タブが表示されたレイアウトの例。片側にはグリッド状に配置された色付きのボックスが、もう片側にはレイアウトのプロパティ制御項目が表示されています。

この例には、GridLayout 、ColumnLayout 、RowLayout を紹介する 3 つのタブがあります。各ページの右側には、レイアウトのプロパティを操作するためのコントロールがあります。色付きのボックス（レイアウトの子アイテム）の位置は、レイアウトのプロパティの値に応じて変化します。

対象プラットフォーム

プロジェクト構造

メインアプリケーション

メインアプリケーションウィンドウの上部には 3 つのタブがあります。タブを選択すると、指定されたレイアウトのデモが含まれるページが読み込まれます。

GridLayout ページ

GridLayout.qml には、以下のレイアウトプロパティを更新するためのいくつかのコントロールがあります：

プロパティの値を変更すると、レイアウトに応じて右側の色付きボックスの位置が更新されます。

ColumnLayoutページとRowLayoutページ

ColumnLayout.qml とRowLayout.qml は、GridLayout.qml と同じ構造ですが、GridLayout に比べて機能が少ないため、コントロールが簡略化されています。

ColumnLayout::spacing またはRowLayout::spacing
ColumnLayout::layoutDirection またはRowLayout::layoutDirection

レイアウトのプロパティを変更することで、更新されたレイアウトを確認することもできます。

ファイル：

特定のQtライセンスの下で利用可能です。
詳細はこちら。