メインコンテンツまでスキップ

Overview

このページは、Lucy Studioで画面を構成するウィジェットの使い方をまとめた8. Work with Widgetsセクションの概要です。ウィジェットはStudioのパレットカテゴリーを基準に3つのデータベース(Layouts・Dividers・Contents)に分かれ、各ウィジェットの行を開くと使い方・プロパティのドキュメントがあります。スクリプトで制御するメンバー(Widget Control)はReferenceセクションで確認できます。(Pro+)ウィジェットはFreeプランではロックされ、Pro・Enterpriseプランで使用できます。

ウィジェットグループ

ウィジェットは性格に応じて以下の3つのグループに分かれます。各グループの代表的なウィジェットへすぐ移動できます。

  • Layouts — 子ウィジェットの配置・アライメント・スクロール構造を作るコンテナウィジェットです。例: Row, Column, Stack, ListView
  • Dividers — ウィジェット間の間隔と区切り線を担当します。例: SpaceBox, Spacer, Divider-H, Divider-V
  • Contents — テキスト・画像・入力など、実際の情報を表示したり入力を受け取ったりするウィジェットです。例: Text, Button, Image, TextField

ウィジェットに適用する**スタイル(モディファイア)**はこのセクションの後半で併せて扱うため、各ウィジェットに適用できるスタイルもこのドキュメントですぐに確認できます。例: Padding, DecoratedBox, Opacity