《编程教育》-项目九 制作儿童魔术画板2

教案教师班级科目C#程序设计课题名称项目九制作儿童魔术画板（2）课时数6背景分析本课程是为软件技术专业的学生开设的一门很重要的程序设计类课程。本课程主要阐述了C#语言的编程技术，并根据面向对象程序设计的特点，以类的定义和使用为核心，讲解C#的各项语法知识，让学生逐步建立起面向对象的设计思想，本课程实践性较强。课程教学目标要求学生掌握C#语法和操作技能，并掌握类的相关理论概念及操作应用。授课对象为电信系0803班的四年级学生，学生已经具备一定的应用软件能力。根据课程教学目标和学生的专业特点，教学中应当注重培养学生的操作能力、思维能力和学习能力。本节课采用以项目教学为主，边讲边做，让学生在做的过程中学会探索、学会合作。学习目标设定1掌握实现画图板功能的方法技巧。2、熟练掌握GDI+画图的灵活设计技巧。3、培养学生积极思考、敢于尝试，让学生体验学习的乐趣，激发学生对本课程的学习兴趣。学习任务描述学习任务围绕GDI+中基本图形的绘制及相关特殊效果处理而展开，教师设计“制作儿童魔术画板”的综合项目，并将其分解为3个任务：制作闪屏、制作不规则主界面和实现画图板功能来分部完成，今天的学习第三个任务。通过任务的设定，引导学生自主学习、合作学习、竞争学习。教学情境创设今天通过对一个贴近学生生活的项目学习，引导学生做中学习、合作学习。围绕课堂总目标，学习情境创设为实现画图板功能让学生在不断的成功体验中进行快乐学习。教学资源准备时间资源：课前资料收集、课堂教学360分钟、课后资料整理、完成作业信息资源：教案、教学素材人员资源：2位专业教师，学生小组设备资源：信息技术中心机房教学过程实施内容方法【复习导入】对于昨天设计的“制作儿童魔术画板”的项目，我们已经学习了制作闪屏、制作不规则主界面两个任务，请各位同学利用2节课时间复习练习昨天的操作过程。然后今天我们来完成第三个任务：实现画图板功能。【新课】任务三实现画图板功能【任务描述】实现铅笔绘画、橡皮擦除、全部清除、选颜色和线段精细可调的功能。【任务实施】为了更好地实现，要在主窗口FormMain类中定义如下几个类字段：Graphicsg=null;//创建Graphics对象g，用于绘制图形boolbDrag,bDraw,bEraser;//分别表示是否拖放、绘画和擦除Pointp;//创建Point对象p,用于画点Colorcolor;//创建Color对象color,用于确定颜色Bitmapbmp=null;//创建Bitmap对象bmp,用于保存绘制图形privatePointmouseOffset;//记录鼠标指针的坐标privateboolisMouseDown=false;//记录鼠标按键是否按下1．选择铅笔工具privatevoidpicPen_Click(objectsender,EventArgse){bDraw=true;bEraser=false;picWhiteBoard.Cursor=newCursor(Application.StartupPath+@"\pngs\pencile.cur");picPen.BorderStyle=BorderStyle.Fixed3D;picEraser.BorderStyle=BorderStyle.None;picClearAll.BorderStyle=BorderStyle.None;}２．橡皮擦除privatevoidpicEraser_Click(objectsender,EventArgse){bEraser=true;bDraw=false;picWhiteBoard.Cursor=newCursor(Application.StartupPath+@"\pngs\eraser.cur");picPen.BorderStyle=BorderStyle.None;picEraser.BorderStyle=BorderStyle.Fixed3D;picClearAll.BorderStyle=BorderStyle.None;}３．全部清除privatevoidpicClearAll_Click(objectsender,EventArgse){bDraw=bEraser=false;g=Graphics.FromImage(bmp);g.Clear(Color.White);picWhiteBoard.Image=bmp;picPen.BorderStyle=BorderStyle.None;picEraser.BorderStyle=BorderStyle.None;picClearAll.BorderStyle=BorderStyle.None;picWhiteBoard.Cursor=Cursors.Default;}４.选颜色拖放一个ColorDialog控件，命名为“colorDialog1”。制作可将笔颜色改为红的图形按钮，具体步骤：拖入一个PictureBox控件，将名称设为“picChooseColorBar”,同时将组件的背景色改为“Transparent(透明)”，背景图像BackGroundImage按下图10-11方法设置，文件名称为“png-0532.png”。privatevoidpicChooseColorBar_Click(objectsender,EventArgse){this.colorDialog1.Color=color;if(this.colorDialog1.ShowDialog()==DialogResult.OK)color=this.colorDialog1.Color;}5.绘图区的几个主要事件处理（1）按下鼠标privatevoidpictureBox1_MouseDown(objectsender,MouseEventArgse){bDrag=true;p=newPoint(e.X,e.Y);}（2）释放鼠标privatevoidpictureBox1_MouseUp(objectsender,MouseEventArgse){bDrag=false;}（3）移动鼠标privatevoidpictureBox1_MouseMove(objectsender,MouseEventArgse){if(bDrag){g=Graphics.FromImage(bmp);if(bDraw)g.DrawLine(newPen(color,(float)trackBar1.Value),p,newPoint(e.X,e.Y));if(bEraser)g.DrawLine(newPen(Color.White,(float)trackBar1.Value),p,newPoint(e.X,e.Y));picWhiteBoard.Image=bmp;}p=newPoint(e.X,e.Y);}6.调节笔的粗细拖放一个TrackBar控件，命名为“trackBar1”，设置为“BackColor”属性为“LawnGreen”（与树的颜色一致）。7.改变笔的颜色制作可将笔颜色改为红的图形按钮，具体步骤：拖入一个PictureBox控件，将名称设为“pictureBox3”,同时将组件的背景色改为“Transparent(透明)”，背景图像BackGroundImage按下图10-12方法设置，文件名称为“png-0729.png”。其它五个相似功能的按钮步骤类似。为了避免雷同，可以再自定义picSelectColor_Click方法，参数格式与一般的事件处理程序相同，包括objectsender和EventArgse。privatevoidpicSelectColor_Click(objectsender,EventArgse){PictureBoxpb=senderasPictureBox;if(pb.Tag!=null)switch(pb.Tag.ToString()){case"红":color=Color.Red;break;case"绿":color=Color.Green;break;case"黄":color=Color.Gold;break;case"蓝":color=Color.Blue;break;case"浅蓝":color=Color.Cyan;break;case"洋红":color=Color.Magenta;break;}}将此按钮的Click事件与privatevoidpicSelectColor_Click(objectsender,EventArgse)绑定起来。至此画图板功能就全部实现了。【理论知识】请按F1键，查一下MSDN上的关于“AS”、“Cursor类，构造函数”、“Control.Tag属性”等的详细内容记下来。【小结】学习者最终完成制作儿童魔术画板的第三个任务：实现画图板功能。通过本项目，学生能实现闪屏、不规则窗口和画图功能的实现，从而掌握GDI+中的图形处理的基本原理，为后续的GDI+中的图像处理