バー配列オプションは簡単に設定し、カスタマイズできます。 このトピックでは、バー配列をレーティングオプションとして設定する手順について説明します。 

デザインビューの場合

以下の手順を実行します。

1. レーティングコントロールを選択して、スマートタグを開きます。
2. Count プロパティを６、TotalValue を６、Split を１、Value を４に設定します。
3. プロパティウィンドウで、IconHeight プロパティを 61 に設定します。
4. IconWidth プロパティを 11 に設定します。
5. HoverIconsClass の IconsClass プロパティを wijmo-wijrating-hover-bar-11,wijmo-wijrating-hover-bar-21,wijmo-wijrating-hover-bar-31,wijmo-wijrating-hover-bar-41,wijmo-wijrating-hover-bar-51,wijmo-wijrating-hover-bar-61 に設定します。
6. IconsClass の IconsClass プロパティを wijmo-wijrating-normal-bar-11,wijmo-wijrating-normal-bar-21,wijmo-wijrating-normal-bar-31,wijmo-wijrating-normal-bar-41,wijmo-wijrating-normal-bar-51,wijmo-wijrating-normal-bar-61 に設定します。
7. RatedIconsClass の IconsClass プロパティを wijmo-wijrating-rated-bar-11,wijmo-wijrating-rated-bar-21,wijmo-wijrating-rated-bar-31,wijmo-wijrating-rated-bar-41,wijmo-wijrating-rated-bar-51,wijmo-wijrating-rated-bar-61 に設定します。
8. RatingMode プロパティを Continuous に設定します。
9. ［F5］を押して、プログラムを実行します。バー配列レーティングは次のように表示されます。

   

ソースビューの場合

以下の手順を実行します。

1. <Animation>  タグの前に次のタグを置きます。

   ソースビュー

   コードのコピー

   <Icons> <IconsClass IconsClass="wijmo-wijrating-normal-bar-11,wijmo-wijrating-normal-bar-21,wijmo-wijrating-normal- bar-31,wijmo-wijrating-normal-bar-41,wijmo-wijrating-normal-bar-51,wijmo-wijrating-normal-bar-61"/> <HoverIconsClass IconsClass="wijmo-wijrating-hover-bar-11,wijmo-wijrating-hover-bar-21,wijmo-wijrating-hover- bar-31,wijmo-wijrating-hover-bar-41,wijmo-wijrating-hover-bar-51,wijmo-wijrating-hover-bar-61"/ <RatedIconsClass IconsClass="wijmo-wijrating-rated-bar-11,wijmo-wijrating-rated-bar-21,wijmo-wijrating-rated- bar-31,wijmo-wijrating-rated-bar-41,wijmo-wijrating-rated-bar-51,wijmo-wijrating-rated-bar-61"/> </Icons>

2. TotalValue を６、Count を６、 IconHeight を 61、IconWidth を 11、Value を４に設定します。
3. ［F5］または〈デバッグ開始〉を押して、プロジェクトを実行します。配列レーティングは次のように表示されます。