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

1、精选优质文档-倾情为你奉上武汉工业学院计算机系数码相框设计实验报告课程：嵌入式班级：网络工程081姓名：彭晓晓学号：日期：2011-11-28一设计目的开设本课程设计的目的是,通过本课程设计，提高学生的分析问题、解决问题的能力，巩固嵌入式系统的基本理论知识，进一步了解和掌握课程中所讲授的概念，方法。同时通过本课程设计，全面综合应用所学过的基础知识，建立一个完整的嵌入式系统的开发过程的概念，并掌握其中的主要原理和方法本课程设计的目的是通过开发一个消费类电子产品数字相框，了解嵌入式产品开发的主要步骤，包括需求分析、系统结构设计、图形界面设计、驱动程序、功能优化、系统测试等，从而培养学生独立完成比较

2、复杂的实际系统设计的能力。二设计内容和要求2.1设计的内容作为一个消费类电子产品，数码相框整个系统要完成的基本功能大致如下：1、用户界面友好，操作简便。由于该产品的使用者大多是非专业人士，用户界面是否清晰明了、操作是否简捷方便成为用户是否能迅速接受此产品的重要因素。2、数字相框的功能应包括以下方面：（1）在LCD屏上全屏循环显示多幅图像文件；（2）根据设定的时间间隔更新图像；（3）显示时间、日期；（4）通过按钮进行操作；2.2 要求本课程设计要求学生根据实际应用的特点对产品进行完整的需求分析，形成比较完善的总体设计方案。同时，要求学生具备Linux操作系统下简单的设备驱动程序开发、图形用户接口

3、设计的能力。此外，还要求读者掌握基本的系统功能及性能测试技术，从而具备比较全面的嵌入式应用系统开发能力。三总体设计主要步骤和方法根据数字相框的主要特点和设计功能那个要求，我们将课设分为以下几个步骤：3.1、数字相框软硬件平台的选择性能方面，由于数字图像的解码算法比较复杂，而且大量图片需要从外部Flash存储器中读取，所以对嵌入式微处理器的性能要求比较高。外部接口方面，该芯片最好能在外围直接支持CF卡的Compact Flash接口，还应提供按钮、LCD显示屏、触摸屏、声音输出通道等。在本课程设计中，采用了Intel的PXA270作为微处理器，完全能满足上述硬件平台的要求。数字相框属于消费类电子

4、产品，对价格比较敏感，而嵌入式Linux操作系统上有比较丰富的软件资源、驱动程序和开发工具，因此本课程设计采用嵌入式Linux作为软件开发平台。在Linux操作系统平台上有多种嵌入式图形界面开发工具可供使用，主要包括MicroWindows、MuniGUI、TinyX和Qt/Embedded等几种。本课程设计将集中讨论在Qt/Embedded系统上数字相框的实现技术，当然也可以通过其他图形开发界面工具实现数字相框功能。3.2、数字相框的软件总体设计数字相框软件系统功能可以划分为三个模块：1）图片浏览模块，可以通过按键控制选定某个图像或更新图像页(上一页、下一页)。2）播放模块，对浏览界面选定的

5、图片进行循环播放。3）系统设置模块，可设置循环播放更换频率等。3.2.1、功能模块组织架构图功能模块图片浏览模块图片播放模块系统设置模块图片浏览模块上一张图片下一张图片缩 小 图 片扩 放 图 片图片播放模块系统设置模块快速播放图片中速播放图片慢速播放图片3.3、基于Qt的图形界面程序设计本设计中包括了浏览、循环播放和配置三个界面模块。这些模块之间需要进行通信，利用Qt提供的信号/槽机制很好地解决了这几问题，每个模块中都有自己定义的一些信号和槽，已发送给其他模块或者从其他模块接受到对应信号后作出响应。数字相框在初始化时会扫描指定目录下（包括子目录）的所有支持图片文件，并将其存放在列表中，以备之

