DataV:フルスクリーンスイッチ

チャートスタイル

フルスクリーン表示と小画面表示を柔軟に切り替えることができます。

設定パネル

• [設定の検索]: キャンバスエディターの右側のパネルで、[設定] タブをクリックし、右上隅の [設定の検索] をクリックします。 検索ボックスに必要な設定項目を入力し、検索アイコンをクリックして設定項目をすばやく見つけます。 あいまい一致はサポートされていません。 詳細については、「」をご参照ください。

• Size: ピクセルの幅と高さを含むウィジェットのサイズを示します。 アイコンをクリックすると、ウィジェットの幅と高さを比例調整できます。 このアイコンをもう一度クリックすると、必要に応じて幅と高さを調整できます。

• 位置: ウィジェットの位置。ピクセルXとYの座標で示されます。 X座標は、ウィジェットの左上隅とキャンバスの左枠の間のピクセル距離を示します。 Y座標は、ウィジェットの左上隅とキャンバスの上枠の間のピクセル距離を示します。

• 回転角度: ウィジェットの中心点を回転点として使用する回転の角度。 単位は度 (°) です。 次のいずれかの方法を使用して、ウィジェットの回転角度を制御できます。

  • 回転角度スピンボックスに角度を直接入力するか、プラス記号 ([+]) またはマイナス記号 ([-]) をクリックして、回転角度スピンボックスの値を増減します。

  • アイコンの黒い点をドラッグします。

  • アイコンをクリックして、ウィジェットを水平に反転します。

  • アイコンをクリックして、ウィジェットを垂直に反転します。

• 不透明度: ウィジェットの不透明度。 有効な値: 0と1。 このパラメーターが0に設定されている場合、ウィジェットは非表示になります。 このパラメーターが1に設定されている場合、ウィジェットは完全に表示されます。 デフォルト値: 1

• Enter: フルスクリーンモードに入るアイコン。 リモートサーバーで画像を使用するには、右上隅に画像のURLを入力します。 [プレビュー] をクリックして画像をプレビューします。 画像を変更するには、画像の下の破線のボックスの [変更] をクリックします。

• Exit: フルスクリーンモードを終了するアイコン。 リモートサーバーで画像を使用するには、右上隅に画像のURLを入力します。 [プレビュー] をクリックして画像をプレビューします。 画像を変更するには、画像の下の破線のボックスの [変更] をクリックします。

• 背景色: アイコンの背景色。 詳細は、「カラーピッカー」をご参照ください。

• ボーダー半径: 背景の形。 デフォルト値: 50% 。背景が円であることを示します。 0% の場合は、正方形として表示されます。

  説明

  コンポーネントが正方形でない場合、丸い角を50% と背景は楕円形になります。

• 背景画像を表示: スイッチをオンにすると、背景が常に表示されます。 スイッチをオフにすると、ポインタをフルスクリーンスイッチの上に移動したときにのみ背景が表示されます。

データパネル

このウィジェットはデータ設定をサポートしていません。

相互作用パネル

このコンポーネントは、対話イベントの設定を必要としません。

Blueprint Editorでのインタラクションの設定

1. キャンバスエディターで、レイヤーパネルでウィジェットを右クリックし、[ブループリントエディターに追加] を選択します。

2. ページの左上隅にあるアイコンをクリックします。

3. Blueprint Editorで、[追加ノード] ペインの [全画面切り替え] ウィジェットをクリックします。 次の図に示すように、全画面スイッチの設定をキャンバスに表示できます。

   • イベント

     パラメーター	説明
     全画面表示時	このイベントは、フルスクリーンモードに入ったときにトリガーされ、パラメーターの入力は必要ありません。
     全画面表示時	このイベントは、フルスクリーンモードを終了したときにトリガーされ、パラメーターの入力は必要ありません。

   • ポリシーアクション

     ポリシーアクション	説明
     全画面表示	このアクションはフルスクリーンモードになり、パラメータ入力は必要ありません。
     終了フルスクリーン	このアクションはフルスクリーンモードになり、パラメータ入力は必要ありません。
     コンポーネント設定の更新	ウィジェットのスタイル設定は動的に更新されます。 この操作を実行する前に、キャンバスエディターでウィジェットをクリックし、右側のパネルの [設定] タブをクリックし、設定をコピーして...ウィジェット設定を取得します。 その後、Blueprint Editorでデータ処理ノードのスタイルフィールドを変更します。
     表示	ウィジェットを表示します。 参照データの例を次に示します。 return { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" };
     非表示	次の例は、ウィジェットを非表示にする方法を示しています。 return { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" };
     暗黙の状態への切り替え	ウィジェットを表示するか非表示にするかを指定します。 参照データの例を次に示します。 return { "animationIn": { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" }, "animationOut": { "animationType": "", "animationDuration": 1000, "animationEasing": "linear" } };
     移動	ウィジェットを指定した場所に移動します。 参照データの例を次に示します。 return { // The positioning type. to indicates absolute positioning, whereas by indicates relative positioning. The default value is to. "positionType": "to", // The location, which is indicated by the x and y coordinates. "attr": { "x": 0, "y": 0 }, // The animation type. "animation": { "enable": false, // The duration in which animation is displayed. "animationDuration": 1000, // The animation curve, which can be set to linear|easeInOutQuad|easeInOutExpo. "animationEasing": "linear" } };