このトピックでは、デザインビューおよびソースビューでレーティングアイコンを GOOD および BAD アイコンに変更する方法を説明します。

デザインビューの場合

Icons プロパティを GOOD および BAD オプションに変更するには、以下の手順を実行します。

1. スマートタグを使用して、合計値を設定し、記号の数を２に設定します。
2. プロパティウィンドウに移動して、IconHeight プロパティと IconWidth プロパティを16 に設定します。
3. HoverIconsClass の IconsClass プロパティを wijmo-wijrating-hover-thumbdown,wijmo-wijrating-hover-thumbup に設定します。
4. IconsClass の IconsClass プロパティを wijmo-wijrating-normal-thumbdown,wijmo-wijrating-normal-thumbup に設定します。
5. RatedIconsClass の IconsClass プロパティを wijmo-wijrating-rated-thumbdown,wijmo-wijrating-rated-thumbup に設定します。
6. RatingMode プロパティを“Single” に設定します。
7. ［F5］を押して、プログラムを実行します。 GOOD および BAD オプションは次のように表示されます。

   

ソースビューの場合

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

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

   ソースビュー	コードのコピー
   <Icons> <IconsClass IconsClass="wijmo-wijrating-normal-thumbdown,wijmo-wijrating-normal-thumbup" /> <HoverIconsClass IconsClass="wijmo-wijrating-hover-thumbdown,wijmo-wijrating-hover-thumbup" /> <RatedIconsClass IconsClass="wijmo-wijrating-rated-thumbdown,wijmo-wijrating-rated-thumbup" /> </Icons>

2. 合計値を２に変更します。
3. 記号の数を２に変更します。
4. ［F5］または〈デバッグ〉を押して、プログラムを実行します。GOOD および BAD オプションは次のように表示されます。