6、后的浏览界面生成缩略图。本系统使用Qt提供的QDir类实现遍历目录的功能，在遍历目录的同时通过设置文件类型过滤位来获得指定文件，并使用一个双向的字符串指针链表来记录扫描得到的结果。四.详细设计根据以上的分析，将程序分为2个部分：一部分为用户界面层、一部分为功能模块层。4.1用户界面层代码设计如下定义头文件库window.h作用于：该类中的函数、用于实现用户界面层的工作按钮添加信号触发槽#ifndef WINDOW_H#define WINDOW_H#include <QPixmap>#include <QWidget>class RenderArea;class Win

7、dow : public QWidget Q_OBJECTpublic: Window(); RenderArea *renderArea; / RenderArea对象用于显示图片private:protected: void keyPressEvent(QKeyEvent *event); private slots:void start(); void start1(); void start2(); void predisplay(); void nextdisplay(); void big(); void small();#endif用户层图形界面与按钮信号槽功能实现代码：#inc

8、lude "window.h"#include <QtGui>#include "renderarea.h"Window:Window() renderArea = new RenderArea; QPushButton *frontbutton=new QPushButton("pre"); /“上一张图片”按钮 QPushButton *nextbutton=new QPushButton("next"); /“下一张图片”按钮 QPushButton *startbutton=new QPushB

9、utton("Fstart"); /“快速播放”按钮 QPushButton *startbutton1=new QPushButton("Mstart");/“中速播放”按钮 QPushButton *startbutton2=new QPushButton("Sstart");/“慢速播放”按钮 QPushButton *b=new QPushButton("big");/“扩放图片”按钮 QPushButton *s=new QPushButton("small");/“缩小图片”按钮 Q

10、PushButton *exitbutton=new QPushButton("exit");/“退出”按钮 QHBoxLayout *belowlayout=new QHBoxLayout;/水平布局 QHBoxLayout *belowlayout1=new QHBoxLayout; QVBoxLayout *mainlayout=new QVBoxLayout;/垂直布局 belowlayout->addStretch(); belowlayout->addWidget(frontbutton); belowlayout->addWidget(nex

11、tbutton); belowlayout->addStretch(); belowlayout->addWidget(startbutton); belowlayout->addWidget(startbutton1); belowlayout->addWidget(startbutton2); belowlayout->addStretch(); belowlayout->addWidget(b); belowlayout->addWidget(s); belowlayout->addStretch(); belowlayout->ad

