项目8 C#文件和图形操作-8.2.3 基本图形绘制（教案）-《C#程序设计基础》（河海大学出版社）同步精品课堂

任务8.2制作绘图程序 授课题目 基本图形绘制 授课时数 2课时 授课班级 授课地点 多媒体教室、云机房 教学方法 讲授法、讨论法、演示法 授课类型 理实课 1.了解在C#中基本图形的绘制方法，包括线条、矩形和圆的绘制。 知识目标 2.能够设置文本格式，包括字体、大小、颜色等。 1.能够使用GDI+在C#中绘制基本的线条、矩形和圆。 能力目标 2.能够设置文本的格式，包括字体、大小、颜色等，并进行文本 教学目标 的显示。 1.培养良好的编程习惯，编写清晰、可读性强的代码。 素养目标 2.提高对图形用户界面设计的审美能力，增强用户体验。 1.GDI+的基本图形绘制方法，包括线条、矩形和圆的绘制。 教学重点 2.设置文本格式的方法，包括字体、大小、颜色等。 1.对GDI+的理解和应用，尤其是如何将GDI+与实际开发相结合。 教学难点 2.如何根据实际需求选择合适的图形绘制方法，并灵活运用GDI+进行图形操 作。 教学基本内容（第一节课) 一、导入环节 1.引入本节课的主题：基本图形绘制。提出问题：你们在之前的课程中已经了解了GDI+ 的基本概念，那么你们知道如何使用GDI+绘制基本的图形吗？ 二、授课内容提要 1.绘制线条 使用DrawLine方法绘制一条线通常需要结合Pen类一起使用。Pen类用于定义线条的 颜色、宽度、样式等属性。 使用DrawLine方法绘制直线有两种格式。 【格式一】Graphics对象.DrawLine(Pen对象，int xl,int yl,intx2,inty2); 【说明】参数共有5个，Pen对象和四个整型参数。xl、y1代表线条的起点坐标，x2、 y2代表线条的终点坐标。它用于指定直线的起点和终点的X和Y坐标。 【格式二】Graphics对象.DrawLine(Pen对象，Point ptl,Point pt2); 【说明】参数共有3个，Pen对象和两个Point对象。ptl代表线条的起点，pt2代表 线条的终点。它用于指定直线的起点和终点的坐标点。 2.绘制矩形 绘制矩形使用的是Graphics对象的DrawRectangle方法，并用到了Pen类、Rectangle 类、SolidBrush类。 【例8-12】当单击按钮时，将绘制一个实心矩形。 程序代码如下： private void buttonl_Click(object sender,EventArgs e) /创建了一个名为pen的Pen类对象 /并将其初始化为颜色为黑色，宽度为2的笔刷。 Pen pen new Pen(Color.Black,2); /获取当前窗口的Graphics对象 Graphics graphics this.CreateGraphics(); /定义矩形左上角的坐标和宽高 Rectangle rectangle new Rectangle(40,20,100,100); /使用Brush对象创建纯色填充 SolidBrush brush new SolidBrush(Color.Red); /使用DrawRectangle方法绘制矩形边框 graphics.DrawRectangle(pen,rectangle); /使用FillRectangle方法填充矩形内部 graphics.FillRectangle(brush,rectangle); /释放Brush对象 brush.Dispose(); /释放Pen对象 pen.Dispose(); Form1 ◇ 画实心拒形 3.绘制圆 绘制圆使用的是Graphics对象的DrawEllipse方法，并用到了Pen类、Point类、 SolidBrush类。 【例8-13】当单击按钮时，将绘制一个黑色的圆形。 程序代码如下： private void buttonl Click(object sender,EventArgs e) /创建了一个名为pen的Pen类对象， /并将其初始化为颜色为黑色，宽度为2的笔刷。 Pen pen new Pen(Color.Black,2); /获取当前窗口的Graphics对象 Graphics graphics this.CreateGraphics(); /定义圆的圆心坐标和半径 Point center=new Point(⑧0,8O);/圆心坐标 int radius=50:/半径 /使用DrawEllipse方法绘制圆形边框 graphics.DrawEllipse(pen,center.X-radius,center.Y-radius,2 radius,2 radius); /使用Brush对象创建纯色填充 SolidBrush brush new SolidBrush(Color.Red); /释放Brush对象 brush.Dispose(); /释放Pen对象 pen.Dispose(); Form1 三、练习与互动 1.学生跟随教师操作，学习如何使用GDI+绘制线条、矩形和圆。 2.给学生练习机会，让他们在窗体上绘制不同的基本图形。 四、课堂小结 强调本节课所学的GDI+基本图形绘制方法，总结绘图类Graphics的使用，解答学生的 疑问。 五、课后作业 1.要求学生编写一个简单的绘图程序，使用GDI+绘制线条、矩形和圆，并尝试添加颜 色和线条样式。 教学基本内容（第二节课）》 一、导入环节 1.复习上节课所学的GDI+基本图形绘制方法，引入本节课的主题：设置文本格式。 二、授课内容提要 1.设置文本格式 设置文本格式主要用到了Font类的属性。 【例81-4】当单击按钮时，对文本框中的文本进行不同的修饰。 程序代码如下： private void button1_Click(object sender,EventArgs e) ∥设置字体为Arial,字号为12，加粗 Font font =new Font("Arial",12,FontStyle.Bold); richTextBox1.Font =font; private void button2 Click 1(object sender,EventArgs e) ∥设置字体为Verdana,字号为20，加粗 Font font new Font("Verdana",20,FontStyle.Bold): richTextBox1.Font font; private void button3_Click_1(object sender,EventArgs e) ∥设置字体为Courier New,字号为14，加粗 Font font new Font("Courier New",14,FontStyle.Bold); richTextBox1.Font=font; 阳Form1 单击按钮对文本进行修饰 学海无涯 修饰1 修沛2 修饰3 三、练习与互动 1.学生跟随教师操作，学习如何使用Fot类设置文本格式。 2.给学生练习机会，让他们在窗体上绘制文本，并尝试不同的字体、大小、颜色等 格式。 四、课堂小结 1.总结本节课所学的文本格式设置方法，强调Fot类的使用，解答学生的疑问。 五、课后作业 1.要求修改之前的绘图程序，在其中添加设置文本格式的功能，使绘图程序更加丰富和 有趣。 六、板书设计 绘制线条 绘制矩形 基本图形绘制 绘制圆 设置文本格式 七、教学后记 通过这两节课的学习，学生不仅掌握了基本的图形绘制和文本格式设置方法，还培养了 图形操作的实际技能。在未来的学习中，学生可以进一步探索更多的图形操作功能，并将其 运用到实际项目中，提高编程能力和设计能力。 在教学过程中，我发现学生对GDI+的理解和应用存在一些困难，因此我将继续关注学 生的疑惑，解答他们在学习过程中遇到的问题，帮助他们更好地掌握GDI+的基本概念和应 用。同时，我也鼓励学生通过实践和探索，加深对GDI+的理解和应用。