7.3 KiB
ツールチップ
コントロール機能：マウスオーバー時に表示されるヒント情報を示す、フローティングテキストコントロールです。
タイプ：通常コントロール
親クラスコントロール：bricks.Text
初期化パラメータ
| パラメータ名 | 型 | 説明 |
|---|---|---|
otext |
String | 表示する元のテキスト内容。国際化をサポート |
rate |
Number | フォントサイズの拡大縮小比率。デフォルトは 0.8 |
tip |
null | null に固定され、tooltip の継承動作を防止 |
注：
Tooltipは生成時に自動的にrate=0.8を設定し、「modal」CSS クラスを追加します。最小幅は90pxに設定されます。
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| カスタムイベントなし | —— | —— |
Tooltip自体はカスタムイベントを発行しませんが、show(otext, event)およびhide()メソッドにより表示・非表示を制御できます。
Text（テキスト）
コントロール機能：基本的なテキスト表示コントロール。中央揃えや、文字サイズに応じたフォントサイズの動的調整に対応。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
| パラメータ名 | 型 | 説明 |
|---|---|---|
text |
String | 表示するテキスト内容 |
otext |
String | 国際化対応用の元テキスト |
i18n |
Boolean | 国際化を有効にするかどうか。デフォルトは無効 |
halign |
String | 水平方向の配置：left、center、right（デフォルトは center） |
valign |
String | 垂直方向の配置：top、center、bottom（デフォルトは center） |
wrap |
Boolean | 折り返しを許可するかどうか |
css |
String | カスタムCSSクラス名 |
rate |
Number | フォントサイズの拡大縮小係数。デフォルトは 1 |
フォントサイズはグローバルな
bricks.app.charsizeに基づいて動的に調整され、初期値cfontsize = 1です。
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | Text は静的コントロールであり、インタラクションイベントを発生させない |
—— |
KeyinText（キー入力テキスト）
コントロール機能：テキスト入力可能なコントロール。キーボードイベントを監視して表示内容を動的に更新。簡易的な入力シーンに適しています。
タイプ：通常コントロール
親クラスコントロール：bricks.Text
初期化パラメータ
| パラメータ名 | 型 | 説明 |
|---|---|---|
name |
String | データフィールド名。デフォルトは 'data'。changed イベントの出力キー名として使用 |
その他のパラメータは Text から継承 |
—— | Text のすべてのパラメータをサポート |
グローバルな
keydownイベントに自動バインドされ、アルファベット、数字、Enterキーなどの単一文字入力を受信します。
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
changed |
テキストが変更されたとき（入力・削除を含む） | オブジェクト形式：{ [this.name]: 現在のテキスト }。例：{ data: "abc" } |
Title1（タイトル1）
コントロール機能：第一レベルのタイトルコントロール。太字かつ大きなフォントサイズで、ページのメインタイトル表示に使用。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
| パラメータ名 | 型 | 説明 |
|---|---|---|
text / otext |
String | 表示テキストまたは国際化用の原文 |
i18n |
Boolean | 国際化を有効にするかどうか |
halign |
String | 水平方向の配置 |
valign |
String | 垂直方向の配置 |
rate |
Number | 拡大縮小比率。デフォルトは継承値 |
組み込みスタイル：
fontWeight: bold、cfontsize: 1.96。文字サイズの変化に応じて動的に調整。
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | 静的なテキストコントロールのため、インタラクションイベントなし | —— |
Title2（タイトル2）
コントロール機能：第二レベルのタイトルコントロール。太字で、Title1より若干小さいフォントサイズ。章の見出しに使用。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
Title1 と同じ。すべてのパラメータをサポート。
組み込み属性：
cfontsize: 1.80。その他はTitle1と同一。
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | 静的コントロール | —— |
Title3（タイトル3）
コントロール機能：第三レベルのタイトルコントロール。サブモジュールまたは小さなセクションの見出しに使用。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
上記と同じ。
cfontsize: 1.64
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | —— | —— |
Title4（タイトル4）
コントロール機能：第四レベルのタイトルコントロール。小さいサイズの太字タイトル。細かい構造区分に適しています。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
上記と同じ。
cfontsize: 1.48
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | —— | —— |
Title5（タイトル5）
コントロール機能：第五レベルのタイトルコントロール。軽量なタイトルスタイル。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
上記と同じ。
cfontsize: 1.32
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | —— | —— |
Title6（タイトル6）
コントロール機能：第六レベルのタイトルコントロール。最小のタイトルスタイル。本文に近いが太字になっている。
タイプ：通常コントロール
親クラスコントロール：bricks.TextBase
初期化パラメータ
上記と同じ。
cfontsize: 1.16
主なイベント
| イベント名 | 発火タイミング | 引数 |
|---|---|---|
| 無し | —— | —— |