12、dWidget(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

13、: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("D

14、igital photo frame"); 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

15、,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();void Window:predisplay() renderArea->pre_area();void Window:nextdisplay() renderArea->fun_area();void Window:

16、start() renderArea->Start(1);void Window:start1() renderArea->Start(2);void Window:start2() renderArea->Start(3);void Window:big() renderArea->Big();void Window:small() renderArea->Small();void Window:keyPressEvent(QKeyEvent *event) if ( event->key() = Qt:Key_Right) predisplay(); i

17、f ( event->key() = Qt:Key_Left) nextdisplay(); 效果图如下：4.2.功能模块实现代码：#include <QtGui>#include <qvariant.h>#include <QLabel>#include <qwhatsthis.h>#include <qpainter.h>#include "renderarea.h"RenderArea:RenderArea(QWidget *parent): QWidget(parent) i=0;/指针 dir=&q

18、uot;/home/Katrina/wisdom/fxy1/photo" /设置图片默认路径 QDir DIR; if(!DIR.exists(dir) return ; QDir picdir(dir); QStringList filters; filters << "*.bmp" << "*.jpg" << "*.png"<<"*.gif" /支持显示图片的格式 picdir.setNameFilters(filters); list = picdir

19、.entryInfoList(); h=1;/图片的高度比例 w=1;/图片的水平比例 update();/触发paintEvent画图函数将图片显示QSize RenderArea:minimumSizeHint() const return QSize(10,10);QSize RenderArea:sizeHint() const return QSize(10000, 10000);void RenderArea:paintEvent(QPaintEvent *) QPainter painter(this);QFileInfo fileInfo = list.at(i);/通过指针i

20、获取该图片的文件名 QString path=fileInfo.filePath(); /通过文件名获得图片的绝对路径 QPixmap pixmap; pixmap.load(path);/加载图片的绝对路径qDebug("n pi=%dn",i);qDebug(path.toLatin1().data();int x=( size().width()-(int)(pixmap.width()*w)/2;int y=( size().height()-(int)( pixmap.height()*h)/2; /x、y坐标控制显示位置painter.drawPixmap(x,

21、y,(int)(pixmap.width()*w),(int)(pixmap.height()*h),pixmap,0,0,0,0);/通过图片的路径画出该图片用于显示qDebug("update %d,%d",pixmap.width(),pixmap.height();void RenderArea:fun_area()/下一张图片功能实现w=1;h=1; if( (list.size()=0)| list.size()=1)/判断是否有图片用于显示 return ; if( ( (i>0) | (i=0) ) && ( (i<list.si

22、ze()-1) ) ) /单击按钮则向下显示一张图片 i+; else if(i=(list.size()-1)/当图片显示到最后一张将指针指导第一张 i=0; update();void RenderArea:pre_area()/上一张图片功能实现w=1;h=1; if( (list.size()=0)| list.size()=1) return; if( (i<list.size() ) && (i>0) ) i-; else if(i=0) i=list.size()-1; update();void RenderArea:Start(int p)/循环播

23、放图片功能int sum=0;/控制速度if(p=1)sum=1000;/快速播放else if(p=2)sum=2000;/中速播放else sum=3000;/慢速播放QTime t;bool b=true;bool a=true;if(i=(list.size()-1)i=0;repaint();while(b)if(i!=(list.size()-1)while(a)if(t.elapsed()%sum= 0)/Qtime控制时间break;i+; else b=false;w=1;h=1;repaint();void RenderArea:Big()/扩放图片功能 if(w<4

24、)/最大比例 w=w*1.1;/每单击按钮图片扩大比例1.1 h=h*1.1; update(); void RenderArea:Small()/图片缩小功能 if(w>0.1)/最小比例 w=w*0.9; h=h*0.9; update(); 效果图：五.测试与调试程序的功能实现部分是使用Qt 中QDir、 QPixmap类实现的。通过QDir来获得图片的路径，通过QPixmap使用QDir得到的路径来显示图片。所以在程序调试过程中出现了2个问题5.1.文件路径加载问题：QPixmap pixmap;/全局变量QFileInfoList list;/全局变量 QString dir=

25、"/home/Katrina/wisdom/fxy1/photo" QDir picdir(dir); QStringList filters;filters << "*.bmp" << "*.jpg" << "*.png"<<"*.gif" picdir.setNameFilters(filters); list = picdir.entryInfoList();QFileInfo fileInfo = list.at(i);QString pa

26、th=fileInfo.filePath(); pixmap.load(path);问题如下：问题：当图片显示最后一张图片继续点下一张图片按钮的时候，图片路劲是正确的，但窗口显示的仍是最后一张图片分析原因：因为QPixmap pixmap为全局变量，在图片浏览功能时 pixmap.load(path)将所有的图片路径都加载进去，虽然指针iQFileInfo fileInfo = list.at(i) 控制图片的路径，用qDebug打印路径是正确的，但QPixmap pixmap 一直取的是所有图片中的最后一张图片的路径。解决的方案是：将QPixmap pixmap设置为局部变量，位置位于void RenderArea:paintEvent(QPaintEvent *)画图函数的作用域。void RenderArea:paintEvent(QPaintEvent *) QPainter painter(this);QFileInfo fileInfo = list.at(i); QString path=fileInfo.filePath(); QPixmap pixmap;pixmap.load(path);5.2.循环控制播放的问题QPixmap pixmap是通过触发调用void RenderArea