TITLE:RGBImageFilterでアイコンの色調を変更

Posted by at 2006-08-21

RGBImageFilterでアイコンの色調を変更

RGBImageFilterで色調を変更したアイコンの用意し、評価用コンポーネントを作成します。

  • &jnlp;
  • &jar;
  • &zip;
RatingLabel.png

サンプルコード

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;
  }
  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();
  }
}
View in GitHub: Java, Kotlin

解説

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

上記のサンプルは、アマゾンなど*1でよく見かける5段階の評価を行うコンポーネントです。クリックしたアイコンの位置が評価レベルになります。

参考リンク

コメント

  • 素晴しい!:)--
  • 「Rating Bar」と言うみたいです。Masuga Design » Unobtrusive AJAX Star Rating Bar -- aterai
  • アイコンを変更、アイコンの間隔を設定 -- aterai
  • スクリーンショットを更新 -- aterai