スクリーンUI - キャンバス

スクリーンUIのキャンバスはコンポーネントが配置される領域です。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	canvas	id	string	canvas	[id]プロパティはアクションでは設定はできません。
2	最大幅 [デスクトップ]	数値	-1	maxWidth	number	-1	[最大幅]に指定した数値によって、エディタとアプリで表示や動作が異なります。 [最大幅]を指定していても、アプリバーとボトムナビゲーションは画面幅で表示されます。
3	下余白	文字列	30	bottomPadding	number	30	キャンバスの画面下部の余白領域の設定
4	背景色	文字列 カラーピッカー		backgroundColor	string		キャンバスの背景色
5	背景画像	文字列		backgroundImage	string		キャンバスの背景画像
6	背景画像の繰り返し	選択 1. 繰り返し 2. 繰り返しなし	繰り返しなし	backgroundRepeat	string	no-repeat	背景画像の繰り返し設定
7	背景画像のサイズ	選択 1. 拡大縮小無し 2. 全体表示 3. 全体埋め	拡大縮小無し	backgroundSize	string	auto	背景画像のobject-fitの設定
8	ボディ背景色 [デスクトップ]	文字列 カラーピッカー		bodyBackgroundColor	string		ボディ領域の背景色設定
9	ボディ背景画像パス [デスクトップ]	文字列		bodyBackgroundImage	string		ボディ領域の背景画像設定
10	ボディ背景画像の繰り返し[デスクトップ]	選択 1. 繰り返し 2. 繰り返しなし	繰り返しなし	backgroundRepeat	string	no-repeat	ボディ領域の背景画像の繰り返し設定
11	ボディ背景画像のサイズ[デスクトップ]	選択 1. 拡大縮小無し 2. 全体表示 3. 全体埋め	拡大縮小無し	backgroundSize	string	auto	ボディ領域の背景画像のobject-fitの設定
12	タイマーイベント	選択 1. None 2. Action	None	timerEvent	string	none	タイマーイベントの有効化設定 v3.4.0で追加されたプロパティ
13	インターバル	数値	60	interval	number	60	タイマーイベントの発生間隔設定 最小値は10となります。 最大値は300となります。 v3.4.0で追加されたプロパティ

ノート

• モバイル/タブレットアプリケーションでは、[最大幅]、[ボディ背景色]、[ボディ背景画像パス]、[ボディ背景画像の繰り返し]、[ボディ背景画像のサイズ]プロパティは設定できません。
• エディタ
  • -1指定：最大幅の指定なし扱い、エディタ領域は無限
  • 2以上の数値指定：最大幅の指定あり扱い、エディタ領域は有限かつ左から表示
  • 0、1、-1未満の数値指定：-1指定と同じ扱い
• アプリ
  • -1指定：最大幅の指定なし扱い、左から表示
  • 2以上の数値指定：最大幅の指定あり扱い、中央に表示
  • 0、1、-1未満の数値指定：-1指定と同じ扱い
• [アクション]に記述した処理は[load]イベントの際に実行されます。
• [タイマーアクション]に記述した処理は[timer]イベントの際に実行されます。
• [タイマーイベント]で[Action]を選択した場合にのみ、キャンバスの右クリックから[タイマーアクション]を設定することが出来ます。
• [インターバル]の値に範囲外の値を設定した場合、タイマーイベントは実行されなくなります。
  アクションから意図的に範囲外の値を設定することで、タイマーイベントの開始および停止をコントロールすることが出来ます。

イベント

イベント名	説明
load	キャンバスを読み込んだ際に発生します。
timer	キャンバスを読み込んだ後にインターバルに設定した値の間隔で発生します。