JAVA图片浏览器课程设计报告

课程设计报告

课程名称Java课程设计

题目实现图片浏览器功能的Java程序设计学部

专业

班级

姓名

指导教师

2011 年 1 月7 日

Java课程设计任务书

题目:实现图片浏览器功能的Java程序设计

1. 课程设计教学条件要求

JDK1.6+Eclipse/ NetBeans/ JBuilder+SQLServer2000/MySQL

2. 课程设计任务

实现一个图片浏览器，主要功能包括：可以打开一个对话框选择1个或多个文件进行浏览，浏览器中有用于放大、缩小图片的功能。要求使用Swing或SWT 组件实现。

3. 课程设计报告书主要内容

1 需求分析

系统开发思路和相关开发技术、方法的总体介绍

2 概要设计

2．1 设计的总体思想与算法描述

2．2 模块结构图

2．3 各功能模块的功能与处理流程描述

2．4 界面设计

3 详细设计

各功能模块程序设计（按照功能模块的功能与处理流程描述给出详细的

程序代码，并给出重点语句的注释.）

4 小结

4. 课程设计要求

（1）学生按时到课程设计指定地点签到，遵守课程设计纪律。

（2）学生独立完成课程设计任务。指导教师分时段验收学生完成的阶段任务。（3）学生按时提交课程设计成果和打印的课程设计报告书。

5．课程设计参考资料

[1] 叶核亚. Java2程序设计实用教程[M](第二版). 北京:电子工业出版

社,2008.4.

[2] 辛运帏.Java程序设计.北京:清华大学出版社[M], 2004

[3] 张思民,梁维娜.Java程序设计实践教程[M].北京:清华大学出版社, 2006.8

[4] 朱福喜,路迟.Java与面向对象程序设计[M].北京:武汉大学出版社, 2007,10

[5] [美]Echel,B .Java编程思想[M]（第三版）.北京:机械工业出版社,2005

撰写者：江伟指导教师：江伟

目录

1．需求分析 (1)

1.1系统开发思路 (1)

1.1.1图片浏览器概述 (1)

1.1.2图片浏览器的功能特点 (1)

1.2系统开发相关开发技术 (1)

1.3方法的总体介绍 (2)

2．概要设计 (3)

2.1 设计的总体思想与算法描述 (3)

2.2模块结构图 (3)

2.3各功能模块的功能与处理流程描述 (4)

2.4界面设计 (4)

2.4.1各主要界面展示.........。.. (4)

2.4.2主要界面实现概述 (7)

3．详细设计.......................。.. (8)

3.1模块程序设计 (8)

3.2重要代码展示 (8)

4．小结 (16)

参考文献 (19)

1.需求分析

1.1系统开发思路

1.1.1图片浏览器概述

图片浏览器作为计算机使用者浏览各种格式图片的载体而存在，作为人们日使用计算机工作的一大可视化工具，图片浏览器正扮演着越来越重要的角色，我们日常生活中的任何格式的图片文件都必须通过图片浏览器才能进行浏览。随着各种类型图片浏览器的不断更新换代，其功能也日益强大和完善，逐渐成为计算机使用者生活中越来越不可缺少的一部分。

1.1.2图片浏览器的功能特点

图片浏览器一般都具有打开jpg、gif、png、tiff等格式图片文件并对图片文件夹中的图片进行顺序浏览的功能。一般的图片浏览器还有“上一页”、“下一页”的翻页功能和图片“放大”、“缩小”的浏览功能。功能比较强大的图片浏览器还有文件选择的功能，功能更强大一些的图片浏览器可以对未打开的图片文件进行缩放预览效果的实现。这次课程设计做的图片浏览器实现了上述的大部分功能，不过稳定性和精确度的问题还有待进一步完善。

1.1.3开发背景及意义

系统以图片浏览为中心，采用面向对象开发方法对图片浏览器内部组织结构、功能需求进行可行性分析，自顶向下逐层分解，主要分为系统分析、系统设计、系统实施、系统测试几个阶段。其中有对现有图片浏览器的功能特点分析，对人们使用图片浏览器的意见分析，对系统实施的可行性分析，对实现过程、数据流程的分析，对系统结构与功能的设计，对系统逻辑结构的设计、用户界面的设计等等。

本系统主要提供了针对jpg、gif、png、tiff格式的图片进行浏览的功能，另外还实现了各种浏览图片的功能，如图片放大、缩小，上一页、下一页，文件打开等。

