TITLE:JFileChooserに画像プレビューを追加
Posted by terai at 2006-11-20

JFileChooserに画像プレビューを追加

JFileChooserに画像のプレビュー機能を追加します。プレビューを表示するコンポーネントは、チュートリアルのImagePreview.javaをそのまま利用しています。
  • category: swing folder: PreviewAccessory title: JFileChooserに画像プレビューを追加 tags: [JFileChooser, ImageIcon, PropertyChangeListener] author: aterai pubdate: 2006-11-20T10:35:42+09:00 description: JFileChooserに選択した画像ファイルのプレビューを表示する機能を追加します。 image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTRN6_UpeI/AAAAAAAAAg0/eJZas5kcb34/s800/PreviewAccessory.png

概要

JFileChooserに選択した画像ファイルのプレビューを表示する機能を追加します。プレビューを表示するコンポーネントは、チュートリアルのImagePreview.javaをそのまま利用しています。

#screenshot

サンプルコード

#spanend
#spanadd
* サンプルコード [#sourcecode]
#spanend
#spanadd
#code(link){{
#spanend
fileChooser = new JFileChooser();
fileChooser.setAccessory(new ImagePreview(fileChooser));
#spandel
#spanend
#spandel
//http://java.sun.com/docs/books/tutorial/uiswing/components/examples/ImagePreview.java
#spanend
#spanadd
// ...
#spanend
#spanadd

#spanend
class ImagePreview extends JComponent implements PropertyChangeListener {
  private static final int PREVIEW_WIDTH  = 90;
  private static final int PREVIEW_WIDTH = 90;
  private static final int PREVIEW_MARGIN = 5;
  private ImageIcon thumbnail = null;
  private File file = null;
  private ImageIcon thumbnail;
  private File file;
#spanadd

#spanend
  public ImagePreview(JFileChooser fc) {
    setPreferredSize(new Dimension(PREVIEW_WIDTH+PREVIEW_MARGIN*2, 50));
    super();
    setPreferredSize(new Dimension(PREVIEW_WIDTH + PREVIEW_MARGIN * 2, 50));
    fc.addPropertyChangeListener(this);
  }
  public void loadImage() {
    if(file == null) {
#spanadd

#spanend
  private void loadImage() {
    if (file == null) {
      thumbnail = null;
      return;
    }
    ImageIcon tmpIcon = new ImageIcon(file.getPath());
    if(tmpIcon == null) return;
    if(tmpIcon.getIconWidth()>PREVIEW_WIDTH) {
      Image img = tmpIcon.getImage().getScaledInstance(PREVIEW_WIDTH,-1,Image.SCALE_DEFAULT);
    if (tmpIcon.getIconWidth() > PREVIEW_WIDTH) {
      float scale = PREVIEW_WIDTH / (float) tmpIcon.getIconWidth();
      int newW = (int) (tmpIcon.getIconWidth()  * scale);
      int newH = (int) (tmpIcon.getIconHeight() * scale);
      BufferedImage img = new BufferedImage(newW, newH, BufferedImage.TYPE_INT_ARGB);
      Graphics2D g2 = img.createGraphics();
      g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION,
                          RenderingHints.VALUE_INTERPOLATION_BILINEAR);
      g2.drawImage(tmpIcon.getImage(), 0, 0, newW, newH, null);
      g2.dispose();
      thumbnail = new ImageIcon(img);
    }else{
    } else {
      thumbnail = tmpIcon;
    }
  }
  public void propertyChange(PropertyChangeEvent e) {
#spanadd

#spanend
  @Override public void propertyChange(PropertyChangeEvent e) {
    boolean update = false;
    String prop = e.getPropertyName();
    if(JFileChooser.DIRECTORY_CHANGED_PROPERTY.equals(prop)) {
    if (JFileChooser.DIRECTORY_CHANGED_PROPERTY.equals(prop)) {
      file = null;
      update = true;
    }else if(JFileChooser.SELECTED_FILE_CHANGED_PROPERTY.equals(prop)) {
      file = (File)e.getNewValue();
    } else if (JFileChooser.SELECTED_FILE_CHANGED_PROPERTY.equals(prop)) {
      file = (File) e.getNewValue();
      update = true;
    }
    if(update) {
    if (update) {
      thumbnail = null;
      if(isShowing()) {
      if (isShowing()) {
        loadImage();
        repaint();
      }
    }
  }
  protected void paintComponent(Graphics g) {
    if(thumbnail==null) {
#spanadd

#spanend
  @Override protected void paintComponent(Graphics g) {
    if (thumbnail == null) {
      loadImage();
    }
    if(thumbnail!=null) {
      int x = getWidth()/2  - thumbnail.getIconWidth()/2;
      int y = getHeight()/2 - thumbnail.getIconHeight()/2;
      if(y < 0)              y = 0;
      if(x < PREVIEW_MARGIN) x = PREVIEW_MARGIN;
    if (thumbnail != null) {
      int x = getWidth()  / 2 - thumbnail.getIconWidth()  / 2;
      int y = getHeight() / 2 - thumbnail.getIconHeight() / 2;
      if (y < 0) {
        y = 0;
      }
      if (x < PREVIEW_MARGIN) {
        x = PREVIEW_MARGIN;
      }
      thumbnail.paintIcon(this, g, x, y);
    }
  }
}

解説

上記のファイルチューザーでは、画像ファイルを選択すると、そのプレビューが表示されます。プレビューコンポーネントは、JFileChooser#setAccessory(JComponent)メソッドで、ファイルチューザーに追加しています。

解説

  • JFileChooserのファイルリストで画像ファイルを選択すると、そのプレビューをJFileChooser内に表示する
  • プレビュー表示に使用するコンポーネント(JLabel)はJFileChooser#setAccessory(JComponent)メソッドで追加
  • プレビューコンポーネントはPropertyChangeListenerを実装してファイルの選択、解除などのイベントを受け取る
プレビュー側でファイルの選択、解除などのイベントを受け取るために、PropertyChangeListener を実装する必要があります。

参考リンク

参考リンク

コメント

コメント