画像コンポーネント

スクリプトページにグラフィックを挿入するには、画像コンポーネントを追加します。

  1. クリック画像コンポーネント ツールバーで。
  2. クリック 一般 プロパティグループ。
  3. から画像ソースリストで、次のいずれかを選択します。
  4. 画像のインターネットアドレスを指定するには、補間テキスト画像の URL を入力します。
  5. ワークスペースから画像を指定するには、コンテンツ管理使用するワークスペースと画像ファイルの場所を指定します。
     メモ:   注意: 正しく表示されるには、画像は公開されているか、エージェントと具体的に共有されている必要があります。
  6. 画像サイズを調整するには、 レイアウト プロパティグループを設定してから  そして 高さ プロパティ
  7. エージェントが画像をクリックしたときにアクションを呼び出すには、 高度な プロパティグループ 下 クリックアクションクリック アクションが選択されていません
  8. このコンポーネントのその他のプロパティを設定します。  

一般

画像ソースは、画像がホストされているURLを指定します。 URL は手動で入力するか、変数によって割り当てることができます。

背景色を次のいずれかに設定します。

背景またはテキストの色を次のいずれかに設定します。

  • デフォルト—デフォルトの色を割り当てます。
  • —一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
  • 変数—文字列変数に格納されている色を割り当てます。
    変数の例:濃い青を割り当てるには:
    1. クリック変数タブ。
    2. クリック変数を追加変数を追加します。
    3. 選択 文字列 新しい変数が格納する値の型として。
    4. わかりやすい名前を入力してください名前箱。
    5. セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
    6. 適用するをクリックします。
    7. このカラープロパティに変数を割り当てます。

    スクリプトページの背景色を変更する

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    • ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
    • 「共通」または「外観」の下で、異なる背景色を割り当てます。

    スクリプトページの背景色を変更するには

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    1. パンくずバーで、ルートコンテナ

       

    2. 共通 または 外観、別の背景色を割り当てます。

       

レイアウト

サイズ調整に影響する重み付けを使用して、幅を固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

  • 自動サイズ調整コンポーネントがその内容に応じて縮小または拡大するように構成します。たとえば、ラベルの幅は、含まれるテキストの量に応じて大きくなります。
  • ストレッチ重み付けを使用してサイズ調整に影響を与えることで、コンポーネントが他のコンポーネントに比べて可能な限り多くのスペースを消費できるようにします。
    注記:2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントの重量は 2 番目のコンポーネントの重量の 2 倍であるため、最初のコンポーネントは他のコンポーネントの 2 倍のサイズで表示されます。
  • ピクセルピクセル単位で固定サイズを設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。これらの矢印は、コンポーネントにフォーカスがあるときに表示されます。

サイズ調整に影響する重み付けを使用して、高さを固定サイズに設定し、コンテンツを表示するために必要に応じて拡大したり、他のコンポーネントに比べてできるだけ多くのスペースを消費したりします。

  • 自動サイズ調整コンポーネントがその内容に応じて縮小または拡大するように構成します。たとえば、ラベルの幅は、含まれるテキストの量に応じて大きくなります。
  • ストレッチ重み付けを使用してサイズ調整に影響を与えることで、コンポーネントが他のコンポーネントに比べて可能な限り多くのスペースを消費できるようにします。
    注記:2つのコンポーネントが両方とも伸縮するように設定されている場合、デフォルトで残りのスペースの50%が割り当てられます。この比率は、重量値を変更することによって調整できます。たとえば、1つのコンポーネントを200の重みに設定し、もう1つのコンポーネントを100の重みに設定すると、最初のコンポーネントは残りのスペースの3分の2を占め、もう1つは3分の1しかかかりません。最初のコンポーネントの重量は 2 番目のコンポーネントの重量の 2 倍であるため、最初のコンポーネントは他のコンポーネントの 2 倍のサイズで表示されます。
  • ピクセルピクセル単位で固定サイズを設定します。ボックスに整数を入力するか、上向き矢印か下向き矢印を使ってサイズを増加または減少します。これらの矢印は、コンポーネントにフォーカスがあるときに表示されます。

