Bone Flow #018 - Icon

Version 1.0.19 / Status: Development

使用コンポーネント

#001 Bone Core 使用中
Version 確認中 Status 確認中 API 確認中
#002 Bone Joint 使用中
Version 確認中 Status 確認中 API 確認中
#020 Bone Label#040経由
Version 確認中Status 確認中API 確認中
#022 Hover Border Effect#040 Active Border
Version 確認中Status 確認中API 確認中
#040 ColorPicker色選択UI
Version 確認中Status 確認中API 確認中

#018 Iconは#001 Bone Coreと#002 Bone Jointを使用し、色選択UIを#040 ColorPickerへ委譲します。#040の正式依存として#020 Bone Label / #022 Hover Border Effectを使用します。#017 Textは画面構成・接続イメージの正式実装基準として参照しただけで、Runtime依存ではありません。

テスト対象:Icon Primitive UIのプロパティ設定、Font Awesome全1,944件の検索・選択、合算プレビュー、およびBone Joint接続イメージを確認します。

Iconはアイコン、アイコン名、unicodeを値として管理し、接続イメージは#017 Textの正式構成を維持します。

プロパティ設定

基本設定

背景色
アクティブ時の背景色

アイコン表示領域

枠線
影
アクティブ時
無効状態

表示・OUT設定

プレビュー表示
OUTへ渡す

アイコン名の文字設定

Unicodeの文字設定

アイコン選択

0件
1 / 1

合算プレビュー

左側のプロパティをすべて反映したIconを確認します。

Iconプレビュー

Font Awesomeアイコンデータを使用しています。

接続イメージ

IconをIN/OUTのEndpointとして利用した場合の接続状態イメージです。接続線・端点・不存在・不一致はBone Jointが描画します。

表示色(凡例)
青色:IN 接続線
緑色:OUT 接続線
オレンジ:型不一致
赤色:接続エラー/不存在終端

色だけに依存せず、日本語表記でも状態を判別できます。白黒印刷時も凡例の文字を参照してください。

Smoke Test / Validation Report

NOT RUN

実行日時-
検査件数0件
PASS0件
FAIL0件
実行時間0.0ms
Version1.0.19

Smoke Test 結果NOT RUN

Smoke Testは未実行です。

Validation 結果NOT RUN

Validationは未実行です。

コンポーネント完了管理

Smoke TestとValidationの両方がALL PASSの場合のみ、#018 Bone Iconを正式完了にできます。

Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
Smoke TestとValidationの両方がALL PASS後に完了できます。
Class リスト / HTML Functional Class一般利用の正式Classは bf-icon 1件です。Public API 14件はJavaScript高度操作として別枠で確認します。
bf-icon