当前位置:文档之家› 图形与图像处理学情分析

图形与图像处理学情分析

(6)AnimationDrawable逐帧动画
逐帧动画是按照事先准备好的静态图像顺序播放的,利用人眼的“视觉暂留”原理,给用户造成动画的错觉。

逐帧动画的原理与放胶片看电影的原理是一样的,它们都是一张一张地播放事先准备好的静态图像。

在使用逐帧动画时,需要在res/ drawable目录下创建好帧动画的XML文件,并在<animation-list>节点的<item>子节点中,指定图片帧出现的顺序以及每帧的持续时间。

老师根据教材和PPT内容,对逐帧动画的代码实现进行详细的讲解,通过教材中的案例实现逐帧动画效果,让学生对逐帧动画有清晰的认识,要求学生熟练掌握四种补间。

(7)综合案例讲解
老师引导,实现下图所示功能效果。

界面中包含一个ImageView和两个Button,整体采用垂直线性布局嵌套水平线性布局。

图片显示控件ImageView添加了背景图片和逐帧动画,按钮控件添加了背景,背景是随状态变化的图片,每一种状态所对应的图片又是通过XML文件自定义的形状,有边框和渐变效果。

(8)上机训练。

学生训练逐帧动画案例。

(11)学生掌握检查。

1.以下文件放在Drawable文件夹下不会产生错误的是()。

A)9abc.jpg B)abc_9.jpg C)Abc.9.jpg D)abcStart.jpg
2.Android中,在XML文件中定义形状时对应的根元素标签是()。

A)<shape> B)<clip> C)<layer-list> D)<selector>
3.Android中,在XML文件中定义逐帧动画时对应的根元素为()。

A)<set> B)<animation-list> C)<layer-list> D)<selector>
4.下列哪一类Drawable对象,可实现随状态变化的图片的效果。

()
A)StateListDrawable B)LayerDrawable
C)ShapeDrawable D)ClipDrawable
(12)作业布置
根据给定图片实现向日葵开花准帧动画。

第二部分自定义绘图
一、回顾上节课内容、继续讲解自定义绘图
(1)对上节课留的知识进行答疑
(2)进入本节课本节课主题,讲解列表控件
除了可以使用程序中的图片资源外,Android应用还可以自行绘制图形,也可以在运行时动态地生成图片,前面我们所讲的自定义控件就用到了自定义绘图。

(3)明确学习目标
熟练掌握Canvas和Paint。

二、进入重点知识点讲解老师演示实现
(1)案例引入
演示案例,分析自定义绘图案例,简答浏览代码,引入问题。

(2)Canvas类
老师引导,讲解Canvas类概念。

Canvas类代表画布,通过该类提供的方法,可以绘制各种图形(如矩形、圆形、线条等)。

接下来通过PPT讲解Canvas类常用方法,并对展示代码进行解答。

protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint paint = new Paint(); //创建画笔
paint.setColor(Color.RED);
Rect r = new Rect(40,40,200,100); // 构建矩形对象并为其指定位置、宽高
canvas.drawRect(r,paint); // 调用Canvas中绘制矩形的方法
}
通过上述代码,绘制出一个矩形图形。

因为Canvas类继承自View类,所以要在该类中重写onDraw()方法。

(3)Paint类
老师引导,讲述概念。

Paint类代表画笔,用来描述图形的颜色和风格,如线宽、颜色、透明度和填充效果等信息。

使用Paint类时,首先要创建它的实例对象,然后通过该类提供的方法来更改Paint 对象的默认设置。

接下来通过PPT讲解Paint类常用方法,并对展示代码进行解答。

Paint paint = new Paint();
paint.setColor(Color.RED);
上述代码总定义了一个画笔,并指定画笔颜色为红色。

最后总结,要求学生牢记本节课所讲到的三个类,并熟识其中常用方法。

(4)Shader和Path
Android中提供了Shader类专门用来渲染图像以及一些几何图形,Shader本身是一个抽象类,它包括以下几个常见子类:BitmapShader、ComposeShader、LinearGradient、RadialGradient和SweepGradient。

Path用于规划路径,主要用于绘制复杂的几何图形。

老师简单分析两个常用方法。

(5)案例讲解
老手操作实现自定义综合案例。

(5)上机训练
学生自主练习自定义绘图案例。

(6)作业
使用绘图API,绘制出一周天气的折线图效果,程序运行效果如右图所示。

整个界面中只有一个自定义控件,所有内容都是通过绘图API绘制上去的。

相关主题