目录一、题目介绍、、、、 (3)1、题目、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、32、任务、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、33、要求、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、3二、需求分析、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、3三、概要设计、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、４１、功能分析、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、42、界面初始化、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、４3、事件处理(1)鼠标事件、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、４４、事件处理(2)键盘事件、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、55、状态判断、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、56、程序流程图、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、5四、详细设计、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、61、、html代码设计、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、62、、ｊaｖa代码设计、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、６五、调试结果、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、19第一个大图得拼图界面、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、19第一个拼图全图预览、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、１9第二个大图得拼图界面、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、20第二个拼图全图预览、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、20第三个大图得拼图界面、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、2１第三个拼图全图预览、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、21六、心得总结、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、22七、参考资料ﻩ、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、2２一、题目介绍1、题目：拼图游戏设计2、任务：利用ｊavａ得图形用户界面设计,设计一个拼图游戏界面，能够实现基本得游戏功能.3、要求：（1）游戏者可以选择不同得图片.（2）按完成得时间计算成绩。

（3）记录拼图完成得总步数.二、需求分析拼图游戏就是一个简单得小程序，游戏规则如下:将一张大图打散成９张小图,然后在游戏里任意挑8张图,贴在3行3列得矩阵中得任意位置。

通过鼠标或键盘得方向键移动打乱得8张图片,让其复原成原来得顺序,玩家就胜利了，游戏就结束了。

在游戏结束之后,算出玩家得得分.三、概要设计1、功能分析由于要计算游戏得时间,需要引入线程,通过实现Rｕnnabｌe 接口与创建Threaｄ类来实现线程得功能。

使用多线程机制来计算时间得流逝。

引入AWＴ绘图包,实现图片得绘制。

引入事件处理机制，要求对鼠标事件,键盘事件进行相应,实现移动图片，预览全图等功能.按键“Y”实现临时得原图整体预览。

按键“１或者2或者3"实现大图选择、2、界面初始化调用public voiｄiｎit（)通过接收htmｌ数据，加载三张源图片,安装媒体监视器与鼠标键盘监听器，实现界面初始化；调用ｐｕｂliｃｖoid inｉｔDatａ(）将加载得一张大图分割成九个随机分布得小图部分;调用puｂlｉc voｉd paｉnt(Grａphｉｃs g）划分提示信息区域与拼图区域;3、事件处理（1）鼠标事件ﻩ调用publｉc vｏiｄｍousｅClｉcked(MousｅEvｅnt e)方法实现鼠标事件处理。

调用Public int direｃtiｏnＣanＭovｅ(ｉnt nCol，int nRow)方法检测那个方向没有拼图而可以向之移动。

ﻩ调用pｕblｉｃｖoid move（inｔnＣol，inｔnRoｗ,inｔnＤirｅｃtiｏｎ）方法实现鼠标激活拼图移动。

（2）键盘事件调用pubｌｉc vｏid keｙPressed（KｅｙEvｅnｔe）方法实现键盘事件处理。

ﻩ调用puｂlｉc void ｉｎitＩmａgeAgaiｎ（inｔnImｇNｏ）方法实现重新加载另一张大图.调用ｐublic booleaｎmove(int nDirecｔｉoｎ)方法实现判断指定拼图就是否可以往方向nDｉｒecｔiｏｎ移动。

4、状态判断动过调用public vｏid checkStａｔｕｓ（）方法来检测拼图状态,判断就是否拼图成功,确定游戏就是否结束。

5、附加功能调用public voidｒun()方法,给游戏过程添加计时进程。

６、程序流程图四、详细设计1、编写、htmｌ代码〈ｈtml><hｅad〉〈meta —eｑuiｖ=”Cｏnｔent－Typｅ" conteｎt=”teｘt/html；charsｅｔ=ｇb ２312＂>〈tiｔｌe＞拼图游戏＜/ｔitle>＜/HEAD>〈ｂodｙ〉拼图游戏<hr>这就是一个拼图游戏。

玩家应该将打散得小图拼成一张大图。

<bｒ〉玩家可以通过鼠标与键盘来移动小图,移动得次数与拼成〈bｒ>一张大图所化费得时间作为游戏得分得依据。

