CodeZine(コードジン)

特集ページ一覧

レーティング機能を持ったASP.NETアプリケーションの作成

「Rating for ASP.NET Wijmo」のC1Ratingコントロールを使ったアプリケーションの作成

  • ブックマーク
  • LINEで送る
  • このエントリーをはてなブックマークに追加
2013/02/25 14:00
目次

プロジェクトの準備とコントロールの配置

 まずは、ASP.NETアプリケーション用プロジェクトを用意します。マスターページを使う場合は、適宜不要な部分を削除するなど編集しておきます。

 また、プロジェクトに画像ファイルを追加します。

 (1)ページの見出しと区切りの画像を配置します。

 (2) 文字列「記事の面白さ:」を入力後、C1Ratingコントロールを1つ配置します。デフォルトでスターアイコンのレーティングが作成されます。

C1Ratingコントロールを1つ配置
C1Ratingコントロールを1つ配置

 (3)スマートタグを開き、タスクメニューの「分割」を「2」に変更します。

「分割」を「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」に変更します。

 これで、バー配列のレーティングアイコンが出来上がります。

出来上がったバー配列のレーティングアイコン
出来上がったバー配列のレーティングアイコン

  • ブックマーク
  • LINEで送る
  • このエントリーをはてなブックマークに追加

あなたにオススメ

著者プロフィール

  • 瀬戸 遥(セト ハルカ)

    8ビットコンピュータの時代からBASICを使い、C言語を独習で学びWindows 3.1のフリーソフトを作成、NiftyServeのフォーラムなどで配布。Excel VBAとVisual Basic関連の解説書を中心に現在まで40冊以上の書籍を出版。近著に、「ExcelユーザーのためのAccess再...

バックナンバー

連載:ComponentZine(ComponentOne Studio)

もっと読む

All contents copyright © 2005-2021 Shoeisha Co., Ltd. All rights reserved. ver.1.5