このページでは

C

Qt Quick Ultraliteのレイアウト例

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

概要

この例では、 Qt Quick Ultralite Layouts

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

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

対象プラットフォーム

プロジェクト構造

メインアプリケーション

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

GridLayout ページ

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

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

ColumnLayoutページおよびRowLayoutページ

ColumnLayout.qml およびRowLayout.qml は、GridLayout.qml と同じ構造ですが、これらのレイアウトはGridLayout に比べて機能が少ないため、コントロールが削減されています。

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

ファイル:

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