1.2系统开发相关开发技术

本系统主要用到了Swing、AWT等GUI技术进行控件设置和界面布局，使

用了IO技术实现了文件选择的功能。

1.3方法的总体介绍

本系统的主要方法是对控件的添加及对其属性的设置，文件选择也是主要方法之一，事件响应方法是所有方法的核心。

2．概要设计

2.1设计的总体思想及算法描述

用一个类PicBrowseFrame实现总体框架的设计，定义菜单栏tempItem放置文件菜单File、编辑菜单Edit、帮助菜单help。File下设置“打开”、“退出”两个菜单项，Edit下设置“复制”、“移动”两个菜单项，help下设置“关于作者”一个菜单项。PicBrowseFrame下面放置upPage、downPage、big、small四个JButton 分别用来实现“上一页”、“下一页”、“放大”“缩小”的功能。这四个按钮定义在FlieChooser这个类中，它们的方法也在这个类中得到实现。其中“上一页”的代码用“tag - = 1; ImageIcon ig=new ImageIcon(ParentPath+"\\"+files[tag]);”进行实现，与之相应的“下一页”的代码用“tag + = 1; ImageIcon ig=new ImageIcon(ParentPath+"\\"+files[tag]);”进行实现。图片放大和图片缩小分别调用“picUpScanle()”和“picDownScanle()”两个方法进行实现。文件选择主要用了“fileChooser.setCurrentDirectory(new File("."));”。

2.2模块结构图

系统总功能概述：打开jpg、gif、png、tiff格式图片文件，连续浏览图片。实现上一页、下一页、放大、缩小图片基本功能，可以复制图片，浏览主界面提供预览缩略图。

2.3各功能模块的功能与处理流程描述

打开：文件菜单下的一个菜单项，用来浏览文件，打开图片文件夹中的jpg、gif、png、tiff四种格式的图片。

复制：这个功能是附加的，不难实现，其下面的移动并未被实现，移动后源文件没有被删除，所以两个菜单项的功能都是“复制”，复制时要选

择保存路径和新的文件名及文件格式，严格说这个功能的实现是失败

的。

帮助：主要提供浏览器功能的相关信息，点击后会跳出一个frame，上面写着这些信息。

上一页：按图片在目标文件夹中的排列顺序选择当前浏览图片的上一张图片。下一页：按图片在目标文件夹中的排列顺序选择当前浏览图片的下一张图片。放大：按照定义好的方法将原图片的width和height的size同时增大。

缩小：按照定义好的方法将原图片的width和height的size同时缩小。

2.4界面设计

2.4.1各主要界面展示

系统初始化界面

图2—2系统初始化界面

文件选择界面

图2—3文件选择界面图片选择界面

图2—4图片选择界面

图片浏览界面

图2—5图片浏览界面图片复制界面

图2—6图片复制界面

帮助界面

图2—7帮助界面

2.4.2主要界面实现概述

初始化界面：首先在frame顶部设置菜单栏，用“frame.setJMenuBar(menuBar);”

实现，然后用“JMenu File=new JMenu("文件");menuBar.add(File);”

添加“文件”菜单，用类似的方式再添加“编辑”等菜单。用

“tempItem=new JMenuItem("打开");

tempItem.addActionListener(new

LoadListener());File.add(tempItem);”添加“打开”菜单项，再用同

样的方法添加其他菜单项。最后用icons方法用数组定义图片

“page.jpg”，最后用“lab=new JLabel(icons[0]);”实现frame对

“page.jpg”的调用，在初始化界面显示经PS处理过的图片。

图片浏览界面：整个界面用BorderLayout进行布局，在center中添加“imgPane”

容器，用来盛放浏览的图片。在frame的south中添加scanlePane，

然后用scanlePane盛放四个Button，分别用来实现图片浏览器的四

种主要功能。

3．详细设计

3.1模块程序设计

本系统共八个类，PicBrowseFrame是启动类，里面主要设置控件布局和各控件的监听器方法。ExitListener用来实现退出的功能，AboutListener用来实现帮助的功能，CopyListener用来实现复制的功能，UpListener用来实现上一页的功能，DownListener用来实现下一页的功能。FileChooser主要用来实现文件选择的功能，这各类里面除了定义了四个button外，还定义了图片预览的方法preViewMove，使用这个方法可以在frame的右下角同时预览五个小的略缩图。还定义了方法picUpScanle（），用来实现图片的放大；picDownScanle（）；用来实现图片的缩小。ImageFileView类主要用来指定和现实浏览图片文件的格式，ImageFilter类用来返回相关文件信息。ImagePreview用来实现预览文件的形式。imgVisible类主要用来实现图片的放大缩小和复制图片的功能。Utils 类主要用来返回打开图片文件的相关信息。

