アコーディオン

アコーディオンは、複数のセクションを折りたたみ・展開して表示できるUIコンポーネントです。主に情報の整理や、画面スペースの有効活用に利用されます。
v4.0.0で追加されました。

プロパティ

No	項目	入力値	デフォルト値	アクションプロパティ	タイプ	アクションデフォルト値	説明
1	ID	文字列	自動設定	id	string	自動設定	[id]プロパティはアクションで設定はできません。
2	幅	文字列	600	width	string	600	アコーディオンの幅
3	高さ	文字列	200	height	string	200	アコーディオンの高さ
4	X	文字列		x	string
5	Y	文字列		y	string
6	表示	真偽	ON	visibility	boolean	true
7	色	文字列 カラーピッカー		color	string		アコーディオンタイトルの文字色 空の場合はテーマのPrimary Textの色が適用される
8	背景色	文字列 カラーピッカー		backgroundColor		アコーディオン全体の背景色 空の場合はテーマのBackground Paperの色が適用される
9	複数展開	真偽	ON	multiExpand	boolean	true	OFFの場合は一つ展開すると他のアコーディオンは閉じる

ノート

• [幅]、[高さ]プロパティ値には下記を入力できます。 px 表示したい場合は数値のみ、%表示したい場合は単位に%を指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • 数値%
  • calc()関数
• [X]、[Y]プロパティ値には下記を入力できます。
  px 表示したい場合は数値のみを指定してください。
  下記以外を入力した場合の動作はサポート外になります。
  • 数値
  • calc()関数
• calc()関数は CSS の関数で、計算を可能にする関数です。（例：calc(100% - 30px)）
  calc()関数で使用できる単位は 「%」と 「px」です。それ以外の単位（例：em,rem など）はサポート外になります。
• calc()関数を用いてサイズを指定した際は、エディタ上の表示とアプリ上の見た目が異なることがあります。
  プレビューを用いてご確認ください。

アコーディオンアイテムの追加

アコーディオンアイテムとは、アコーディオンコンポーネント内で展開可能な一つのセクションの事を指します。
アコーディオンコンポーネントには、以下の手順でアコーディオンアイテムの追加を行うことが出来ます。

1. アコーディオンコンポーネントのプロパティダイアログを開きます。
2. 左ペインにあるアコーディオンバーの＋アイコンをクリックします。
3. 左ペインにアコーディオンアイテムが追加されます。