ドキュメントの検索
karat

+

K

APIリファレンス ↗

注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。

タブ

タブウィジェットは、設定可能なタブを表示し、モジュール内のページやレイヤーを移動するためのワークショップイベントをトリガーします。

Tabs widget example

設定オプション

以下に、タブウィジェットの設定オプションを概説します。

  • タブ

    • アイテムの追加: 新しいタブを追加します。作成後、タブを含むボックスを選択して設定します。
      • ラベル: タブのラベルを設定します。
      • オンクリック
        • イベントの追加: タブが選択されたときにトリガーされるワークショップイベントを追加します。
      • アイコン: タブラベルの左に表示されるアイコンを追加します。
      • バッジ: タブラベルの右にバッジを表示します。デフォルトでは、タブにバッジは表示されません。ビルダーがタブにバッジを表示させることを選択した場合、文字列変数を使用してテキストを表示するか、数値変数を使用して数値を表示するかを選択できます。
      • 条件付き表示: オンに切り替えると、設定されたブール変数の値によってタブが有効/無効または表示/非表示になるようになります。
        • ブール変数: タブが有効、無効、または非表示になるタイミングを制御するブール変数を設定します。
        • 無効: 選択した場合、設定されたブール変数の値が true のときタブが有効になり、値が false のときタブが無効になります。
        • 非表示: 選択した場合、設定されたブール変数の値が true のときタブが表示され、値が false のときタブが非表示になります。
  • 表示と書式設定

    • デザイン: ウィジェット内のすべての設定済みタブに適用されるスタイリングプリセットを選択します。アウトラインブロックプロミネントグループ化から選択できます。
    Tabs widget design presets
    • アウトライン
      • サイズ: タブの表示値のサイズをデフォルトまたは大に設定します。
    • ブロック
      • ミニマルスタイリング: タブにミニマルブロックスタイリングを適用するには、オンに切り替えます。この設定では、アクティブタブに使用される アクティブカラー(下記参照)が薄くなります。
      • サイズ: タブの表示値のサイズ設定を行います。サイズオプションは デフォルト または です。
    • プロミネント
      • 幅: ウィジェットの幅を設定します。
      • サイズ: タブの表示値のサイズをデフォルトまたは大に設定します。
    • グループ化
      • サイズ: タブの表示値のサイズを小、デフォルト、または大に設定します。
  • アクティブカラー: * アクティブタブのタブカラーを設定します。

  • タブの高さ: タブウィジェットの所定のセクションヘッダーの高さを設定します。

    • カスタム: ウィジェット内のタブの高さを、カスタムピクセル値を入力して設定します。
    • 自動: タブの高さを、コンテナの高さに自動設定するよう選択します。
      • フィル: オンに切り替えると、ウィジェットのタブの高さがウィジェットの高さに設定されます。
  • 方向

    • 水平: ウィジェット内のタブを水平方向に表示します。
    • 垂直: ウィジェット内のタブを垂直方向に表示します。
      • 配置
        • 左: ウィジェット内のすべてのタブを左揃えにします。
        • 中央: ウィジェット内のすべてのタブを中央揃えにします。