<br>成绩＝１０00-时间（秒）－移动步数*1０<br〉按F1键重新开始该游戏,按Ｙ健可以预览整个得图片<ｈr〉〈aｐpｌeｔｃｏdｅ＝＂piｎtu、cｌａss"wｉdth=”4８０＂hｅight=”３６0”〉＜！——paｒａm标签NumＯfImｇparam得标签表示有多少张图片ﻩ剩下得ｐaram标签为每张图得名字-->＜pａram naｍe=NumOfＩmg ｖalue=”3">＜ｐaramｎａme=Iｍａｇe1 value="ｐinｔu"〉<parａm ｎame=Image2 value="piｎtｕ2＂〉〈pａrａm ｎame=Ｉｍage３vａlue=”pintu3”〉〈/aｐplet〉</ｂodｙ〉<／ｈｔml＞2、编写、jａva代码１、界面设计与附加功能iｍport jaｖa、appｌet、＊;iｍｐｏrtｊava、ａｗｔ、*；imporｔjava、aｗt、eｖeｎt、*；ｉmport jａvａ、nｅt、*；／/Doｗnlｏad bｙｐuｂｌiｃclass pinｔu ｅxｔends Applet imｐlemenｔｓMouseＬｉsteｎer，K ｅyＬiｓtener，Runnaｂle｛Image［］ｍ＿Ｉｍａgｅ=neｗＩｍａge[9］；//９个用来装入每个拼图得图片对象Image m_ImｇAll；//总得大图片inｔm_nImａgeNo［]［]=new ｉnt［３][3]；///／标志现在各个拼图得排列情况ﻩｆｉnａl inｔＮO_IＭAGE＝—1；//此位置没有拼图,表示空白拼图ｆiｎａl ｉnt ＩMＡGE_ＷIDTＨ=１２0；//每张拼图得宽final inｔIMAGE_HEIGHT=１２０；////每张拼图得高ﻩfinａl ｉｎｔDＩＲECTIＯN_UP＝1;ﻩfiｎal int DIＲECTＩＯＮ_ＤOＷN=2；fｉｎal int DIRECTIＯN_LEFT=３；ﻩfinal int ＤＩRECTIOＮ＿RIGHT=4；finａｌｉｎt DIRECTION_NOＮE=—1；ｆｉｎal iｎt DＥLTAX＝120；/／标志提示信息区得宽度bｏｏleａn bWａｎtStａrtＮｅwGamｅ＝falsｅ；/／游戏就是否结束,就是否需要开始新游戏int nStep=0；//已经走得步数int nＴｉｍe=0;/／已经玩过得时间,以秒为单位Threａd thＴｉmer;／/计时器线程int nScｏre=0;//玩家所得得分数inｔｍ_ｎＮｕmＯfＩmg=0；／／拼图底图所使用得图片得个数Ｓｔｒing m_sImgＮame[］＝new Sｔrｉng[9］;//记录拼图底图得名字bｏolean bOnＳhowAll=fａlse;//预览得开关AudioＣlip m_auｄｉoClip１，m＿audioＣｌｉp2；／/装载要播放得声音对象ｐublic void init（）/{ﻩＳｔriｎg param=geｔPａrametｅr("NｕｍOfImｇ”）；tｒｙ｛m＿nNumOｆImg＝Ｉｎｔｅger、parseＩnt（pａｒam）；｝catｃh（Eｘｃｅptｉon ｅ）{m＿nNumＯfImg＝1;Sｙｓtｅｍ、oｕｔ、prｉｎｔln(＂Caｎ’t convｅｒt the pａr ａm’s namｅto int、"）；}ｆｏr（ｉnｔｉ＝0;ｉ<m_ｎNｕmOfImｇ；i++）{m＿sImｇName[i］=getParａｍeｔer（”Imaｇｅ"＋（i＋１)）+"、jpg"；/／用字符串数组m_sＩmgName分别保存三个大图及其规范命名：p//ｐiｎtu、jｐg pintu１、jｐg pｉntu2、jpgSｙstem、out、ｐｒintｌn（ｍ_sImgＮａme［i］）;}System、ouｔ、printｌｎ(ｐarａm）；MediaTrackｅrｍedｉaTracｋer=new MediaTracker（tｈis);//为这个拼图界面设置一个监视器ﻩﻩﻩﻩm_ImgAll＝gｅtImaｇe(geｔDｏcｕmeｎtＢasｅ（),"imｇ/”+m＿sImgName ［0］）；/／从装载总得大图片ﻩmediａＴracker、addImａge(m＿ImｇAｌl,１);//为向此媒体跟踪器正在跟踪得图像列表中添加一个图像,/／并分配一个表示号1 给这个图像ﻩｔryﻩ{ﻩﻩｍediaTracｋｅｒ、waiｔFｏrID(1);//加载所跟踪得图像列表中得某一个标识号所对应得得一个图像ﻩﻩ}ﻩﻩｃatｃｈ（Exceｐｔioｎe）ﻩ｛ﻩﻩﻩSystem、out、ｐrintln（＂图片装载出错"）；ﻩ}if（mｅdiaＴｒacｋer、isEｒrｏrAnｙ（)）System、ｏｕt、priｎtｌn(＂图片装载出错"）;for（int i=0；i〈9;i++）{m_Iｍage［i］=creaｔeImａge(IMAGＥ_WＩDTH，IMAＧE_HEIGHＴ）；Gｒapｈicｓｇ=m_Ｉmage［i]、gｅtGrａphics（)；int nRow=i%3；int nCol=i/3；ｇ、drawImage(m＿ImｇＡｌl，0，0，IＭAＧＥ＿WIDＴH，IMAＧE_HEIＧＨT，nＲow*ＩMAGＥ_ＷIＤTH，nCoｌ＊IMAGＥ_ＨEＩGHT，（nRow+１）*IMAGE＿WIＤＴＨ,(nCol+1）*ＩMＡGE＿HEIＧＨT,thｉs）；Ｓｙsｔem、out、ｐrintｌn（"iniｔ”+i);｝/／将一个大图切割成九个小图Sysｔem、ｏut、prｉntｌn(”init oｖeｒ”)；ﻩﻩｔhTimｅr=ｎｅw Thrｅａｄ（this)；//为线程分配内存空间tｈＴiｍer、stａrt()；/／开始线程initData（）；m_audioClip１=geｔAudｉｏClip（getCodeBase()，”au/ｍove、au”）；ｍ＿aｕｄioClip2=getAuｄｉoＣｌip（ｇetCoｄｅBase(）,”aｕ／ｎotm ｏve、au”);aｄdMｏｕseLiｓtener（tｈis）；ﻩﻩａddKeyＬisteｎｅｒ（tｈｉs);publiｃvｏｉｄｉnitＤatａ(）{Systｅｍ、out、priｎtln("ｒｕn inｉtＤata");iｎt［]nHａsDistriｂ＝nｅｗiｎt[９];／／为每个小图分配一个数字标识,用来判定该小图就是否被随机编一个二维数组号ｆor(inｔｉ=0;ｉ＜9;i++)ｎHａsＤistriｂ[ｉ]=0;ﻩfor(iｎt j=0;j〈3；j＋＋）ﻩ｛ﻩﻩfｏr(intｉ=０；i〈3；ｉ++）ﻩﻩ{int nＣｏuｎt=ｊ＊3+i；ｉnt nImｇＮo=—1;ｄo｛ｎＩmgNo=(iｎt）（Ｍatｈ、rａndom（)＊９）；}ｗｈｉlｅ(ｎHaｓDｉｓtrib［ｎＩｍgＮo］＝＝１);//1代表已经分配了这张图片到二维数组中得随机位置m＿nImageNo[i]［j]＝nImgNo;ｎHasＤistrｉb[nImgNｏ]=1；Sｙstｅm、out、ｐrｉntln("teｓt、、”）；}}m_nIｍaｇｅＮo［(inｔ)（Maｔｈ、ｒaｎｄom()＊３）]［（inｔ)(Ｍath、ranｄｏm（)*3)］＝NＯ＿IMＡGE；nＳtep=0;nTiｍe=０；/／清空计时器ﻩ｝pｕblｉc ｖｏid run（）｛wｈiｌｅ（Thrｅad、currenｔThread（）==thTimｅr）｛ｔry｛thTimeｒ、slｅep(990）；String sTｅmｐ＝"您玩了”+ｎＴiｍe+"秒得时间，”;if(nＴime>200)sTemp=ｓTemp+”时间用得很长了,您可要加油啦!”；eｌｓe ｓTemp＝sＴeｍp+”别紧张,慢慢来。