質問編集履歴

一部ソース修正しました。

2020/12/16 09:27

投稿

Jhon_McClane

スコア48

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -111,52 +111,7 @@
 }
 ```
-```ここに言語を入力
-package boundary;
-import java.awt.BorderLayout;
-import java.awt.Color;
-import java.awt.Dimension;
-import javax.swing.JFrame;
-import javax.swing.JPanel;
-import javax.swing.JScrollPane;
-import javax.swing.JViewport;
-public class ChatBoundary extends JFrame{
-	Message[] message = new Message[3];
-	//Message message = null;
-	public static void main(String[] args) {
-		ChatBoundary chatBoundary = new ChatBoundary("ChatBoundary");
-		chatBoundary.setSize(new Dimension(2000,1400));
-	     //chatBoundary.setResizable(false);
-		chatBoundary.setVisible(true);
-	}
-	ChatBoundary(String title){
-		setTitle(title);
-		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
-		//Container contentPane = getContentPane();
-		message[0] = new Message("naruto.jpg");
-		message[1] = new Message("コナン.jpg");
-		JScrollPane scrollpane = new JScrollPane(JScrollPane.VERTICAL_SCROLLBAR_ALWAYS,JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
-		scrollpane.setPreferredSize(new Dimension(1000,1200));
-		scrollpane.setViewportView(message[0]);
-		JViewport view = scrollpane.getViewport();
-		view.setView(message[1]);
-　　　　　view.setViewPosition(new Point(100,1000));
-　　　　　　　　　//送信欄の枠
-		JPanel jp = new JPanel();
-		jp.setBackground(Color.blue);
-		jp.setPreferredSize(new Dimension(100,130));
-		add(scrollpane, BorderLayout.NORTH);
-		add(jp, BorderLayout.SOUTH);
-		pack();//フレームに入れた部品の大きさなどを考慮してフレームの適切なサイズを計算
-		}
-}
-```
 ```ここに言語を入力
 package boundary;

回答いただいたものを参考にソースを書き直しました。また完成図を追加しました。

2020/12/16 09:27

投稿

Jhon_McClane

スコア48

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -12,58 +12,89 @@
 ![イメージ説明](232808c7871cc4d77b0621bbd0355c5d.jpeg)
 ### 発生している問題
-パネルに後からパネルを貼り付けて拡張するようなイメージで記述したのですが，上手くいきませんでした.
+現段階では送信ボタンを押すと，メッセージを出すようにしているのですが，その描画が反映されない状況です。
-そもそも作り方として合っているのか分からないため，なかなかほしい情報がヒットしなく手が止まっちゃっています.
+また，送信ボタン周りの操作クラスが再描画によってつぶれてしまい，適切な領域が割り当てられていなく，スクロールもない状態になってしまっています．
+ChatBounddaryの継承をJPanelに変更したことで，add(scrollPane, BorderLayout.CENTER);を書く適切な位置がわからなくなってしまいました．
 ### 該当のソースコード
 ```ここに言語名を入力
 package boundary;
+import java.awt.BorderLayout;
 import java.awt.Color;
 import java.awt.Dimension;
+import java.awt.FlowLayout;
 import java.awt.Graphics;
+import java.awt.event.ActionEvent;
+import java.awt.event.ActionListener;
 import java.awt.event.MouseEvent;
 import java.awt.event.MouseListener;
+import java.util.ArrayList;
 import javax.swing.ImageIcon;
 import javax.swing.JButton;
 import javax.swing.JLabel;
 import javax.swing.JPanel;
-public class Message extends JPanel implements MouseListener {
+public class Message extends JPanel implements MouseListener, ActionListener {
-	private JButton[] eBtn = new JButton[4];
+	private EmotionButton[] eb = new EmotionButton[4];
 	private ImageIcon[] icon = new ImageIcon[4];
-	private static final int WIDTH = 600;
+	//private static final int WIDTH = 900;
-	private static final int HEIGHT = 900;
+	//private static final int HEIGHT = 900;
+	private JButton saveBtn;
-	public Message(String imageName) {
+	public Message(String imageName,FlowLayout layout) {
-		setPreferredSize(new Dimension(WIDTH, HEIGHT));
+		setLayout(layout);
-		setBackground(Color.black);
+        setBackground(Color.WHITE);
+		//setPreferredSize(new Dimension(WIDTH, HEIGHT));
+		//setBackground(Color.black);
 		ImageIcon image = new ImageIcon(imageName);
-		JLabel jl = new JLabel(image);
+		JLabel jl = new JLabel(image,JLabel.CENTER);
 		add(jl);
 		for (int i = 0; i < 4; i++) {
 			icon[i] = new ImageIcon("emotion" + i + ".png");
-			eBtn[i] = new JButton("0", icon[i]);
+			eb[i] = new EmotionButton(icon[i]);
-			eBtn[i].setPreferredSize(new Dimension(100, 100));
+			eb[i].setPreferredSize(new Dimension(100, 100));
-			eBtn[i].addMouseListener(this);
+			eb[i].addMouseListener(this);
-			add(eBtn[i]);
+			add(eb[i]);
 		}
+		saveBtn = new JButton("保存");
+		saveBtn.addActionListener(this);
+		add(saveBtn, BorderLayout.EAST);
 	}
 	public void paintComponent(Graphics g) {
 		super.paintComponent(g);
 	}
+	public void actionPerformed(ActionEvent e) {
+		InformDialog.displayDialogText("保存します");
+	}
 	public void mouseClicked(MouseEvent e) {
+		EmotionButton eBtn = (EmotionButton) e.getSource();
+		switch (e.getButton()) {
+		case MouseEvent.BUTTON1:
+			eBtn.setText(String.valueOf(eBtn.editBtn("wataru")));
+			break;
+		case MouseEvent.BUTTON3:
+			ArrayList<String> arrUN = eBtn.getUserName();
+			for (int i = 0; i < arrUN.size(); i++) {
+				System.out.println(arrUN.get(i));
+			}
+			if (arrUN.size() != 0) {
-		InformDialog.displayDialogText("クリックしました。");
+				InformDialog.displayDialogText(arrUN.get(0));
+			}
+			break;
+		}
 	}
 	public void mouseEntered(MouseEvent e) {
-		InformDialog.displayDialogText("ボタンに触れましました。");
+		//InformDialog.displayDialogText("ボタンに触れましました。");
 	}
 	public void mouseExited(MouseEvent e) {
@@ -126,11 +157,144 @@
 }
 ```
+```ここに言語を入力
+package boundary;
-### 試したこと
-panel以外でチャットの枠を構成できないか調べ,JListを使って出来るのかと今ネットを探っている段階です.
+import javax.swing.JFrame;
+public class Main extends JFrame{
+	public static void main(String[] args) {
+		Main frame = new Main();
+		frame.setTitle("画面遷移テスト");
+        frame.setSize(2200, 1400);
+        frame.setLocationRelativeTo(null);
+		ChatBoundary chatBoundary = new ChatBoundary();
+		frame.getContentPane().add(chatBoundary);
+		frame.setVisible(true);
+	}
+}
+```
+```ここに言語を入力
+package boundary;
+import java.awt.BorderLayout;
+import java.awt.Color;
+import java.awt.Dimension;
+import java.awt.FlowLayout;
+import java.awt.event.AdjustmentEvent;
+import java.awt.event.AdjustmentListener;
+import javax.swing.BorderFactory;
+import javax.swing.Box;
+import javax.swing.JButton;
+import javax.swing.JPanel;
+import javax.swing.JScrollPane;
+import javax.swing.JTextField;
+public class ChatBoundary extends JPanel{
+	private static final FlowLayout right = new FlowLayout(FlowLayout.RIGHT);
+    private static final FlowLayout left = new FlowLayout(FlowLayout.LEFT);
+	public ChatBoundary(){
+		setLayout(new BorderLayout());
+		setPreferredSize(new Dimension(2200, 1200));
+		setBackground(Color.black);
+		// メッセージが追加されていく本体
+		Box inner = Box.createVerticalBox();
+        inner.setBorder(BorderFactory.createLineBorder(Color.RED, 5));
+        //JPanel outer = new JPanel(new BorderLayout());
+        //outer.add(inner, BorderLayout.NORTH);
+        //outer.setBorder(BorderFactory.createLineBorder(Color.GREEN, 5));
+        add(inner, BorderLayout.NORTH);
+        setBorder(BorderFactory.createLineBorder(Color.GREEN, 5));
+        //JScrollPane scrollPane = new JScrollPane(outer);
+        JScrollPane scrollPane = new JScrollPane(this);
+        //add(scrollPane, BorderLayout.CENTER);
+        scrollPane.setBorder(BorderFactory.createLineBorder(Color.BLUE, 5));
+        scrollPane.getVerticalScrollBar().addAdjustmentListener(new AdjustmentListener() {
+            private int max = scrollPane.getVerticalScrollBar().getMaximum();
+            public void adjustmentValueChanged(AdjustmentEvent e) {
+                if (max - e.getAdjustable().getMaximum() == 0) return;
+                e.getAdjustable().setValue(e.getAdjustable().getMaximum());
+                max = scrollPane.getVerticalScrollBar().getMaximum();
+            }
+        });
+        JPanel controls = new JPanel(); // 操作エリア
+        add(controls, BorderLayout.SOUTH);
+        JTextField textField = new JTextField("メッセージ", 20);
+        controls.add(textField);
+        textField.selectAll(); // 全選択
+        JButton button = new JButton("送信");
+        controls.add(button);
+        button.addActionListener(e -> {
+            inner.add(new Message("naruto.jpg", right));
+            inner.add(Box.createVerticalStrut(10)); // 隙間
+            inner.add(new Message("naruto.jpg", left));
+            inner.add(Box.createVerticalStrut(10)); // 隙間
+            scrollPane.revalidate(); // 再描画
+            textField.selectAll(); // 全選択
+            textField.requestFocus(); // フォーカス
+        });
+        textField.addActionListener(e -> button.doClick());
+	}
+}
+```
+```ここに言語を入力
+package boundary;
+import java.util.ArrayList;
+import javax.swing.ImageIcon;
+import javax.swing.JButton;
+//メッセージのエモーションにかかわるボタンの処理クラス
+class EmotionButton extends JButton {
+	private ArrayList<String> arrL = new ArrayList<String>();
+	public EmotionButton(ImageIcon icon) {
+		super("0", icon);
+	}
+	public int editBtn(String userName) {
+		if(arrL.contains(userName)) {
+			arrL.remove(arrL.indexOf(userName));
+			return arrL.size();
+		}
+		else {
+			arrL.add(userName);
+			return arrL.size();
+		}
+	}
+	public ArrayList<String> getUserName() {
+		return arrL;
+	}
+}
+```
 ### 補足情報（FW/ツールのバージョンなど）
 eclipse 2020/12/9にダウンロードしたため最新だと思います.
 java8です.

完成したイメージの図を新たに付け加えた。

2020/12/16 09:25

投稿

Jhon_McClane

スコア48

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -8,6 +8,8 @@
 JPanelに画像とボタン数種類を付加したものを一つのメッセージとしてパネル単位でメッセージ枠を作り、JScrollPaneクラスで実現しようと考えています.
 今のところ，「JScrollPaneクラスは単独で用いるものではなく他のコンポーネントにスクロール機能を提供するもの」ということは分かりました.
+完成イメージです．
+![イメージ説明](232808c7871cc4d77b0621bbd0355c5d.jpeg)
 ### 発生している問題
 パネルに後からパネルを貼り付けて拡張するようなイメージで記述したのですが，上手くいきませんでした.