Java实现拼图小游戏(3)—— 添加图片(含JFrame源码阅读)

简介: 用法:可以简单记忆为JLabel是一个管理容器,创建对象以后管理括号内的东西。比如上面我们新建了一个对象icon,应该被放入到JLabel容器中,所以括号内传递的参数就是icon

一、前言


本文主要是实现拼图小游戏中的添加图片功能


二、步骤


1.在IDEA中导入图片


  • 首先把要用的图片都放在一个文件夹中
  • 复制文件夹
  • 点击项目名称,并Ctrl+V黏贴文件夹


8cc8913968f64691bb324e67cf7fd8c5.png


然后等待一下就会发现图片已经全部都导入进来了


7a26d4275f98481a8020017da5a1f425.png


2. 创建一个图片ImageIcon的对象


1️⃣ImageIcon方法的使用


由于我们不知道这个方法如何使用,所以我们可以通过阅读源码或者查看API的方式来查找方法的用法,这里我们介绍一下阅读源码的方式


  • 使用Ctrl+N来搜素一下ImageIcon方法


a05d489f439d4a00bae288c588b448a4.png


  • 使用Ctrl+F12来查找查看当前类的所有方法和成员变量,由于我们要添加图片,图片名称又是String类型的,所以我们选择String类型的方法


f0031b95f259426ba84124ee19b4d997.png


  • 可以看到这里让我们在括号内传递的参数是文件名,即图片名字


526f40f140c14e3a8f2098ad3b1be140.png


所以格式为:


ImageIcon icon = new ImageIcon("...(此处填写图片路径)")


2️⃣传递方法内参数(图片路径)


所以此处我们要传递的参数就是图片的名字,但是计算机要寻找图片是按照路径来的,所以我们要复制图片存放的路径


  • 我们先随便选中一张图片,右键点击


ee775635b74c4f2a97256266c4fe1f33.png


  • 选择复制路径


  • 黏贴到上面的括号中


3. 创建JLabel的对象(一个用来放图片的容器)


用法:可以简单记忆为JLabel是一个管理容器,创建对象以后管理括号内的东西

比如上面我们新建了一个对象icon,应该被放入到JLabel容器中,所以括号内传递的参数就是icon


JLabel jLabel = new JLabel(icon)


4.调整位置


416cf4939c3142f79558f060d97b8517.png


  • jLabel.setBounds是用来设置位置和大小的一个方法,里面的四个参数分别是:X坐标、Y坐标、长度、宽度


4015405fe89045e2a3e23556de0ff58a.png


5. 将容器放到界面中


注意:隐藏容器要手动获取,图片放在这个隐藏容器中,默认图片放在正中间,所以我们要取消默认设置,并以 XY 轴坐标形式来存放图片


手动获取隐藏容器:getContentPane()

取消放置在正中间:setLayout(null),放在初始化界面的方法中


cfe6e7c5da9546658390ab1487bc0cc5.png


再使用add函数添加


this.getContentPane().add(jLabel)


三、源码阅读


  • Ctrl+F12搜素,并选中空参构造的函数


6c3165b0034d4ebbb22623aa4868f150.png


  • 可以看到里面有函数FrameInit(),我们再用Ctrl+B来跟进一下


8060a0e873b046e78f611714c47a0b70.png


  • 这边有一个creatRootPane(),我们继续跟进


5cad9fd053a344669b5f3d8bf834cc30.png


  • 可以看到底层源码中已经帮我们新建好了对象,所以不需要我们自己再去构造了


693abd0169b54dbaa668632c4be03149.png


四、完整代码


 private void initImage() {
        //创建第一张图片
        //创建ImageIcon
        ImageIcon 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++;
            }
        }
    }


六、测试代码


01b4d29fda1d413b8e0ccada5bd45dcf.png


七、结语


添加图片的代码并不复杂,但是我们要学会用所学知识去优化代码,使得代码尽量简洁,提高代码的可读性