3.2重要代码展示

主类PicBrowseFrame

import java.awt.*;

import java.awt.event.*;

import javax.swing.*;

public class PicBrowseFrame extends javax.swing.JScrollPane{ private static JFrame frame=new JFrame("图片浏览器——信管：杨帆200810165118");//顶层容器

public static JPanel conPane; //盛放4个button

private static JMenuItem tempItem; //菜单栏

public static JLabel lab;

private static Icon[] icons;

FileChooser FileCh=new FileChooser();

public void showGUI(){

icons=new Icon[]{

new ImageIcon("info/icons/page.jpg"),

new ImageIcon("info/icons/about.jpg"),

};

frame.setResizable(false);

conPane=(JPanel)frame.getContentPane();

conPane.setLocation(200, 300);

conPane.setLayout(new BorderLayout());

JMenuBar menuBar=new JMenuBar();

frame.setJMenuBar(menuBar);

//文件菜单

JMenu File=new JMenu("文件");

menuBar.add(File);

tempItem=new JMenuItem("打开");

tempItem.addActionListener(new LoadListener());

File.add(tempItem);

tempItem=new JMenuItem("退出");

tempItem.addActionListener(new ExitListener());

File.add(tempItem);

//文件菜单END

//编辑菜单

JMenu Edit=new JMenu("编辑");

menuBar.add(Edit);

tempItem=new JMenuItem("复制");

tempItem.addActionListener(new CopyListener());

Edit.add(tempItem);

//HELP

JMenu help=new JMenu("帮助");

menuBar.add(help);

tempItem=new JMenuItem("关于作品");

tempItem.addActionListener(new AboutListener());

help.add(tempItem);

//END

//显示图片

JPanel imgPane=new JPanel();

imgPane.setLayout(new BorderLayout());

lab=new JLabel(icons[0]);

imgPane.add(lab);

conPane.add(imgPane,BorderLayout.CENTER);

//END

frame.setMinimumSize(new Dimension(1024,768));

this.setSize(1024,768);

Dimension frameSize=this.getSize();

Dimension screenSize=Toolkit.getDefaultToolkit().getScreenSize();

frame.setLocation((screenSize.width-frameSize.width)/2,(screenSiz e.height-frameSize.height)/2);

frame.setVisible(true);

frame.setDefaultCloseOperation(frame.EXIT_ON_CLOSE);

}

public static void main(String args[]){

new PicBrowseFrame().showGUI();

}

//文件菜单的监听事件

//Load Listener

class LoadListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

FileCh.FileChoosercr();

}

}

//Exit Listener

class ExitListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

System.exit(0);

}

}

//End

//编辑菜单的监听事件

class AboutListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

JFrame f = new JFrame("关于作品");

JLabel l =new JLabel(icons[1]);

f.setMinimumSize(new Dimension(600,400));

f.setSize(400,300);

Dimension frameSize=f.getSize();

Dimension

screenSize=Toolkit.getDefaultToolkit().getScreenSize();

f.setLocation((screenSize.width-frameSize.width)/2,(screenSize.he ight-frameSize.height)/2);

f.add(l);

f.setSize(600,400);

f.setVisible(true);

}

}

class CopyListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

JFileChooser saveFile=new JFileChooser();

int result=saveFile.showSaveDialog(frame);

String

savePath=saveFile.getSelectedFile().getAbsolutePath();

if(result==JFileChooser.APPROVE_OPTION){

new imgVisible().PicCopy(FileChooser.filePath, savePath);

}else{

}

}

}

class UpListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

FileCh.picUpScanle();

}

}

//下一页的监听事件

class DownListener implements java.awt.event.ActionListener{ public void actionPerformed(ActionEvent e){

FileCh.picDownScanle();

}

}

//END

}

文件选择类FileChooser

import java.awt.*;

import java.awt.event.ActionEvent;

import java.io.File;

//import java.util.*;

import javax.swing.*;

//import javax.swing.JMenu;

//import ScreenProtect.RunThread;

