C
Qt Quick Ultraliteのレイアウト例
Qt Quick のUltraliteレイアウトの使用方法を解説します。
概要
この例では、 Qt Quick Ultralite Layouts。

この例には、GridLayout 、ColumnLayout 、RowLayout を実演する3つのタブがあります。各ページには右側に、レイアウトのプロパティを操作するためのコントロールがあります。色付きのボックス(レイアウトの子アイテム)の位置は、レイアウトのプロパティの値に応じて変化します。
対象プラットフォーム
- MCIMX93-EVK
- MIMXRT1050
- MIMXRT1060
- MIMXRT1064
- MIMXRT1170
- STM32F769I
- STM32H750B
- RH850 D1M1A
- Infineon TRAVEO T2G
プロジェクト構造
メインアプリケーション
メインアプリケーションウィンドウの上部には 3 つのタブがあります。タブを選択すると、指定されたレイアウトのデモを含むページが読み込まれます。
GridLayout ページ
GridLayout.qml には、以下のレイアウトプロパティを更新するためのいくつかのコントロールがあります:
- GridLayout::columns
- GridLayout::flow
- GridLayout::layoutDirection
- GridLayout::columnSpacing
- GridLayout::rowSpacing
プロパティの値を変更すると、レイアウトに応じて右側の色付きボックスの位置が更新されます。
ColumnLayoutページおよびRowLayoutページ
ColumnLayout.qml およびRowLayout.qml は、GridLayout.qml と同じ構造ですが、これらのレイアウトはGridLayout に比べて機能が少ないため、コントロールが削減されています。
- ColumnLayout::spacing またはRowLayout::spacing
- ColumnLayout::layoutDirection またはRowLayout::layoutDirection
また、レイアウトのプロパティを変更することで、更新されたレイアウトを確認することもできます。
ファイル:
- layouts/CMakeLists.txt
- layouts/ColorBox.qml
- layouts/ColumnLayout.qml
- layouts/GridLayout.qml
- layouts/LayoutSelector.qml
- layouts/LayoutType.qml
- layouts/Main.qml
- layouts/MultiValueButton.qml
- layouts/RowLayout.qml
- layouts/StyledCheckBox.qml
- layouts/mcu_layouts.qmlproject
- layouts/mcu_layouts_ra8d1.qmlproject
特定のQtライセンスの下で利用可能です。
詳細はこちら。