円を配置する

左上にあるCircleアイコンをM5 Stack画面内にドラッグ&ドロップします。

円が配置されます。円の位置や半径を細かく設定するには配置された円をクリックします。

内容を編集するポップアップダイアログが表示されます。

borderColorの欄をクリックすると円の枠の色を変更することもできます。

backgroundColorの欄をクリックすると円の色を変更することもできます。

xの欄は円の中心X座標、yの欄は円の中心Y座標になります。なお、円の位置は配置した円をドラッグするか、このx欄、y欄に座標値を入力します。座標は画面左上が原点(0,0)で右下に行くに従って大きくなります。最大値はX座標が319、Y座標が239です。

編集後の状態です。再度配置された円をクリックすると編集することができます。
ここで作成したタイトルはUIカテゴリ内にある円形のカテゴリをクリックすると対応するブロックが表示されます。

実行ボタンをクリックします。

M5 Stackの画面に円が表示されます。

<< 戻る