星評価コンポーネント

「星評価」コンポーネントには、オンラインの評価で見られるような一連の星型のアイコンが表示されます。

プロジェクトで星評価コンポーネントを使用する

  1. [コンポーネント] パネル、[その他] フォルダの順に開きます。
  2. 星評価コンポーネント をステージにドラッグします。
  3. [プロパティ] パネルで、[星評価] の欄を見つけ、[評価値] を必要な星の数に変更します。
  4. コンポーネントをもう少しカスタマイズするには、他のプロパティを調整します(下記を確認)。

プロパティ

[プロパティ] パネルで星の評価コンポーネントの見た目と動作を変更できます。

プロパティ 説明
名前 コンポーネント名。
評価値 評価の数値。小数点以下の値も反映されます。小数部分が 0.29 から 0.71 までの場合は半分の星が表示されます(たとえば、4.29 と入力すると 4 と 1/2 の星が表示されます)。動的データにバインドできます。
アイコンのサイズ 1 つの星のサイズ(5 から 50 ピクセル)。
スターなしの表示 評価値最大値より小さい場合、このボックスをチェックすると空の星が表示されます。
スターなしの塗りつぶし [スターなしの表示] が有効になっている場合は、このボックスをオンにすると、プライマリ カラーの半透明の色調で空の星が塗りつぶされます。このチェックボックスがオフの場合、空の星はアウトラインのみが表示されます。
メインカラー 星の塗りつぶしに使用される色([グラデーション タイプ] が [なし] に設定されている場合)、またはグラデーションの塗りつぶしに使用される最初の色。
セカンダリ カラー グラデーションの塗りつぶしに使用される 2 番目の色([グラデーション タイプ] が [なし] に設定されている場合は使用されません)。
グラデーション タイプ グラデーションの種類。[線形]、[放射状]、または [なし](デフォルト)を選択します。
最大値 このコンポーネントで表示される評価の最大値(評価値が最大値より高く設定されていても、この最大値が表示されます)。デフォルトは 5 です。
最小値 このコンポーネントで表示される評価の最小値。動的データなどによって評価値が低く設定されている場合、コンポーネントには何も表示されません(評価値が最小値未満イベントを使用すると、こうした事態を確認できます)。デフォルトの最小値は 3 です。

星の見た目をカスタマイズする例

次の例では、星評価コンポーネントの評価値が 3 に設定され、最大値が 5 に設定されています。

  • スターなしの表示: ---
  • メインカラー: #ffcd00
  • グラデーション タイプ: なし
  • スターなしの表示:
  • スターなしの塗りつぶし: ---
  • メインカラー: #ffcd00
  • セカンダリ カラー: #e16f00
  • グラデーション タイプ: 線形
  • スターなしの表示:
  • スターなしの塗りつぶし:
  • メインカラー: #ffcd00
  • セカンダリ カラー: #e16f00
  • グラデーション タイプ: 放射状

イベントと操作

星評価コンポーネントによって送信されたイベント

次の星評価コンポーネント イベントに基づいて、他のアクションをトリガーできます。

イベント 説明
評価の作成 星評価アイコンが作成されたときに送信されます。
評価値が最小値未満 評価値または最大値最小値より小さいときに送信されます。

[イベント] ダイアログでこうしたイベントのいずれかを選択するには、星評価コンポーネントをターゲットとして設定します。

イベントを設定する方法も併せてご確認ください。

この情報は役に立ちましたか?
改善できる点がありましたらお聞かせください。