Javaでフレームを画像と同じ形にして、その上JTextFieldを表示させたいのですが...

Question

Javaでデスクトップ用の短文メモを作りたいと思っているのですが、ある画像の上に、JTextFieldを置きたいと思っているのですが、なかなか上手く行きません。(自分は、画像がそのままフレームになっている場所に、JPanelでJTextFieldを置こうとしてたのですが、うまくいかず)

なので、それが実現できるようなコードを教えてほしいです。(参考にしたいと思います)

よろしくお願いします

MakeWindow.java
    	public void actionPerformed(ActionEvent e){
	            // 選択されたときの処理を定義
	    		TextBox t = new TextBox();
	    		t.makeImageWindow("aaa.png");
	    		
	    		
	    	}
//上のように呼び出して、
TextBox.Java

import java.awt.Color;
import java.awt.Container;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;

public class TextBox extends JPanel implements MouseListener{

   // マウスリスナのメソッドを定義
  public void mouseClicked(MouseEvent e){
	  
  }
  public void mousePressed(MouseEvent e){
 	 
  }
  public void mouseReleased(MouseEvent e){
	  
  }
  public void mouseEntered(MouseEvent e){
	  
  }
  public void mouseExited(MouseEvent e){
	  
  }

Canvas canvas = null;
Container contentPane = null;


@SuppressWarnings("deprecation")
public JFrame makeImageWindow(String imagePath){
	JFrame frame1 = new JFrame("テスト");
	TextBox panel1 = new TextBox();
	 JTextField text1 =  new JTextField(5);
	 
	 
	frame1.getContentPane().add(panel1);
	 frame1.setLocation(480,185);
	 frame1.setSize(200,200);
	 
	 
	 //panel1.setBackground(new Color(0,0,0,0));
	 panel1.setOpaque(false);//パネルを透明に
	 panel1.show();
	 panel1.add(text1);
	 
	 
	 text1.setOpaque(false);//テキストフィールドを透明に
	 
	 
	frame1 = viewImage(frame1,imagePath);
	return frame1;
	}

@SuppressWarnings("deprecation")
public JFrame viewImage(JFrame frame,String imagePath){
	
	ImageIcon icon = new ImageIcon(imagePath);
	
	frame.setUndecorated(true);//枠を撤去
	frame.setBackground(new Color(0,0,0,0));//背景を透明に
	
	frame.show();

	Image image = icon.getImage();
	
	contentPane = frame.getContentPane();
	if(canvas == null){
		canvas = new Canvas(image);
		contentPane.add(canvas);
		frame.setVisible(true);
	}
	else{
		canvas.image = image;
		canvas.repaint();
		}
	return frame;
	}	

private class Canvas extends JPanel{
	private static final long serialVersionUID = 1L;
	private Image image = null;
	public Canvas(Image image){
		super();
		this.image = image;
		}
	public void paintComponent(Graphics g){
		if(image == null) return;
		g.drawImage(image,0,0,this);
		}
	}
}

追記：今は、JTextFieldを中心に配置し、普通にJTextFieldに文字が入力できるようにしたいです。問題点は、JTextFieldを中心に配置できない事と、ひらがなを入力するとパネル？（フレーム？）が白くなってしまう事に困っています。わかりづらくてすみません。

Comments

[KSwordOfHaste]

どのようなコンポーネント階層にしていてどううまくいかないか等を記載するとよいと思います。それがないと丸投げ質問になってしまうと思います。余分なコードを除いた肝だけのコードを載せるのもよいかと。（あまり長いコードだと却って回答しづらくなります）（tetratailさんの指摘の綴りミスなおしました orz)

[退会済みユーザー]

しずらく×　しづらく◎

[naomi3]

上手く行っていなくても良いので、コードを教えてください。

[KSwordOfHaste]

<code>ボタンを使って字下げしてください。投稿する前にプレビューで字下げが正しくできてるか確認できます。なお、コードは明示しておられますが「何がうまくいかないのか」が書かれてません。「期待が何で、それに反してどうなるのか」を書かないとダメですよね？

Answer 1

中央に表示されるかどうかは座標設定の問題なのでsetLocationの指定を変えて試してみればよいと思います。

難しいのは背景を透明にしたJTextFieldの再描画の振る舞いの方だと思います。質問者さんのコードは不自然に感じる点が多く(不要なオブジェクトを生成していたりオブジェクト階層の生成順序がよくわからなかったり非推奨のメソッドを敢て使っていたり)自分には解析が難しそうだったのでなぜうまくいかないかの原因を指摘することはできませんでした。申し訳ないですがコードは実装しなおしました。
ポイントは以下のようなJPanelとJTextFieldの再描画メカニズムだと思います。おそらく質問者さんのコードのどこかにIMEモードでJTextField上にインライン入力した際の再描画がおかしくなる原因があるのだと思います。以下のような階層、不透明/透明、背景色とすると期待通りに動くようです。

JPanel(背景の画像を描画する) -> setOpaque(true); // backgroundは変えてない
  +- JTextField(背景は透明) -> setOpaque(false); setBackground(new Color(0,0,0,0));

コードは以下の通りです。普段はレイアウトはLayoutManagerにまかせて自分でsetSize/setLocationすることはないのですが今回はLayoutManagerを使わず明示的にサイズと位置を指定してしまってます。よって柔軟性のないコードになっている点に注意してください（例えばJTextFieldのフォントを変えたとき、固定サイズでレイアウトしているためおかしなことになります）

@Override
public void actionPerformed(ActionEvent e){
	new ImageFrame("aaa.png").setVisible(true);
}
...
class ImageFrame extends JFrame {
	BufferedImage image;
	JPanel panel;
	
	ImageFrame(String imagePath) {
		setUndecorated(true);
		
		try {
			image = ImageIO.read(new File(imagePath));
		} catch (IOException e) {
			e.printStackTrace();
			System.exit(2);
		}
		Dimension size = new Dimension(image.getWidth(), image.getHeight());
		
		panel = new JPanel(null) {
			@Override
			public void paintComponent(Graphics g) {
				g.drawImage(image, 0, 0, this);
			}
		};
		panel.setSize(size);
		
		JTextField txt = new JTextField(5);
		txt.setBackground(new Color(0,0,0,0));
		txt.setOpaque(false);
		panel.add(txt, BorderLayout.CENTER);
		txt.setSize(50, 20);
		txt.setLocation(50, 50);
		
		setContentPane(panel);
		setSize(size);
		setLocation(200, 50);
	}
}

Comments

[Choco_late]

画像の周りの余分な枠が残っていてそれをどうするか今考えてますが、とても参考になりました！ありがとうございました。

[KSwordOfHaste]

JTextFieldなどの普通のコントロールは画面上でそのコントロールの存在が視認しやすいようにわざと枠などの飾りをつけていると思います。そうしたものがじゃまな場合は自分で直接テキストをGraphics#drawStringにより書いてやればいいのですが改行とかいろいろ面倒ですね。枠を消すといった特殊なことをしたい場合はそれなりに調査しないと難しいことも多いです。