相关文章
|
10天前
|
JavaScript Java 测试技术
基于Java的智慧医疗服务平台系统设计和实现(源码+LW+部署讲解)
基于Java的智慧医疗服务平台系统设计和实现(源码+LW+部署讲解)
29 8
|
10天前
|
JavaScript Java 测试技术
基于Java的人事管理系统设计和实现(源码+LW+部署讲解)
基于Java的人事管理系统设计和实现(源码+LW+部署讲解)
20 7
|
10天前
|
JavaScript Java 测试技术
基于Java的儿童福利院管理系统设计和实现(源码+LW+部署讲解)
基于Java的儿童福利院管理系统设计和实现(源码+LW+部署讲解)
28 7
|
12天前
|
运维 Java BI
java云HIS系统源码,基层医院his系统
云HIS系统,基于B/S架构的SaaS服务,助力基层医院实现挂号、诊疗、电子病历、药品管理等全面业务。系统分为综合管理(运营商、开发者、监管使用)和业务系统(医院使用)。综合管理涉及运维、监管和运营,包括机构、药品、用户、角色等管理。业务系统涵盖预约、收费、医生护士工作站、住院、药房、会员管理及统计等功能。系统可整合公卫、PACS等,实现多机构融合。
java云HIS系统源码,基层医院his系统
|
17天前
|
JavaScript 前端开发 Java
Java数字化产科管理系统源码,多家医院应用案例,可直接上项目
Java开发的数字化产科管理系统,已在多家医院实施,支持直接部署。系统涵盖孕产全程,包括门诊、住院、统计和移动服务,整合高危管理、智能提醒、档案追踪等功能,与HIS等系统对接。采用前后端分离架构,Java语言,Vue前端,若依框架,MySQL数据库。优势在于提升就诊效率,降低漏检率,自动报表生成,减少重复工作,支持数据研究,并实现医院与卫计委平台的数据互通,打造全生育周期健康服务。
29 4
|
20天前
|
JavaScript 前端开发 Java
(JAVA)一套成熟在用的智能化产科电子病历系统,源码交付可直接上项目
在人类探索与人性化的产科管理系统的征途中,我们深知每一步都承载着对未来新生命健康与家庭幸福的深切关怀。
16 0
(JAVA)一套成熟在用的智能化产科电子病历系统,源码交付可直接上项目
|
14天前
|
JavaScript 前端开发 Java
Java语言+前后端分离 数字化产科管理平台 产科电子病历系统源码
Java开发的数字化产科管理系统,已在多家医院实施,支持直接部署。系统涵盖孕产全程,包括门诊、住院、统计和移动服务,整合高危管理、智能提醒、档案追踪等功能,与HIS等系统对接。采用前后端分离架构,Java语言,Vue前端,MySQL数据库。优势在于提升就诊效率,降低漏检率,自动报表生成,减少重复工作,支持数据研究,并实现医院与卫计委平台的数据互通,打造全生育周期健康服务。
12 0
|
21天前
|
Java jenkins 持续交付
Jenkins是开源CI/CD工具,用于自动化Java项目构建、测试和部署。通过配置源码管理、构建触发器、执行Maven目标,实现代码提交即触发构建和测试
【7月更文挑战第1天】Jenkins是开源CI/CD工具,用于自动化Java项目构建、测试和部署。通过配置源码管理、构建触发器、执行Maven目标,实现代码提交即触发构建和测试。成功后,Jenkins执行部署任务,发布到服务器或云环境。使用Jenkins能提升效率,保证软件质量,加速上线,并需维护其稳定运行。
57 0
|
22天前
|
Java
用java 将 jb2 文件转图片的方法
用java 将 jb2 文件转图片的方法
10 0
|
11天前
|
Java 调度
Java线程的六种状态
Java线程有六种状态: 初始(NEW)、运行(RUNNABLE)、阻塞(BLOCKED)、等待(WAITING)、超时等待(TIMED_WAITING)、终止(TERMINATED)。
28 1