数码相框嵌入式课程设计报告

武汉工业学院计算机系数码相框设计实验报告课程：嵌入式班级：网络工程081姓名：彭晓晓学号：080510122日期：2011-11-28一．设计目的开设本课程设计的目的是,通过本课程设计，提高学生的分析问题、解决问题的能力，巩固嵌入式系统的基本理论知识，进一步了解和掌握课程中所讲授的概念，方法。同时通过本课程设计，全面综合应用所学过的基础知识，建立一个完整的嵌入式系统的开发过程的概念，并掌握其中的主要原理和方法本课程设计的目的是通过开发一个消费类电子产品——数字相框，了解嵌入式产品开发的主要步骤，包括需求分析、系统结构设计、图形界面设计、驱动程序、功能优化、系统测试等，从而培养学生独立完成比较复杂的实际系统设计的能力。二．设计内容和要求2.1设计的内容作为一个消费类电子产品，数码相框整个系统要完成的基本功能大致如下：1、用户界面友好，操作简便。由于该产品的使用者大多是非专业人士，用户界面是否清晰明了、操作是否简捷方便成为用户是否能迅速接受此产品的重要因素。2、数字相框的功能应包括以下方面：（1）在LCD屏上全屏循环显示多幅图像文件；（2）根据设定的时间间隔更新图像；（3）显示时间、日期；（4）通过按钮进行操作；2.2要求本课程设计要求学生根据实际应用的特点对产品进行完整的需求分析，形成比较完善的总体设计方案。同时，要求学生具备Linux操作系统下简单的设备驱动程序开发、图形用户接口设计的能力。此外，还要求读者掌握基本的系统功能及性能测试技术，从而具备比较全面的嵌入式应用系统开发能力。三．总体设计主要步骤和方法根据数字相框的主要特点和设计功能那个要求，我们将课设分为以下几个步骤：3.1、数字相框软硬件平台的选择性能方面，由于数字图像的解码算法比较复杂，而且大量图片需要从外部Flash存储器中读取，所以对嵌入式微处理器的性能要求比较高。外部接口方面，该芯片最好能在外围直接支持CF卡的CompactFlash接口，还应提供按钮、LCD显示屏、触摸屏、声音输出通道等。在本课程设计中，采用了Intel的PXA270作为微处理器，完全能满足上述硬件平台的要求。数字相框属于消费类电子产品，对价格比较敏感，而嵌入式Linux操作系统上有比较丰富的软件资源、驱动程序和开发工具，因此本课程设计采用嵌入式Linux作为软件开发平台。在Linux操作系统平台上有多种嵌入式图形界面开发工具可供使用，主要包括MicroWindows、MuniGUI、TinyX和Qt/Embedded等几种。本课程设计将集中讨论在Qt/Embedded系统上数字相框的实现技术，当然也可以通过其他图形开发界面工具实现数字相框功能。3.2、数字相框的软件总体设计数字相框软件系统功能可以划分为三个模块：1）图片浏览模块，可以通过按键控制选定某个图像或更新图像页(上一页、下一页)。2）播放模块，对浏览界面选定的图片进行循环播放。3）系统设置模块，可设置循环播放更换频率等。3.2.1、功能模块组织架构图功能模块图片浏览模块图片播放模块系统设置模块图片浏览模块上一张图片下一张图片扩放图片缩小图片3.3、基于Qt的图形界面程序设计本设计中包括了浏览、循环播放和配置三个界面模块。这些模块之间需要进行通信，利用Qt提供的信号/槽机制很好地解决了这几问题，每个模块中都有自己定义的一些信号和槽，已发送给其他模块或者从其他模块接受到对应信号后作出响应。数字相框在初始化时会扫描指定目录下（包括子目录）的所有支持图片文件，并将其存放在列表中，以备之后的浏览界面生成缩略图。本系统使用Qt提供的QDir类实现遍历目录的功能，在遍历目录的同时通过设置文件类型过滤位来获得指定文件，并使用一个双向的字符串指针链表来记录扫描得到的结果。图片播放模块系统设置模块快速播放图片中速播放图片慢速播放图片四.详细设计根据以上的分析，将程序分为2个部分：一部分为用户界面层、一部分为功能模块层。4.1用户界面层代码设计如下定义头文件库window.h作用于：该类中的函数、用于实现用户界面层的工作按钮添加信号触发槽#ifndefWINDOW_H#defineWINDOW_H#includeQPixmap#includeQWidgetclassRenderArea;classWindow:publicQWidget{Q_OBJECTpublic:Window();RenderArea*renderArea;//RenderArea对象用于显示图片private:protected:voidkeyPressEvent(QKeyEvent*event);privateslots:voidstart();voidstart1();voidstart2();voidpredisplay();voidnextdisplay();voidbig();voidsmall();};#endif用户层图形界面与按钮信号槽功能实现代码：#includewindow.h#includeQtGui#includerenderarea.hWindow::Window(){renderArea=newRenderArea;QPushButton*frontbutton=newQPushButton(pre);//“上一张图片”按钮QPushButton*nextbutton=newQPushButton(next);//“下一张图片”按钮QPushButton*startbutton=newQPushButton(Fstart);//“快速播放”按钮QPushButton*startbutton1=newQPushButton(Mstart);//“中速播放”按钮QPushButton*startbutton2=newQPushButton(Sstart);//“慢速播放”按钮QPushButton*b=newQPushButton(big);//“扩放图片”按钮QPushButton*s=newQPushButton(small);//“缩小图片”按钮QPushButton*exitbutton=newQPushButton(exit);//“退出”按钮QHBoxLayout*belowlayout=newQHBoxLayout;//水平布局QHBoxLayout*belowlayout1=newQHBoxLayout;QVBoxLayout*mainlayout=newQVBoxLayout;//垂直布局belowlayout-addStretch();belowlayout-addWidget(frontbutton);belowlayout-addWidget(nextbutton);belowlayout-addStretch();belowlayout-addWidget(startbutton);belowlayout-addWidget(startbutton1);belowlayout-addWidget(startbutton2);belowlayout-addStretch();belowlayout-addWidget(b);belowlayout-addWidget(s);belowlayout-addStretch();belowlayout-addWidget(exitbutton);belowlayout1-addWidget(renderArea);mainlayout-addLayout(belowlayout1);mainlayout-addLayout(belowlayout);this-setFocusPolicy(Qt::ClickFocus);frontbutton-setFocusPolicy(Qt::NoFocus);nextbutton-setFocusPolicy(Qt::NoFocus);startbutton-setFocusPolicy(Qt::NoFocus);startbutton1-setFocusPolicy(Qt::NoFocus);startbutton2-setFocusPolicy(Qt::NoFocus);b-setFocusPolicy(Qt::NoFocus);s-setFocusPolicy(Qt::NoFocus);this-setFocusPolicy(Qt::ClickFocus);exitbutton-setFocusPolicy(Qt::NoFocus);setLayout(mainlayout);setWindowTitle(tr(Digitalphotoframe));connect(frontbutton,SIGNAL(clicked()),this,SLOT(predisplay()));//单击按钮触发函数connect(nextbutton,SIGNAL(clicked()),this,SLOT(nextdisplay()));connect(startbutton,SIGNAL(clicked()),this,SLOT(start()));connect(startbutton1,SIGNAL(clicked()),this,SLOT(start1()));connect(startbutton2,SIGNAL(clicked()),this,SLOT(start2()));connect(b,SIGNAL(clicked()),this,SLOT(big()));connect(s,SIGNAL(clicked()),this,SLOT(small()));connect(exitbutton,SIGNAL(clicked()),this,SLOT(close()));}voidWindow::predisplay(){renderArea-pre_area();}voidWindow::nextdisplay(){renderArea-fun_area();}voidWindow::start(){renderArea-Start(1);}voidWindow::start1(){renderArea-Start(2);}voidWindow::start2(){renderArea-Start(3);}voidWindow::big(){renderArea-Big();}voidWindow::small(){renderArea-Small();}voidWindow::keyPressEvent(QKeyEvent*event){if(event-key()==Qt::Key_Right){predisplay();}if(event-key()==Qt::Key_Left){nextdisplay();}}效果图如下：4.2.功能模块实现代码：#includeQtGui#includeqvariant.h#includeQLabel#includeqwhatsthis.h#includeqpainter.h#includerenderarea.hRenderArea::RenderArea(QWidget*parent):QWidget(parent){i=0;//指针dir=/home/Katrina/wisdom/fxy1/photo;//设置图片默认路径QDirDIR;if(!DIR.exists(dir)){return;}QDirpicdir(dir);QStringListfilters;filters*.bmp*.jpg*.png*.gif;//支持显示图片的格式picdir.setNameFilters(filters);list=picdir.entryInfoList();h=1;//图片的高度比例w=1;//图片的水平比例update();//触发paintEvent画图函数将图片显示