public class FileChooser {

public static JFrame frame; //文件选择

public static JPanel conPane; //盛放按钮

public static JFileChooser fileChooser; //文件选择

private JPanel scanlePane=new JPanel();

private static String[] files;

private static String ParentPath;

private static String filename;

//private static JLabel label1; 修改

public static String filePath;

//private int skip=0; 修改

private static int tag=0;

private JLabel[] label=new JLabel[5];

//private static Icon[] icons;

//保存图片的大小

private static int width=0;

private static int heigth=0;

private static ImageIcon ig;

//FileChooser FileCh=new FileChooser();

public void FileChoosercr() {

frame = new JFrame("文件选择");

conPane = (JPanel) frame.getContentPane();

conPane.setLayout(new BorderLayout());

fileChooser = new JFileChooser();

//添加FileFilter

fileChooser.setFileFilter(new ImageFilter());

//Accept file from file filter.

fileChooser.addChoosableFileFilter(new ImageFilter());

fileChooser.setAcceptAllFileFilterUsed(true);

//Add custom icons for file types.

fileChooser.setFileView(new ImageFileView());

//添加文件预览

fileChooser.setAccessory(new ImagePreview(fileChooser));

fileChooser.setCurrentDirectory(new File(".")); //修改 ***从当前的路径中进行选择

// fileChooser.addActionListener(new FileChooserListener());

// 选择确定、取消按钮

int returnVal = fileChooser.showOpenDialog(frame);

if (returnVal == JFileChooser.APPROVE_OPTION) {

filename=fileChooser.getSelectedFile().getName();

System.out.println(filename);

filePath = fileChooser.getSelectedFile().getAbsolutePath();

ig=new ImageIcon(filePath);

width=ig.getIconWidth();

heigth=ig.getIconHeight();

https://www.360docs.net/doc/6713765416.html,b.setIcon(ig);

//获取文件的父路径

ParentPath=fileChooser.getSelectedFile().getParent();

files =

fileChooser.getSelectedFile().getParentFile().list();

//这里加入图片的缩小浏览，采用滚动条

scanlePane.setBackground(new Color(16712));

scanlePane.setBounds(0, 0, 800, 20);

scanlePane.setLayout(new GridLayout(1,8,0,20));

JButton downPage=new JButton("下一页");

downPage.addActionListener(new DownPageListener());

JButton upPage=new JButton("上一页");

upPage.addActionListener(new UpPageListener());

JButton big=new JButton("放大");

big.addActionListener(new bigListener());

JButton small=new JButton("缩小");

small.addActionListener(new smallListener());

scanlePane.add(upPage); //上一页

scanlePane.add(downPage); //下一页

scanlePane.add(big); //放大

scanlePane.add(small); //缩小

//scanlePane.add(upPage);

preView(); //图片的缩小浏览

//END

}

if (returnVal == JFileChooser.CANCEL_OPTION) {

frame.dispose(); //布局

}

// end

//获取文件的文件路径

conPane.add(fileChooser);

frame.pack();

frame.setLocation(210, 230);

frame.setVisible(true);

frame.dispose();

}

//这里加入图片的缩小浏览，采用滚动条

private void preView(){

int length=tag+5;

int j=0;

for(int i=tag;i

if(new FileNameFilter().acceptfile(files[i])){

try{

ImageIcon iconScanle=new

ImageIcon(ParentPath+"\\"+files[i]);

ImageIcon scaleIcon = new ImageIcon(new imgVisible().getScaledImage(iconScanle.getImage(),50,50,1));

label[j]=new JLabel(scaleIcon);

scanlePane.add(label[j]);

j++;

PicBrowseFrame.conPane.add(scanlePane,BorderLayout.SOUTH);

}catch(https://www.360docs.net/doc/6713765416.html,ng.NullPointerException e){}

}else length+=1;

}

}

//图片的缩小浏览的滚动

private void preViewMove(int tag){

int length=tag+5;

int j=0;

for(int i=tag;i

if(new FileNameFilter().acceptfile(files[i])){

try{

ImageIcon iconScanle=new

ImageIcon(ParentPath+"\\"+files[i]);

ImageIcon scaleIcon = new ImageIcon(new imgVisible().getScaledImage(iconScanle.getImage(),50,50,1));

label[j].setIcon(scaleIcon);

scanlePane.add(label[j]);

j++;

}catch(https://www.360docs.net/doc/6713765416.html,ng.NullPointerException e){}

}else length+=1;

}

}

//放大图片

private ImageIcon srcImg;

public void picUpScanle(){

srcImg=new ImageIcon(filePath);

width+=20;

heigth+=20;

ImageIcon scaleIcon = new ImageIcon(new

imgVisible().getScaledImage(srcImg.getImage(),width,heigth,1));

https://www.360docs.net/doc/6713765416.html,b.setIcon(scaleIcon);

}

//缩小图片

public void picDownScanle(){

srcImg=new ImageIcon(filePath);

width-=20;

heigth-=20;

ImageIcon scaleIcon = new ImageIcon(new

imgVisible().getScaledImage(srcImg.getImage(),width,heigth,1));

https://www.360docs.net/doc/6713765416.html,b.setIcon(scaleIcon);

}

//上下页的监听事件

class UpPageListener implements java.awt.event.ActionListener{ //响应监听器事件，上一页

public void actionPerformed(ActionEvent e){

tag-=1;

ImageIcon ig=new ImageIcon(ParentPath+"\\"+files[tag]);

preViewMove(tag);

https://www.360docs.net/doc/6713765416.html,b.setIcon(ig);

filePath=ParentPath+"\\"+files[tag];

}

}

class bigListener implements java.awt.event.ActionListener{ //响应监听器事件，放大

FileChooser FileCh=new FileChooser();

public void actionPerformed(ActionEvent e){

FileCh.picUpScanle();

}

}

class smallListener implements java.awt.event.ActionListener{ //响应监听器事件，缩小

FileChooser FileCh=new FileChooser();

public void actionPerformed(ActionEvent e){

FileCh.picDownScanle();

}

}

class DownPageListener implements

java.awt.event.ActionListener{ //响应监听器事件，下一页

public void actionPerformed(ActionEvent e){

tag+=1;

ImageIcon ig=new ImageIcon(ParentPath+"\\"+files[tag]);

preViewMove(tag);

https://www.360docs.net/doc/6713765416.html,b.setIcon(ig);

filePath=ParentPath+"\\"+files[tag];

}

}

//End

}

总结

感觉时间过得很快，两周的课程设计一眨眼就结束了，这两周有苦有乐，不过终究还是苦尽甘来，完成了现在这个勉强看得过去的作品。回首这两周，点点滴滴，历历在目。

其实有过上学期数据库课程设计的经验，这次课程设计至少没有那么慌张，不过每一天依旧过得很紧张。上学期三周的课程设计我是用一周完成的，当然绝对没有网上下载代码，那时候还很单纯。不过上学期很早就抽题了，所以我实际上是比其他人提前一周准备的。这学期的压力较上学期有增无减，主要是感觉时间很紧迫，抽题晚，结束早，指导老师也很少露面，一切都得靠自己。

课程设计从12月27号开始到1月5号结束，扣除准备Java、操作系统考试两天时间和元旦放假三天时间，实际落实下来的时间其实只有5天。好在我元旦没回家，也不大出门，所以比别人多出三天准备时间。12月27号抽题，那天我很紧张，因为我知道所抽题的类型会在一定程度上影响最后的课程设计质量，只要是自己可以改变的东西我都会努力去改变，所以我是我们班第三个上去抽题的，抽到的也就是今天做的这个“图片浏览器”，因为上学期用VB实现过mp3、文件夹浏览器、图片浏览器，这学期又用c#实现了计算器，虽然代码不一样，不过我想编程思想应该是差不多的，所以一眼看到8号“图片浏览器”这个题就选了。但事实并没有我想象中的那么简单。

上学期期用VB做图片浏览器，我是照着书用一晚上的时间完成的，不过那只是简单的浏览器，除了浏览之外没有任何附加的功能，甚至连frame的大小都得手动调控，以确保完整显示当前图片。这学期课程设计主要要求有“上一页”、“下一页”、“放大”“缩小”，难度较上学期增加了不下五倍。当然还有一个基本的问题就是在Eclipse中，所有控件的功能和布局都是通过代码实现的，这是困扰我着手编程的最主要问题。

第一天的课程设计我和大多数人一样，以搜索引擎为主，第一节课我就查到三四个版本的图片浏览器代码，不过只有一个能正常运行，而且只实现了“上一页”、“下一页”的功能，那个代码很简单，只有两个类，其实只要一个类就够了，因为另一个类是启动类，只有一个“main”方法，而且这个mian方法中只有一