親コンテナを基準にして、コンポーネントを左、右、または中央に揃えます。

ヒント:親コンテナの高さ設定がAuto Sizing。これを修正するには、親コンテナの高さをStretchまたは固定の高さにPixels

余白は、境界線の周囲の上下左右の間隔を設定します。

  1. 余白の値フィールドをクリックします。 そのフィールドにスピン コントロールが表示されます。
  2. スピン コントロールを使用して、余白を増減します。 
  3. すべてのマージン値を一度に更新するには、すべて設定プロパティ パネルの Margin ボタンをクリックします。

Visible プロパティは、ブール値 (True または False) 変数または式の値に基づいてコンポーネントの可視性を設定します。

変数に基づいて Visible プロパティを設定するには:

  1. クリックレイアウト不動産グループプロパティパネル。
  2. 見える、 クリック変数を選択
  3. 変数を選択するか、オプションで新しいYes / No変数を作成してから、その新しい変数を 見える 財産。
  4. 実行時には、変数の値がTrueのときにコンポーネントが表示されます。 逆に、変数の値が

式に基づいて Visible プロパティを設定するには:

  1. クリックレイアウト不動産グループプロパティパネル。
  2. 「表示」の下で、真偽表現
  3. [変数の挿入] ボックスに式を入力します。

実行時に、式が True の場合にコンポーネントが表示されます。式が間違い

外観

背景色を次のいずれかに設定します。

背景またはテキストの色を次のいずれかに設定します。

  • デフォルト—デフォルトの色を割り当てます。
  • —一般的な色のパレットから選択することも、RGB 値を入力するかカラー ピッカーを新しいスペクトルの位置に移動して独自の色を選択することもできます。テキストと背景の色の設定は、「外観」パネルのプロパティです。このプロパティ パネルは、カラー機能を持つコンポーネントでのみ使用できます。
  • 変数—文字列変数に格納されている色を割り当てます。
    変数の例:濃い青を割り当てるには:
    1. クリック変数タブ。
    2. クリック変数を追加変数を追加します。
    3. 選択 文字列 新しい変数が格納する値の型として。
    4. わかりやすい名前を入力してください名前箱。
    5. セットデフォルト値0000FF または #0000FF になります。これは濃い青の 16 進コードです。
    6. 適用するをクリックします。
    7. このカラープロパティに変数を割り当てます。

    スクリプトページの背景色を変更する

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    • ブレッドクラムバーで、ルートコンテナーアイコンをクリックします。
    • 「共通」または「外観」の下で、異なる背景色を割り当てます。

    スクリプトページの背景色を変更するには

    ページ全体の背景色を設定するには、ルートの垂直コンテナに背景色を割り当てます。

    1. パンくずバーで、ルートコンテナ

       

    2. 共通 または 外観、別の背景色を割り当てます。

       

アクセシビリティ

Alt テキスト設定を使用すると、インタラクションを必要とする画像に説明テキストを添付できます。スクリーン リーダーは代替テキストを認識して読み上げます。

  • 画像を識別するには、補間テキストを選択します。
    • 必要に応じて、「変数の挿入」をクリックして変数を選択または作成します。
    • ボックスに代替テキストを入力します。
  • スクリーン リーダーによって画像が読み上げられない場合は、「装飾」を選択します。

詳細

画像ソースは、画像がホストされているURLを指定します。 URL は手動で入力するか、変数によって割り当てることができます。

クリック アクション プロパティを使用すると、ボタン、リンク、または画像がクリックされたときに実行するアクションを選択できます。

メニューを使用して、アクションで URL を開くか、別の種類のアクションを実行するかを選択します。

  • を選択した場合 URL、url を入力するか、URL を含む文字列変数を選択するように求められます。 URL は HTTP または HTTPS プロトコルを使用できます。
  • を選択した場合 アクション、スクリプターアクション、アウトバウンドアクション、またはカスタムアクションの選択を求めるプロンプトが表示されます。 選択することもでき 操作なし 以前に選択したアクションの割り当てを解除する。