201 lines
7.3 KiB
Markdown
201 lines
7.3 KiB
Markdown
# ツールチップ
|
||
|
||
**コントロール機能**：マウスオーバー時に表示されるヒント情報を示す、フローティングテキストコントロールです。
|
||
**タイプ**：通常コントロール
|
||
**親クラスコントロール**：`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`
|
||
|
||
## 主なイベント
|
||
|
||
| イベント名 | 発火タイミング | 引数 |
|
||
|------------|----------------|-------|
|
||
| 無し | —— | —— | |