how2j.cn

下载区
文件名 文件大小
shana.png 27k
shana_heiheihei.png 27k
本视频是解读性视频,所以希望您已经看过了本知识点的内容,并且编写了相应的代码之后,带着疑问来观看,这样收获才多。 不建议一开始就观看视频



12分12秒
本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)



关键字 简介 示例代码
ActionListener
按钮监听
示例代码
KeyListener
键盘监听
示例代码
MouseListener
鼠标监听
示例代码
Adapter
适配器
示例代码
练习-切换显示
示例代码
答案-切换显示
示例代码
练习-上下左右移动
示例代码
答案-上下左右移动
示例代码
示例 1 : 按钮监听   
示例 2 : 键盘监听   
示例 3 : 鼠标监听   
示例 4 : 适配器   
示例 5 : 练习-切换显示   
示例 6 : 答案-切换显示   
示例 7 : 练习-上下左右移动   
示例 8 : 答案-上下左右移动   

创建一个匿名类实现ActionListener接口,当按钮被点击时,actionPerformed方法就会被调用
按钮监听
package gui; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { JFrame f = new JFrame("LoL"); f.setSize(400, 300); f.setLocation(580, 200); f.setLayout(null); final JLabel l = new JLabel(); ImageIcon i = new ImageIcon("e:/project/j2se/shana.png"); l.setIcon(i); l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight()); JButton b = new JButton("隐藏图片"); b.setBounds(150, 200, 100, 30); // 给按钮 增加 监听 b.addActionListener(new ActionListener() { // 当按钮被点击时,就会触发 ActionEvent事件 // actionPerformed 方法就会被执行 public void actionPerformed(ActionEvent e) { l.setVisible(false); } }); f.add(l); f.add(b); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }
键盘监听器: KeyListener
keyPressed 代表 键被按下
keyReleased 代表 键被弹起
keyTyped 代表 一个按下弹起的组合动作
KeyEvent.getKeyCode() 可以获取当前点下了哪个键
键盘监听
package gui; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { JFrame f = new JFrame("LoL"); f.setSize(400, 300); f.setLocation(580, 200); f.setLayout(null); final JLabel l = new JLabel(); ImageIcon i = new ImageIcon("e:/project/j2se/shana.png"); l.setIcon(i); l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight()); // 增加键盘监听 f.addKeyListener(new KeyListener() { // 键被弹起 public void keyReleased(KeyEvent e) { // 39代表按下了 “右键” if (e.getKeyCode() == 39) { // 图片向右移动 (y坐标不变,x坐标增加) l.setLocation(l.getX() + 10, l.getY()); } } //键被按下 public void keyPressed(KeyEvent e) { // TODO Auto-generated method stub } // 一个按下弹起的组合动作 public void keyTyped(KeyEvent e) { } }); f.add(l); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }
MouseListener 鼠标监听器
mouseReleased 鼠标释放
mousePressed 鼠标按下
mouseExited 鼠标退出
mouseEntered 鼠标进入
mouseClicked 鼠标点击
在本例中,使用mouseEntered,当鼠标进入图片的时候,图片就移动位置
鼠标监听
package gui; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import java.util.Random; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { final JFrame f = new JFrame("LoL"); f.setSize(800, 600); f.setLocationRelativeTo(null); f.setLayout(null); final JLabel l = new JLabel(); ImageIcon i = new ImageIcon("e:/project/j2se/shana_heiheihei.png"); l.setIcon(i); l.setBounds(375, 275, i.getIconWidth(), i.getIconHeight()); f.add(l); l.addMouseListener(new MouseListener() { // 释放鼠标 public void mouseReleased(MouseEvent e) { // TODO Auto-generated method stub } // 按下鼠标 public void mousePressed(MouseEvent e) { // TODO Auto-generated method stub } // 鼠标退出 public void mouseExited(MouseEvent e) { // TODO Auto-generated method stub } // 鼠标进入 public void mouseEntered(MouseEvent e) { Random r = new Random(); int x = r.nextInt(f.getWidth() - l.getWidth()); int y = r.nextInt(f.getHeight() - l.getHeight()); l.setLocation(x, y); } // 按下释放组合动作为点击鼠标 public void mouseClicked(MouseEvent e) { // TODO Auto-generated method stub } }); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }
MouseAdapter 鼠标监听适配器
一般说来在写监听器的时候,会实现MouseListener。
但是MouseListener里面有很多方法实际上都没有用到,比如mouseReleased ,mousePressed,mouseExited等等。
这个时候就可以使用 鼠标监听适配器,MouseAdapter 只需要重写必要的方法即可
package gui; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.util.Random; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { final JFrame f = new JFrame("LoL"); f.setSize(800, 600); f.setLocationRelativeTo(null); f.setLayout(null); final JLabel l = new JLabel(""); ImageIcon i = new ImageIcon("e:/project/j2se/shana_heiheihei.png"); l.setIcon(i); l.setBounds(375, 275, i.getIconWidth(), i.getIconHeight()); f.add(l); // MouseAdapter 适配器,只需要重写用到的方法,没有用到的就不用写了 l.addMouseListener(new MouseAdapter() { // 只有mouseEntered用到了 public void mouseEntered(MouseEvent e) { Random r = new Random(); int x = r.nextInt(f.getWidth() - l.getWidth()); int y = r.nextInt(f.getHeight() - l.getHeight()); l.setLocation(x, y); } }); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }
示例 5 :

练习-切换显示

edit Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
按钮监听中的按钮上的文字从“隐藏图片” 改为 "显示图片"。

第一次点击的时候,会使得图片隐藏,第二次点击的时候,会使得图片显示,如此循环下去。

一旦点击了"隐藏图片",按钮上的文字就要变成“显示图片” 。。。 如此循环

提示: 调用JButton对象的setText改变按钮上的文字
练习-切换显示
示例 6 :

答案-切换显示

edit
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
查看本答案会花费3个积分,您目前总共有点积分。查看相同答案不会花费额外积分。 积分增加办法 或者一次性购买JAVA 中级总计0个答案 (总共需要0积分)
查看本答案会花费3个积分,您目前总共有点积分。查看相同答案不会花费额外积分。 积分增加办法 或者一次性购买JAVA 中级总计0个答案 (总共需要0积分)
账号未激活 账号未激活,功能受限。 请点击激活
本视频是解读性视频,所以希望您已经看过了本答案的内容,带着疑问来观看,这样收获才多。 不建议一开始就观看视频

1分14秒 本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)


package gui; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { JFrame f = new JFrame("LoL"); f.setSize(400, 300); f.setLocation(580, 200); f.setLayout(null); final JLabel l = new JLabel(); ImageIcon i = new ImageIcon("e:/project/j2se/shana.png"); l.setIcon(i); l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight()); JButton b = new JButton("隐藏图片"); b.setBounds(150, 200, 100, 30); // 给按钮 增加 监听 b.addActionListener(new ActionListener() { // 当按钮被点击时,就会触发 ActionEvent事件 // actionPerformed 方法就会被执行 boolean hide = false; public void actionPerformed(ActionEvent e) { l.setVisible(hide); hide = !hide; b.setText(hide?"显示图片":"隐藏图片"); } }); f.add(l); f.add(b); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }
示例 7 :

练习-上下左右移动

edit Or  姿势不对,事倍功半! 点击查看做练习的正确姿势
键盘监听中的代码完善,使得由当前的只能向右移动,完善为上下左右移动都可以。

提示:keyCode与方向的对应关系
38 上
40 下
37 左
39 右
示例 8 :

答案-上下左右移动

edit
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
在查看答案前,尽量先自己完成,碰到问题再来查看答案,收获会更多
查看本答案会花费3个积分,您目前总共有点积分。查看相同答案不会花费额外积分。 积分增加办法 或者一次性购买JAVA 中级总计0个答案 (总共需要0积分)
查看本答案会花费3个积分,您目前总共有点积分。查看相同答案不会花费额外积分。 积分增加办法 或者一次性购买JAVA 中级总计0个答案 (总共需要0积分)
账号未激活 账号未激活,功能受限。 请点击激活
本视频是解读性视频,所以希望您已经看过了本答案的内容,带着疑问来观看,这样收获才多。 不建议一开始就观看视频

1分44秒 本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)


package gui; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.awt.event.KeyEvent; import java.awt.event.KeyListener; import javax.swing.ImageIcon; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JLabel; public class TestGUI { public static void main(String[] args) { JFrame f = new JFrame("LoL"); f.setSize(400, 300); f.setLocation(580, 200); f.setLayout(null); final JLabel l = new JLabel(); ImageIcon i = new ImageIcon("e:/project/j2se/shana.png"); l.setIcon(i); l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight()); // 增加键盘监听 f.addKeyListener(new KeyListener() { // 键被弹起 public void keyReleased(KeyEvent e) { //步长 int step = 10; if (e.getKeyCode() == 38) { // 图片向上移动 (x坐标不变,y坐标减少) l.setLocation(l.getX() , l.getY()- step); } if (e.getKeyCode() == 40) { // 图片向下移动 (x坐标不变,y坐标增加) l.setLocation(l.getX() , l.getY()+ step); } if (e.getKeyCode() == 37) { // 图片向左移动 (y坐标不变,x坐标减少) l.setLocation(l.getX() - step, l.getY()); } if (e.getKeyCode() == 39) { // 图片向右移动 (y坐标不变,x坐标增加) l.setLocation(l.getX() + step, l.getY()); } } //键被按下 public void keyPressed(KeyEvent e) { // TODO Auto-generated method stub } // 一个按下弹起的组合动作 public void keyTyped(KeyEvent e) { } }); f.add(l); f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); f.setVisible(true); } }


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2019-11-27 作业-上下左右移动
逆光逆时针




仅供参考
package gui;

import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;

import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JLabel;

/**
 * 练习-上下左右移动
 * 
 * 	把键盘监听中的代码完善,使得由当前的只能向右移动,完善为上下左右移动都可以。

	提示:keyCode与方向的对应关系
	38 上 
	40 下
	37 左
	39 右
 */

public class Move {
	
	public static void main(String[] args) {
		
		JFrame f = new JFrame("LOL");
		f.setBounds(580, 200, 400, 300);
		f.setLayout(null);
		
		JLabel l = new JLabel();
		
		ImageIcon i = new ImageIcon("images/莎娜_嘿嘿嘿.png");
		l.setIcon(i);
		l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight());
		
		f.add(l);
		
		/**
		 * 增加按键监听适配器
		 */
		f.addKeyListener(new KeyAdapter() {
			
			// 键被弹起
			@Override
			public void keyReleased(KeyEvent e) {
				if (e.getKeyCode() == 38) {
					// 上 “38”
					l.setLocation(l.getX(), l.getY() - 10);
				} else if (e.getKeyCode() == 40) {
					// 下 “40”
					l.setLocation(l.getX(), l.getY() + 10);
				} else if (e.getKeyCode() == 37) {
					// 左 “37”
					l.setLocation(l.getX() - 10, l.getY());
				} else if (e.getKeyCode() == 39) {
					// 右 “39”
					l.setLocation(l.getX() + 10, l.getY());
				}
			}
		});
		
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		f.setVisible(true);
		
	}

}

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-11-27 作业-切换显示
逆光逆时针




仅供参考
package gui;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.ImageIcon;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;

/**
 * 练习-切换显示
 * 
 * 	把按钮监听中的按钮上的文字从“隐藏图片” 改为 "显示图片"。
	第一次点击的时候,会使得图片隐藏,第二次点击的时候,会使得图片显示,如此循环下去。
	一旦点击了"隐藏图片",按钮上的文字就要变成“显示图片” 。。。 如此循环
	提示: 调用JButton对象的setText改变按钮上的文字 
 */

public class SwitchScreenDisplay {
	
	public static void main(String[] args) {
		
		JFrame f = new JFrame("LOL");
		f.setBounds(580, 200, 400, 300);
		f.setLayout(null);
		
		JLabel l = new JLabel();
		
		// 图片
		ImageIcon i = new ImageIcon("images/琴女头像.png");
		l.setIcon(i);
		l.setBounds(50, 50, i.getIconWidth(), i.getIconHeight());
		
		f.add(l);
		
		// 按钮
		JButton b = new JButton("隐藏图片");
		b.setBounds(150, 200, 100, 30);
		
		f.add(b);
		
		/**
		 * 按钮增加监听
		 */
		b.addActionListener(new ActionListener() {
			
			@Override
			public void actionPerformed(ActionEvent e) {
				if (b.getText() == "隐藏图片") {
					l.setVisible(false);
					b.setText("显示图片");
				} else {
					l.setVisible(true);
					b.setText("隐藏图片");
				}
			}
		});
		
		f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		f.setVisible(true);
		
	}

}

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2019-11-21 交作业显示
2019-11-12 鼠标监听出现异常
2019-11-04 图片-切换显示
2019-09-30 上下左右移动——键盘监听
2019-09-30 切换显示——按钮监听
2019-08-12 事件监听
2019-06-19 ZZ交作业 swing 键盘监听
2019-06-19 ZZ交作业 swing 按钮监听
2019-05-26 为何使用if语句运行不成功呢
2019-05-13 按钮监听作业
2019-05-13 键盘监听作业
2019-05-11 final JLabel l = new JLabel();
2019-04-29 作业。显示隐藏
2019-04-19 用的判断文本的方式
2019-04-02 getText()
2019-03-31 作业一
2019-03-31 作业二
2019-03-28 关于监听事件的问题
2019-03-28 键盘监听中的右我以为是鼠标右键:( 但实际不是:>
2019-03-28 键盘监听中的右我以为是鼠标右键:( 但实际不是:>
2019-03-28 键盘监听中的右我以为是鼠标右键:( 但实际不是:>
2019-03-15 为什么不能同时监听俩呢
2019-03-15 为什么使用KeyAdapter后,按键无效呢?
2019-03-13 如图
2019-03-11 我的第一题代码哪里需要改进?
2019-03-08 交作业(2) !
2019-03-08 交作业(1) !
2019-02-27 作业
2019-01-01 为什么MouseAdapter
2018-10-25 交作业
2018-10-19 鼠标进入图片移动的算法
2018-10-12 KeyListener 为啥不生效呢
2018-09-09 交作业
2018-07-09 鼠标监听报错了
2018-06-24 上下左右移动
2018-06-11 交作业,在原基础上设置了图片居中且按钮在图片下方
2018-06-08 实例7
2018-05-31 是不是不能同时监听按钮和键盘呢?
2018-03-26 组件的大小位置设置问题
2017-12-20 老师,为什么我添加监听会报错
2017-11-26 适配器 对适配器感到有点模糊,是不是就是将接口中需要的抽象方法实现即可?
2017-11-05 切换显示的简化代码
2017-10-27 button和keylistener冲突的问题
2017-08-12 为什么Jlabel前面要加final呢?
2017-06-16 显示隐藏图片答案
2017-05-17 图片不管怎样都不显示
2017-04-06 同一楼问题
2016-08-09 写错了
2016-07-06 button和keylistener不可以同时作用




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 JAVA 中级-图形界面-事件监听 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 982790551
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图