Skip to main content

色の割り当て

視覚化要素の色は、次の方法で静的に構成します。 プロパティ、またはを使用してアプリケーション変数を割り当てることにより動的に 色変数 財産。要素によっては、他のプロパティでも色の割り当てを利用できます。たとえば、フォントの色の場合、これは 文章 ラベル付けされた要素のプロパティ。

色の値を静的に割り当てる場合は、プロパティエディタのカラーダイアログをいつでも使用できます。このダイアログから選択できるカラーパレットが提供されます。

色をスタイルカラーとして指定できます。スタイルの色は、アクティブに適用されているスタイルの色定義の色名です。対応するプロパティを構成すると、使用可能なスタイルの色のリストが提供されます。 スタイルカラーの使用をお勧めします なぜなら、スタイルの選択やスタイルのカスタマイズによって、一元的に色を変更できるからです。を開くこともできます カラーパレットから値を選択するためのダイアログ。

さらに、要素の塗りつぶしの色を次のように定義できます。 勾配。次に、色は、最初の色から最終的な色まで、線形、放射状、または軸方向に変化します。を構成します グラデーション設定 の中に グラデーションエディター ダイアログ。

スタイルカラーまたは固定カラー値を使用した視覚化要素の設計

重要

スタイルカラーを使用した色の割り当てにより、グローバルな色の変更が簡単になります。

要件:視覚化エディターが開いている。

  1. いくつか挿入 Rectangle 要素。

  2. 要素を選択します。

    The プロパティ ビューがアクティブです。

  3. をクリックします 色→通常の状態→塗りつぶしの色 財産。

    リストボックスと _cds_icon_button_threedots.png ボタンが表示されます。

  4. を割り当てます スタイルカラー 長方形に。たとえば、 要素の塗りつぶしの色 リストボックスから。

  5. の透明度を定義します 色→通常の状態→塗りつぶしの色→透明度 プロパティ:スライダーを使用して値を選択します 136

  6. 別の長方形を選択します。をクリックします 色→通常の状態→塗りつぶしの色 財産。

    リストボックスと _cds_icon_button_threedots.png ボタンが表示されます。

  7. を割り当てます 固定カラー値 長方形に。クリック _cds_icon_button_threedots.png これを行うためのボタン。

    The ダイアログが開きます。

  8. 標準色を選択するか、 カスタムカラーを定義する 選択を微調整します。次に、をクリックします わかった

    色は固定値として設定されます。色は小さな長方形として表示されます。 RGB値もその横に表示されます。

  9. をクリックします 色→通常の状態→塗りつぶしの色→透明度 財産。

  10. スライダーを使用して値を選択します 136

    色は半透明です。

詳細については、以下を参照してください。 視覚化スタイルの適用

カラーグラデーションを使用した視覚化要素の設計

要件:視覚化エディターが開いている。

  1. ドラッグ 矩形 視覚化への要素。

  2. を有効にする 色→グラデーションカラーを使用 財産。

  3. をクリックします 色→グラデーション設定 財産。

    The グラデーションエディター ダイアログが開きます。

  4. 要素のカラーグラデーションを定義します。

    • グラデーションタイプ放射状の

    • 標準ラジアル中心

    要素の塗りつぶしの色は、白から黒に放射状に変化します。

    _visu_img_viscolor_gradient.png

カラーアニメーションの視覚化要素の構成

The 色変数 特定の要素が持つ可能性のあるプロパティは、要素のカラーアニメーションに使用されます。そこで変数を割り当てると、アプリケーションコードで色の変更をプログラムしたり、色の変更をもたらすユーザー入力を構成したりできます。

詳細については、以下を参照してください。 要素のアニメーションカラーディスプレイのアニメーション