《Android图形处理》PPT课件.ppt

《《Android图形处理》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《Android图形处理》PPT课件.ppt（20页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、内容Android图形系统概述Adnroid动画处理Frame动画Tween动画Copyright 2010 By Neusoft Group.All rights reservedAndroid图形系统概述 Android中的图形系统采用Client/Server架构。SurfaceFlinger 在整个图形系统中担任 server 角色,它负责将各个 surface 根据 Z order 合成(composer)起来。负责Surface的建立、控制、管理等功能。Surface在Android中的本意是提供一个供显示使用的界面，其他程序可以在这个界面上进行显示输出。Surface系统可以实现

2、多层的Surface，这样对于每一个程序调用者，都可以认为是在独有的界面上进行绘制；而多层次的叠加和管理，则由Surface系统来完成。View及其子类（如TextView,Button，ImageView）要画在surface上。每个surface创建一个Canvas对象，用来管理view在surface上的绘图操作，如画点画线。每个canvas对象对应一个bitmap，存储画在surface上的内容。Copyright 2010 By Neusoft Group.All rights reservedAndroid图形系统概述 Skia是Google一个底层的图形，图像，动画，SVG,文本

3、等多方面的图形库，它是Android中图形系统的引擎。最主要的API是SkCanvas类。Android图形系统概述对于2D图形处理，Android并没有使用Java的图形处理类，而是自定义了一系列的2D图形处理类，这些类分别位于android.graphics,android.graphics.drawable.shapes和android.view.animation包中。对于3D图形的处理，Android集成了OpenGL ES 提供的高效3D图形处理技术，这些类分别位于javax.microedition.khronos.opengles和android.opengl包中。Copyri

4、ght 2010 By Neusoft Group.All rights reservedAndroid图形系统概述Android系统中的图形处理基本上可以分为两类：一类是静态图形处理，也就是这些图片不经常变化，例如，一些图标，logo等，针对这些图形的处理，一般是将图形作为资源文件添加到工程当中，然后通过各种Drawable类来处理使用。另一类是动态图形处理，也就是这些图片要经常变化（包括大小，位置，形状等）需要不断地进行绘制。例如翻书效果。Android动画处理现有的 Android 动画框架是建立在 View 的级别上的。要了解 Android 动画是如何画出来的，我们首先要了解 And

5、roid 的 View 是如何组织在一起，以及他们是如何画自己的内容的。Android动画处理DecorView是window的Top-level View，称之为主View。是整个ViewTree的根节点。DecorView会缺省的 attach 到 Activity 的主窗口中。ViewRoot 不是View,它本质上是一个 Handler,ViewRoot 是建立主View与 WindowsManger 通讯 的桥梁。Android动画处理Android动画处理递归的绘制整个窗口需要按顺序执行以下几个步骤绘制背景如果需要，保存画布（canvas）的层（Layer）,为淡入或淡出做准备；绘

6、制 View 本身的内容，通过调用 View.onDraw(canvas)函数实现.绘制自己的孩子（通常也是一个 view 系统），通过 dispatchDraw(canvas)实现，参看 ViewGroup.Java 中的代码可知，dispatchDraw-drawChild-child.draw(canvas)这样的调用过程被用来保证每个子 View 的 draw 函数都被调用，通过这种递归调用从而让整个 View 树中的所有 View 的内容都得到绘制。在调用每个子 View 的 draw 函数之前，需要绘制的 View 的绘制位置是在 Canvas 通过 translate 函数调用来

7、进行切换的，窗口中的所有 View 是共用一个 Canvas 对象如果需要，绘制淡入淡出相关的内容并恢复保存的画布所在的层（layer）绘制修饰的内容（例如滚动条）.备注：当一个 ChildView 要重画时，它会调用其成员函数 invalidate()函数将通知其 ParentView 这个 ChildView 要重画，这个过程一直向上遍历到 ViewRoot，当 ViewRoot 收到这个通知后就会调用上面提到的 ViewRoot 中的 draw 函数从而完成绘制。Android动画处理一种是Tween动画，这种实现方式可以使视图组件平移、缩放、旋转以及产生透明度的变化；另外一种是Fram

