Swing/RatingLabel のバックアップ差分(No.10)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:RGBImageFilterでアイコンの色調を変更
#navi(../)
#tags()
RIGHT:Posted by &author(aterai); at 2006-08-21
*RGBImageFilterでアイコンの色調を変更 [#w9fce2db]
RGBImageFilterで色調を変更したアイコンの用意し、評価用コンポーネントを作成します。

-&jnlp;
-&jar;
-&zip;

//#screenshot
#ref(http://lh4.ggpht.com/_9Z4BYR88imo/TQTRfRNaARI/AAAAAAAAAhQ/8Rj6Rw8bkwU/s800/RatingLabel.png)

**サンプルコード [#a85a2963]
#code(link){{
private final ImageProducer ip = orgIcon.getImage().getSource();
private ImageIcon makeStarImageIcon(float[] filter) {
  SelectedImageFilter sif = new SelectedImageFilter(filter);
  return new ImageIcon(
    createImage(new FilteredImageSource(ip, sif)));
}
private class SelectedImageFilter extends RGBImageFilter {
  private final float[] filter;
  public SelectedImageFilter(float[] filter) {
    this.filter = filter;
    canFilterIndexColorModel = true;
    canFilterIndexColorModel = false;
  }
  public int filterRGB(int x, int y, int argb) {
    Color color = new Color(argb, true);
    float[] array = new float[4];
    color.getComponents(array);
    return new Color(array[0]*filter[0],
                     array[1]*filter[1],
                     array[2]*filter[2],
                     array[3]).getRGB();
  @Override public int filterRGB(int x, int y, int argb) {
    int r = (int)(((argb >> 16) & 0xff) * filter[0]);
    int g = (int)(((argb >>  8) & 0xff) * filter[1]);
    int b = (int)(((argb      ) & 0xff) * filter[2]);
    return (argb & 0xff000000) | (r<<16) | (g<<8) | (b);
  }
}
}}

**解説 [#s11c2ccf]
RGBImageFilterを使用して、一つのアイコンから複数の色の異なるアイコンを生成しています。

上記のサンプルは、アマゾンなど((いろんな所でよく見かけるのですが、オリジナルは何処なんでしょうか？))でよく見かける5段階の評価を行うコンポーネントです。クリックしたアイコンの位置が評価レベルになります。

**参考リンク [#s1cec87d]
-[http://www.freeiconsdownload.com/Free_Downloads.asp?id=60 PI Diagona Icons Pack 1.0 - Download Royalty Free Icons and Stock Images For Web & Graphics Design]
--アイコンを利用しています。

**コメント [#afaf0ed0]
- 素晴しい！：）--  &new{2006-08-23 (水) 17:34:40};
- 「Rating Bar」と言うみたいです。[http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/ Masuga Design » Unobtrusive AJAX Star Rating Bar] -- [[aterai]] &new{2006-11-07 (火) 12:38:34};
- アイコンを変更、アイコンの間隔を設定 -- [[aterai]] &new{2008-10-20 (月) 18:20:50};
- スクリーンショットを更新 -- [[aterai]] &new{2008-11-25 (火) 11:19:25};

#comment