Java实现拼图小游戏(3)—— 添加图片(含JFrame源码阅读)
这里写目录标题
- 一、前言
- 二、步骤
- 1.在IDEA中导入图片
- 2. 创建一个图片ImageIcon的对象
- 1️⃣ImageIcon方法的使用
- 2️⃣传递方法内参数(图片路径)
- 3. 创建JLabel的对象(一个用来放图片的容器)
- 4.调整位置
- 4. 将容器放到界面中
- 三、源码阅读
- 四、完整代码
- 五、优化代码
- 六、测试代码
- 七、结语
一、前言
本文主要是实现拼图小游戏中的添加图片功能
二、步骤
1.在IDEA中导入图片
- 首先把要用的图片都放在一个文件夹中
- 复制文件夹
- 点击项目名称,并
Ctrl+V
黏贴文件夹
然后等待一下就会发现图片已经全部都导入进来了
2. 创建一个图片ImageIcon的对象
1️⃣ImageIcon方法的使用
由于我们不知道这个方法如何使用,所以我们可以通过阅读源码或者查看API的方式来查找方法的用法,这里我们介绍一下阅读源码的方式
使用
Ctrl+N
来搜素一下ImageIcon方法
使用
Ctrl+F12
来查找查看当前类的所有方法和成员变量,由于我们要添加图片,图片名称又是String类型的,所以我们选择String类型的方法
可以看到这里让我们在括号内传递的参数是文件名,即图片名字
所以格式为:
ImageIcon icon = new ImageIcon("...(此处填写图片路径)")
2️⃣传递方法内参数(图片路径)
所以此处我们要传递的参数就是图片的名字,但是计算机要寻找图片是按照路径来的,所以我们要复制图片存放的路径
我们先随便选中一张图片,右键点击
选择复制路径
黏贴到上面的括号中
3. 创建JLabel的对象(一个用来放图片的容器)
用法:可以简单记忆为JLabel是一个管理容器,创建对象以后管理括号内的东西
比如上面我们新建了一个对象icon,应该被放入到JLabel容器中,所以括号内传递的参数就是icon
JLabel jLabel = new JLabel(icon)
4.调整位置
jLabel.setBounds
是用来设置位置和大小的一个方法,里面的四个参数分别是:X坐标、Y坐标、长度、宽度
4. 将容器放到界面中
注意:隐藏容器要手动获取,图片放在这个隐藏容器中,默认图片放在正中间,所以我们要取消默认设置,并以 XY 轴坐标形式来存放图片
手动获取隐藏容器:getContentPane()
取消放置在正中间:setLayout(null)
,放在初始化界面的方法中
再使用add函数添加
this.getContentPane().add(jLabel)
三、源码阅读
Ctrl+F12
搜素,并选中空参构造的函数
- 可以看到里面有函数
FrameInit()
,我们再用Ctrl+B
来跟进一下
- 这边有一个
creatRootPane()
,我们继续跟进
- 可以看到底层源码中已经帮我们新建好了对象,所以不需要我们自己再去构造了
四、完整代码
private void initImage() {//创建第一张图片//创建ImageIconImageIcon icon1 = new ImageIcon("F:\\IDEA\\PuzzleGame\\image\\image\\animal\\animal3\\1.jpg");//创建JLabel管理容器JLabel jLabel1 = new JLabel(icon1);//设定图片位置jLabel1.setBounds(0,0,105,105);//将JLabel放到界面中this.getContentPane().add(jLabel1);//创建第二张图片ImageIcon icon2 = new ImageIcon("F:\\IDEA\\PuzzleGame\\image\\image\\animal\\animal3\\2.jpg");JLabel jLabel2 = new JLabel(icon2);jLabel2.setBounds(105,0,105,105);this.getContentPane().add(jLabel2);//创建第三张图片ImageIcon icon3 = new ImageIcon("F:\\IDEA\\PuzzleGame\\image\\image\\animal\\animal3\\3.jpg");JLabel jLabel3 = new JLabel(icon3);jLabel3.setBounds(210,0,105,105);this.getContentPane().add(jLabel3);//创建第四张图片ImageIcon icon4 = new ImageIcon("F:\\IDEA\\PuzzleGame\\image\\image\\animal\\animal3\\4.jpg");JLabel jLabel4 = new JLabel(icon4);jLabel4.setBounds(315,0,105,105);this.getContentPane().add(jLabel4);}
五、优化代码
- 如果要添加十五张图片的话,代码量就太大了,所以我们要优化代码,我们可以看坐标(图片左上角的坐标轴)的变化找找规律
- 第一排Y轴值都为0,X轴的值是0、105、210、305,都相差105,那么他们都是105的整数倍,从0倍开始到3倍(列);同理,第一列的X轴值都为0,Y轴的值是0、105、210、305,那么他们都是105的整数倍,从0倍开始到3倍(列)
- 我们可以用两层循环来优化,内层循环是X轴的值,即列,外层循环是Y轴的值,即行,但是要注意的是在修改图片路径的时候,如果定义的变量放在字符串内,那么将识别不了该图片,而是要把变量单独拿出来放在外面
优化后的代码
private void initImage() {int n = 1;for(int i = 0; i < 4; i++){for(int j = 0; j < 4; j++){JLabel jLabel = new JLabel(new ImageIcon("F:\\IDEA\\PuzzleGame\\image\\image\\animal\\animal3\\"+n+".jpg"));jLabel.setBounds(105 * j, 105 * i,105,105);this.getContentPane().add(jLabel);n++;}}}
六、测试代码
七、结语
添加图片的代码并不复杂,但是我们要学会用所学知识去优化代码,使得代码尽量简洁,提高代码的可读性
Java实现拼图小游戏(3)—— 添加图片(含JFrame源码阅读)相关推荐
- Java实现拼图小游戏(5)—— 美化界面(含源码阅读)
美化界面 一.前言 二.添加背景图 1.注意事项 2.创建图片对象 3.创建JLabel的对象(一个用来放图片的容器) 4.调整位置 5.将容器放到界面中 6.优化代码 三.添加边框 1.查看源码 2 ...
- java对拼图小游戏的简单实现(详解)
使用Java编写拼图小游戏主要包括: 初始化界面 初始化菜单 初始化数据 初始化图片 其他必要功能的实现 这几部分.在进行细分时包括了菜单的搭建,添加图片,打乱图片位置,让图片移动起来,查看完整图片, ...
- 微信小游戏《飞机打方块》源码分享
微信小游戏<飞机打方块>源码分享 游戏使用CocosCreator v2.4.2开发 源码:https://gitee.com/propertygame/cocos-creator3.x- ...
- C++小游戏笔记——射击小行星(附源码)
C++小游戏笔记--射击小行星(附源码) 游戏展示图 一.飞船 1.飞船的绘制 2.飞船的角度 二.小行星 1.小行星的绘制 2."凹凸不平"效果的形成 3.小行星的分裂 三.子弹 ...
- FC小游戏合集网页版HTML源码
FC小游戏合集网页版HTML源码,上传到服务器即可访问,包含游戏文件在里面,操作键网页上有列出. 源码下载:FC小游戏合集网页版HTML源码-小程序文档类资源-CSDN下载
- cocos creator 2.4.5消除小游戏新玩法消星星源码H5+安卓+IOS三端源码
cocos creator 2.4.5消除小游戏新玩法消星星源码H5+安卓+IOS三端源码,开发脚本为typeScript方便扩展和阅读,支持cocos creator2.X版本,完整的源码可直接运营 ...
- Java实现拼图小游戏(6)—— 移动图片(键盘监听实操练习)
移动图片 一.前言 二.步骤 1.让我们的类继承KeyListener接口 2.改写initData方法 3.实现向上移动 4.实现向下移动 5.实现向左移动 6.实现向右移动 7.改写initIma ...
- Java基础:拼图小游戏(包含Java代码)
涉及到的知识: 1.图形用户接口GUI(Graphical User Interface)用图形化的方式显示操作界面 两个体系: AWT包和Swing包 2.界面会用到JFrame类 3.界面中的菜单 ...
- Java实现拼图小游戏(2)——菜单搭建(有关Java中的JMenuBar知识点)
菜单搭建 一.前言 二.搭建步骤 1. 创建JMenuBar 2. 创建Jmenu 3. 创建JMenuItem 4. 将JMenuItem放到Jmenu中 5. 将Jmenu放到JMeanuBar中 ...
- 《JAVA面试考点导读》(一)JDK基础类源码阅读
前言 很多同学想知道面试的知识,但是每个点的面太广,如阅读源码太过耗时间,不知道哪些才是重点.所以跟大家分享一下方法,就是像以前英语.语文的阅读理解题,我们可以先看题目,再带着问题去阅读文章,这样效率 ...
最新文章
- python tornado教程_Tornado 简单入门教程(零)——准备工作
- 容器 - concurrent包之ConcurrentHashMap
- LInux下装jdk
- 【示例】Lucene创建索引库编程步骤
- 《手机测试Robotium实战教程》——导读
- iphone屏幕录制_iPhone怎么内录声音?怎么录制苹果手机内部声音?
- RocketMQ消费者是如何获取消息的?转疯了!
- 分布式搜索elasticsearch配置文件详解
- python调用ping命令_在Python中调用Ping命令,批量IP的方法
- linux命令行配置代理_Linux命令行乐趣,顶级配置工具,Kubeflow等
- 让这家有12万名员工、1.7万种产品的钢铁厂平滑上云的黑科技是什么?
- SilverLight中的数据绑定
- Vsphere auto deploy 简介
- shell命令:echo命令
- JDK1.4下载 JRE1.4下载
- html 图层嵌套特点,ps图层有哪几种类型?
- 修改mysql数据库的长度_修改mysql数据库的长度
- 剑指offer第二版面试题46:把数字翻译成字符串(java)
- mybatis一级缓存,二级缓存的开启、关闭、清除及使用说明
- Scacanner类
热门文章
- 微信公众号订阅号与微信服务号有什么不同
- 编码:隐匿在计算机软硬件背后的语言(1)--编码到二进制数字系统
- matlab 将路径靠左,latex 图片位置靠左
- 今日头条推荐算法原理 - 梳理
- Java - 注解(Annotation)
- 如何让自己的电脑内外网同时用?
- VBA每日一练(10)range.end() 或 cells().end() 用法,偏移 且 查找非空单元格,取最大最小行列数
- 用excel制作双层饼图_Excel做的双层饼图,太漂亮了
- QQ桌球瞄准器开发(5)使用注册表保存配置
- ElasticSearch进阶(五)MetricBeat的简单使用