8、e动画，这是一种传统的动画方法，通过顺序播放排放好的图片来实现。Copyright 2010 By Neusoft Group.All rights reserved在android系统中提供了两种动画实现方式：Frame动画Frame动画是通过android.graphics.drawable.AnimationDrawable类来实现的，在该类中保存了帧序列以及显示的时间，为了简化动画的创建,Android提供了一种通过XML来创建逐帧动画的方式，这样把动画的创建和代码分来以后如果需要修改动画内容，只需要修改资源文件就可以了不用修改代码，简化开发维护工作。Frame动画在res/drawa

9、ble/文件夹下创建一个XML文件animation1，定义ImageView的drawable资源animation-list。通过animation-list指定这是个AnimationDrawable动画定义，里面的item来指定每帧图片和显示时间（单位为毫秒），帧显示的顺序就是item定义的顺序。如果android:oneshot设置为true表明该动画只播放一次，否则该动画会循环播放。这些设置也可以通过 AnimationDrawable提供的函数来设置ImageView 通过android:src=drawable/animation1引用了前面定义的AnimationDrawab

10、le。通过getDrawable接口取得AnimationDrawable对象。需要执行动画播放时，调用AnimationDrawable的start方法。stop用来停止动画的播放。Tween动画创建一个类继承View类。覆写onDraw()方法，使用Canvas对象在界面上绘制不同的图形，使用invalidate()方法刷新新界面。Android 动画就是通过 ParentView 来不断调整 ChildView 的画布(Canvas)坐标系来实现的.Copyright 2010 By Neusoft Group.All rights reserved因此，在现有的机制下，动态调整坐标是实

11、现动画效果的关键。对于改变坐标，Android通常使用仿射变换矩阵（Affine Transformation Matrix）来实现。Tween 动画通过对 View 的内容完成一系列的图形变换(包括平移、缩放、旋转、改变透明度)来实现动画效果。Tween动画平移变换缩放变换错切变换旋转变换Affine Transformation是一种二维坐标到二维坐标之间的线性变换，保持二维图形的“平直性”（即变换后直线还是直线不会打弯，圆弧还是圆弧）和“平行性”（指保二维图形间的相对位置关系不变，平行线还是平行线，相交直线的交角不变。）。仿射变换仿射变换仿射变换仿射变换Tween动画矩阵变换矩阵变换矩阵

12、变换矩阵变换Tween动画矩阵变换矩阵变换矩阵变换矩阵变换Tween动画 1 0 tx 0 1 ty 0 0 1 平移变换缩放变换 cosA -sinA 0 sinA cosA 0 0 0 1 sx 0 0 0 sy 0 0 0 1 1 shx 0 shy 1 0 0 0 1 旋转变换(围绕原点)错切变换矩阵变换矩阵变换矩阵变换矩阵变换Tween动画Matrix的操作，总共分为translate(平移)，rotate(旋转)，scale(缩放)和skew(倾斜)四种。每一种变换在Android的API里都提供了set,post和pre三种操作方式,除了translate，其他三种操作都可以指定

13、中心点。set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。post是后乘，当前的矩阵乘以参数给出的矩阵。pre是前乘，参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。AndroidAndroid矩阵应用矩阵应用矩阵应用矩阵应用Tween动画例如:要将一个图片旋转30度（绕原点），然后平移到(100,100)的地方。Paint paint=new Paint();paint.setAntiAlias(true);Matrix m=new Matrix();m.postRotate(30);m.postTranslate(100,100);canvas.drawBitmap(bitmap,matrix,paint);或者 Paint paint=new Paint();paint.setAntiAlias(true);Matrix m=new Matrix();m.setTranslate(100,100);m.preRotate(30);canvas.drawBitmap(bitmap,matrix,paint);AndroidAndroid矩阵应用矩阵应用矩阵应用矩阵应用Q&AThank you!Copyright 2010 By Neusoft Group.All rights reserved