タブウィジェットを使用すると、必要に応じてプロジェクト内のタブをカスタマイズできます。 タブをインタラクションウィンドウのさまざまなイベントに関連付けることができます。

スタイル

  • 基本属性
    • Size:幅と高さを調整して、ウィジェットのサイズを設定します。
    • Position:横座標と縦座標を調整して、ウィジェットの位置を設定します。
    • Others:ウィジェットの回転角度と不透明度を設定します。
  • フォントファミリ: 表示されるテキストのフォントを設定するには、ドロップダウン矢印をクリックして目的のフォントを選択します。
  • 背景色: 表示されるテキストの背景色を設定するには、「カラーピッカー」をご参照ください。
  • 行数: タブリストの行数を変更するには、値を入力するか、 [+] または [-] をクリックします。
  • 列数: タブリストの列数を調整するには、値を入力するか、 [+] または [-] をクリックします。
  • 選択の種類: このオプションには 単一選択および複数選択があります。 選択タイプを設定するには、ドロップダウン矢印をクリックしてターゲットタイプを選択します。
  • 初期化値: 初期化するタグの ID を入力できます。 ID はデータウィンドウのidフィールドの値と一致する必要があります。 選択の種類単一選択に設定する場合、 ID を 1 つ入力できます。 選択の種類複数選択に設定する場合、2 つ以上の ID を入力できます。 ただし、ID をコンマ (,) で区切る必要があります。
  • すべてのボタン: このオプションは、 選択の種類複数選択に設定した後にのみ表示されます。 このオプションを選択すると、 タブリストにすべてタブが表示されます。
  • すべて初期化: このオプションは、 選択の種類複数選択に設定した後にのみ表示されます。 このオプションを選択すると、タブリストのすべてのタブが選択され、 初期化値オプションは非表示になります。
  • ラベルオプション
    • フォントサイズ: ラベルテキストのフォントサイズを変更するには、値を入力するかスライダーをドラッグします。
    • フォントの色: ラベルテキストのフォントの色を変更するには、「カラーピッカー」をご参照ください。
    • フォントの太さ: ラベルテキストのフォントの太さを設定するには、ドロップダウン矢印をクリックして目的のフォントの太さを選択します。
    • 背景色: ラベルテキストの背景色を設定するには、「カラーピッカー」をご参照ください。
    • 枠半径: 各タブの枠半径を変更するには、値を入力するかスライダーをドラッグします。 デフォルト値は 0 です。
    • ホバー色: タブの上にポインタを置いたときに各タブの色を変更するには、「カラーピッカー」をご参照ください。 設定された色は、プレビューページまたは公開ページでのみ表示できます。
    • 選択した色: 選択したタブのテキストのフォント色を変更するには、「カラーピッカー」をご参照ください。
    • 選択した背景色: 選択したタブの背景色を変更するには、「カラーピッカー」をご参照ください。
  • インタラクション: 必要に応じてウィジェットのコールバック ID を設定できます。

データ

  • id: 設定ウィンドウの初期化値フィールドの値に対応するタブID。
  • content: タブ名

インタラクション

インタラクション機能を有効にするには、 [有効にする] をクリックします。 詳細は、 「ティッカーボードのコールバック ID を設定する」をご参照ください。