プロジェクトの準備とコントロールの配置
まずは、ASP.NETアプリケーション用プロジェクトを用意します。マスターページを使う場合は、適宜不要な部分を削除するなど編集しておきます。
また、プロジェクトに画像ファイルを追加します。
（1）ページの見出しと区切りの画像を配置します。
（2） 文字列「記事の面白さ：」を入力後、C1Ratingコントロールを1つ配置します。デフォルトでスターアイコンのレーティングが作成されます。
C1Ratingコントロールを1つ配置
（3）スマートタグを開き、タスクメニューの「分割」を「2」に変更します。
「分割」を「2」に変更
（4）文字列「コンポーネントの関心度：」を入力し、その横にもう一つC1Ratingコントロールを配置します。このレーティングアイコンはバー配列のアイコンに設定しますので、プロパティウィンドウでIconsプロパティを展開し、次のプロパティを設定します。
各プロパティの値欄をクリックするとコレクションエディタが起動しますので、ここに入力します。
| プロパティ | 設定値 |
|---|---|
| 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
|
| 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
|
| 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
|
レーティングアイコンを変更する場合は、このように3つのプロパティにアイコンを設定します。バー配列の場合は、それぞれバーの数だけアイコンを用意し、コレクションに追加します。
コレクションエディタでプロパティ値を入力する
（5）IconHeightプロパティを「61」、IconWidthプロパティを「13」、ResetButton－Disabledプロパティを「False」に変更します。
これで、バー配列のレーティングアイコンが出来上がります。
出来上がったバー配列のレーティングアイコン
