PicViewer-手机多媒体开发.docVIP

项目操作指导手册 Symbian项目三： PicViewer—手机多媒体开发 (Version 1.0)  PicViewer—手机多媒体开发 一、项目名称： 项目名称：PicViewer—手机多媒体开发 课时安排：16h 二、项目目标： 学习在Symbian系统中修改应用程序图标、位图制作、位图显示方法，实现浏览手机本地图片的功能。通过本次实验让学员熟悉Symbian手机处理图片的原理、方式，并掌握实现图片管理系统所需要的实践技能的目标。 熟悉Symbian绘图基础 掌握位图处理方法 掌握图片管理的方法：主要是图片显示浏览 生成手机版本，打包安装到手机运行 三、项目方式： 老师带领下，每名同学独立完成该任务 四、项目步骤 4.1任务1：简单图形的绘制（时间：120分钟） 4.1.1 任务描述 熟悉Symbian绘图基础：屏幕座标、图形位置及尺寸、简单图形 掌握Symbian基本图形绘制方法 4.1.2 任务目的 掌握如何在Symbian S60应用程序中实现基本图形的绘制 4.1.3 任务要求 要求可以正确的通过程序在界面上绘制简单图形； 4.1.4 难点提示 获取窗口上下文 CWindowGc gc = SystemGc(); //获取窗口上下文 gc.Clear(aRect); //清屏 设置画笔样式 gc.SetPenStyle(CGraphicsContext::ESolidPen); //设置画笔样式 gc.SetPenColor(KRgbRed); //设置画笔颜色 设置画刷样式 gc.SetBrushStyle(CGraphicsContext::ESolidBrush);//设置画刷样式 gc.SetBrushColor(KRgbGray); //设置画刷颜色 绘图实现，示例代码如下： TPoint point1(10,10); TPoint point2(aRect.Width()/2,10); //绘制线条 gc.DrawLine(point1,point2); //绘制矩形 gc.DrawRect(TRect(TPoint(10, 20), TSize(90, 40))); //绘制圆形 gc.SetPenStyle(CGraphicsContext::ENullPen); gc.SetBrushColor(KRgbBlue); TRect circleRect; circleRect.iTl = TPoint(10,70); circleRect.iBr = TPoint(60,120); gc.DrawEllipse(circleRect); 4.2任务2：多位图的使用（时间：120分钟） 4.2.1 任务描述 熟悉多位图的基本概念 掌握多位图的使用方法 4.2.2 任务目的 掌握如何在应用程序中使用多位图 4.2.3 任务要求 能正确生成多位图； 编译生成手机版本，能在手机模拟器正常运行。 4.2.4 难点提示 准备图片 添加图片到文件夹/gfx中，并修改图片名称 图片要求： 格式：*.bmp 位深度：24 mbm文件的生成 选择PhotoMat.mmp文件，点击右键，如下图所示： 选择Add MBM Entry,弹出如下图所示窗口： 点击【Default】按钮，设置TaegetFile 选择【Header】，设置头文件为*.mbg 点击【Add From Project】按钮导入/gfx中图片 选中图片，点击【set from image】使用图片默认位深度 编译多位图文件： 编译mbm文件，选择PhotoMat.mmp文件，点击右键，如下图所示： 编译成功后生成两个文件：*.mbg和*.mbm 索引文件*.mbg生成位置为： C:\Symbian\9.1\S60_3rd_MR\Epoc32\include目录 多位图文件*.mbm生成位置为： C:\Symbian\9.1\S60_3rd_MR\Epoc32\release\winscw\udeb\z\resource\app目录 注意：如需重新加载图片，请查找上述两个文件，删除后，再重新生成 4.3任务3：图片管理功能（时间：8×60分钟） 4.3.1 任务描述 显示手机本地图片 4.3.2 任务目的 掌握如何在应用程序中显示图片 掌握如何在应用程序处理按键事件 4.3.3 任务要求 掌握位图的基本处理方法 掌握手机图片的显示方法 生成的目标程序能在模拟器和手机上正常运行 4.3.4 难点提示 设置全屏，示例代码如下： 在PhotoMatAppView.cpp的ContructL中实现： void CPhotoMatAppView::ConstructL(const TRect aRect) {