任何一个Android应用都必须有一个主启动程序来启动,我们这里把这个启动程序
命名为Movment,代码很简单如下:
public class Movement extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView( new MovementView(this));
}
注意的是,我们这个启动程序不象其他程序一样,在启动的时候,在setContentView中传
入界面布局文件,而是直接将MovementView的实例传递进来,也就是说,直接启动了
MovementView这个类,在这个类中,我们将绘画我们的小球。
三、介绍SurfaceView
在Android中,SurfaceView是一个重要的绘图容器,它可以可以直接从 内存或者DMA等硬件接口取得图像数据。通常情况程序的View和用户响应都是在同一个线程中处理的,这也是为什么处理长时间事件(例如访问网络)需要放到另外的线程中去(防止阻塞当前UI线程的操作和绘制)。但是在其他线程中却不能修改UI元素,例如用后台线程更新自定义View(调用View的在自定义View中的onDraw函数)是不允许的。
如果需要在另外的线程绘制界面、需要迅速的更新界面或则渲染UI界面需要较长的时间,这种情况就要使用SurfaceView了。SurfaceView中包含一个Surface对象,而Surface是可以在后台线程中绘制的。
在本文中,我们将使用它,直接通过代码创建一个小球,并且随着UpdateThread线程的更新,不断改变小球的位置,下面我们开始学习MovementView的编写,先看下如何运用SurfaceView。
首先导入SurfaceView及绘图的相关库文件,如下所示:
package example.movement;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
接着,我们要继承SurfaceView并且实现SurfaceHolder.Callback接口,这是一个SurfaceHolder的内部接口,可以实现该接口获得界面改变的信息,代码如下,并且我们声明了一些成员变量:
public class MovementView extends SurfaceView implements SurfaceHolder.Callback {
private int xPos;
private int yPos;
private int xVel;
private int yVel;
private int width;
private int height;
private int circleRadius;
private Paint circlePaint;
UpdateThread updateThread;
}
而在MovementView的构造函数中,我们设置了小球的大小和在X,Y方向上的初始坐标,如下:
public MovementView(Context context) {
super(context);
getHolder().addCallback(this);
circleRadius = 10 ;
circlePaint = new Paint();
circlePaint.setColor(Color.BLUE);
xVel = 2 ;
yVel = 2 ;
}
接着我们来看下ondraw方法的编写,在这里,我们将绘画小球,并且每次都把画布Canvas的背景色设置为白色,以重新覆盖之前一帧,代码如下:
protected void onDraw(Canvas canvas) {
canvas.drawColor(Color.WHITE);
canvas.drawCircle(xPos, yPos, circleRadius, circlePaint);
}
我们再来看下updatePhysics这个方法如何编写。这个方法的作用有两个:一是处理小球的运动,二是更新小球的实时位置,因为小球在屏幕中不断地运动,因此当小球到达比如屏幕绘画区域的顶端后,要被弹回,因此代码如下:
public void updatePhysics() {
// 更新当前的x,y坐标
xPos += xVel;
yPos += yVel;
if (yPos - circleRadius < 0 || yPos + circleRadius > height) {
if (yPos - circleRadius < 0 ) {
// 如果小球到达画布区域的上顶端,则弹回
yPos = circleRadius;
} else {
// 如果小球到达了画布的下端边界,则弹回
yPos = height - circleRadius;
}
// 将Y坐标设置为相反方向
yVel *= - 1 ;
}
if (xPos - circleRadius < 0 || xPos + circleRadius > width) {
if (xPos - circleRadius < 0 ) {
// 如果小球到达左边缘
xPos = circleRadius;
} else {
// 如果小球到达右边缘
xPos = width - circleRadius;
}
// 重新设置x轴坐标
xVel *= - 1 ;
}
}
最后我们看下surfaceCreated这个方法的代码,在这个方法中,主要是取得了可用的SurfaceView的区域的高度和宽度,然后设置了小球的起始坐标(将其设置在屏幕的正中央位置),并且启动了UpdateThread线程,代码如下:
public void surfaceCreated(SurfaceHolder holder) {
Rect surfaceFrame = holder.getSurfaceFrame();
width = surfaceFrame.width();
height = surfaceFrame.height();
xPos = width / 2 ;
yPos = circleRadius;
updateThread = new UpdateThread(this);
updateThread.setRunning( true );
updateThread.start();
}
此外,我们要补上surfaceChanged这个方法,这个方法意思是界面尺寸改变时才调用,在我们这个应用中并没用到,所以我们保留为空的方法实现:
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height)
{
}
而surfaceDestroyed方法中,主要实现的是界面被销毁时才调用,这里我们停止了当前的线程所处理的任务,这里使用了线程的join方法:
public void surfaceDestroyed(SurfaceHolder holder) {
boolean retry = true ;
updateThread.setRunning( false );
while (retry) {
try {
updateThread.join();
retry = false ;
} catch (InterruptedException e) {
}
}
}
归纳下,完整的MovementView代码如下:
package example.movement;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
public class MovementView extends SurfaceView implements SurfaceHolder.Callback {
private int xPos;
private int yPos;
private int xVel;
private int yVel;
private int width;
private int height;
private int circleRadius;
private Paint circlePaint;
UpdateThread updateThread;
public MovementView(Context context) {
super(context);
getHolder().addCallback(this);
circleRadius = 10 ;
circlePaint = new Paint();
circlePaint.setColor(Color.BLUE);
xVel = 2 ;
yVel = 2 ;
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawColor(Color.WHITE);
canvas.drawCircle(xPos, yPos, circleRadius, circlePaint);
}
public void updatePhysics() {
xPos += xVel;
yPos += yVel;
if (yPos - circleRadius < 0 || yPos + circleRadius > height) {
if (yPos - circleRadius < 0 ) {
yPos = circleRadius;
} else {
yPos = height - circleRadius;
}
yVel *= - 1 ;
}
if (xPos - circleRadius < 0 || xPos + circleRadius > width) {
if (xPos - circleRadius < 0 ) {
xPos = circleRadius;
} else {
xPos = width - circleRadius;
}
xVel *= - 1 ;
}
}
public void surfaceCreated(SurfaceHolder holder) {
Rect surfaceFrame = holder.getSurfaceFrame();
width = surfaceFrame.width();
height = surfaceFrame.height();
xPos = width / 2 ;
yPos = circleRadius;
updateThread = new UpdateThread(this);
updateThread.setRunning( true );
updateThread.start();
}
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}
public void surfaceDestroyed(SurfaceHolder holder) {
boolean retry = true ;
updateThread.setRunning( false );
while (retry) {
try {
updateThread.join();
retry = false ;
} catch (InterruptedException e) {
}
}
}
}
四、编写UpdateThread
下面,我们开始着手编写UpdateThread线程程序。这个程序主要是启动一个线程去不断更新当前小球的位置。先看声明及构造函数部分:
package licksquid.movement;
import android.graphics.Canvas;
import android.view.SurfaceHolder;
public class UpdateThread extends Thread {
private long time ;
private final int fps = 20 ;
private boolean toRun = false ;
private MovementView movementView;
private SurfaceHolder surfaceHolder;
}
public UpdateThread(MovementView rMovementView) {
movementView = rMovementView;
surfaceHolder = movementView.getHolder();
}
public void setRunning( boolean run) {
toRun = run;
}
注意这里的setRunning方法中设置了线程是否应该停止的标记,下面来看重要的方法run:
public void run() {
Canvas c;
while (toRun) {
long cTime = System.currentTimeMillis();
if ((cTime - time ) <= ( 1000 / fps)) {
c = null ;
try {
c = surfaceHolder.lockCanvas( null );
movementView.updatePhysics();
movementView.onDraw(c);
} finally {
if (c ! = null ) {
surfaceHolder.unlockCanvasAndPost(c);
}
}
}
time = cTime;
}
}
在run方法中,主要实现了如下几个任务:首先检查是否有允许启动该线程(在开始运行后,由于在MovementView中,启动UpdateThread的时候,已经设置了其值为true,即updateThread.setRunning(true)),接下来检查是否在指定的时间内(这里设置的是每秒20帧),如果是的话,则调用surfaceHolder的lockCanvas方法,锁定当前的画布绘画区域,并且调用movementView的updatePhysics方法及onDraw方法去画小球并判断小球的运动,最后记得要在finally中调用unlockCanvasAndPost方法。
五、运行程序
命名为Movment,代码很简单如下:
public class Movement extends Activity {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView( new MovementView(this));
}
注意的是,我们这个启动程序不象其他程序一样,在启动的时候,在setContentView中传
入界面布局文件,而是直接将MovementView的实例传递进来,也就是说,直接启动了
MovementView这个类,在这个类中,我们将绘画我们的小球。
三、介绍SurfaceView
在Android中,SurfaceView是一个重要的绘图容器,它可以可以直接从 内存或者DMA等硬件接口取得图像数据。通常情况程序的View和用户响应都是在同一个线程中处理的,这也是为什么处理长时间事件(例如访问网络)需要放到另外的线程中去(防止阻塞当前UI线程的操作和绘制)。但是在其他线程中却不能修改UI元素,例如用后台线程更新自定义View(调用View的在自定义View中的onDraw函数)是不允许的。
如果需要在另外的线程绘制界面、需要迅速的更新界面或则渲染UI界面需要较长的时间,这种情况就要使用SurfaceView了。SurfaceView中包含一个Surface对象,而Surface是可以在后台线程中绘制的。
在本文中,我们将使用它,直接通过代码创建一个小球,并且随着UpdateThread线程的更新,不断改变小球的位置,下面我们开始学习MovementView的编写,先看下如何运用SurfaceView。
首先导入SurfaceView及绘图的相关库文件,如下所示:
package example.movement;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
接着,我们要继承SurfaceView并且实现SurfaceHolder.Callback接口,这是一个SurfaceHolder的内部接口,可以实现该接口获得界面改变的信息,代码如下,并且我们声明了一些成员变量:
public class MovementView extends SurfaceView implements SurfaceHolder.Callback {
private int xPos;
private int yPos;
private int xVel;
private int yVel;
private int width;
private int height;
private int circleRadius;
private Paint circlePaint;
UpdateThread updateThread;
}
而在MovementView的构造函数中,我们设置了小球的大小和在X,Y方向上的初始坐标,如下:
public MovementView(Context context) {
super(context);
getHolder().addCallback(this);
circleRadius = 10 ;
circlePaint = new Paint();
circlePaint.setColor(Color.BLUE);
xVel = 2 ;
yVel = 2 ;
}
接着我们来看下ondraw方法的编写,在这里,我们将绘画小球,并且每次都把画布Canvas的背景色设置为白色,以重新覆盖之前一帧,代码如下:
protected void onDraw(Canvas canvas) {
canvas.drawColor(Color.WHITE);
canvas.drawCircle(xPos, yPos, circleRadius, circlePaint);
}
我们再来看下updatePhysics这个方法如何编写。这个方法的作用有两个:一是处理小球的运动,二是更新小球的实时位置,因为小球在屏幕中不断地运动,因此当小球到达比如屏幕绘画区域的顶端后,要被弹回,因此代码如下:
public void updatePhysics() {
// 更新当前的x,y坐标
xPos += xVel;
yPos += yVel;
if (yPos - circleRadius < 0 || yPos + circleRadius > height) {
if (yPos - circleRadius < 0 ) {
// 如果小球到达画布区域的上顶端,则弹回
yPos = circleRadius;
} else {
// 如果小球到达了画布的下端边界,则弹回
yPos = height - circleRadius;
}
// 将Y坐标设置为相反方向
yVel *= - 1 ;
}
if (xPos - circleRadius < 0 || xPos + circleRadius > width) {
if (xPos - circleRadius < 0 ) {
// 如果小球到达左边缘
xPos = circleRadius;
} else {
// 如果小球到达右边缘
xPos = width - circleRadius;
}
// 重新设置x轴坐标
xVel *= - 1 ;
}
}
最后我们看下surfaceCreated这个方法的代码,在这个方法中,主要是取得了可用的SurfaceView的区域的高度和宽度,然后设置了小球的起始坐标(将其设置在屏幕的正中央位置),并且启动了UpdateThread线程,代码如下:
public void surfaceCreated(SurfaceHolder holder) {
Rect surfaceFrame = holder.getSurfaceFrame();
width = surfaceFrame.width();
height = surfaceFrame.height();
xPos = width / 2 ;
yPos = circleRadius;
updateThread = new UpdateThread(this);
updateThread.setRunning( true );
updateThread.start();
}
此外,我们要补上surfaceChanged这个方法,这个方法意思是界面尺寸改变时才调用,在我们这个应用中并没用到,所以我们保留为空的方法实现:
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height)
{
}
而surfaceDestroyed方法中,主要实现的是界面被销毁时才调用,这里我们停止了当前的线程所处理的任务,这里使用了线程的join方法:
public void surfaceDestroyed(SurfaceHolder holder) {
boolean retry = true ;
updateThread.setRunning( false );
while (retry) {
try {
updateThread.join();
retry = false ;
} catch (InterruptedException e) {
}
}
}
归纳下,完整的MovementView代码如下:
package example.movement;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
public class MovementView extends SurfaceView implements SurfaceHolder.Callback {
private int xPos;
private int yPos;
private int xVel;
private int yVel;
private int width;
private int height;
private int circleRadius;
private Paint circlePaint;
UpdateThread updateThread;
public MovementView(Context context) {
super(context);
getHolder().addCallback(this);
circleRadius = 10 ;
circlePaint = new Paint();
circlePaint.setColor(Color.BLUE);
xVel = 2 ;
yVel = 2 ;
}
@Override
protected void onDraw(Canvas canvas) {
canvas.drawColor(Color.WHITE);
canvas.drawCircle(xPos, yPos, circleRadius, circlePaint);
}
public void updatePhysics() {
xPos += xVel;
yPos += yVel;
if (yPos - circleRadius < 0 || yPos + circleRadius > height) {
if (yPos - circleRadius < 0 ) {
yPos = circleRadius;
} else {
yPos = height - circleRadius;
}
yVel *= - 1 ;
}
if (xPos - circleRadius < 0 || xPos + circleRadius > width) {
if (xPos - circleRadius < 0 ) {
xPos = circleRadius;
} else {
xPos = width - circleRadius;
}
xVel *= - 1 ;
}
}
public void surfaceCreated(SurfaceHolder holder) {
Rect surfaceFrame = holder.getSurfaceFrame();
width = surfaceFrame.width();
height = surfaceFrame.height();
xPos = width / 2 ;
yPos = circleRadius;
updateThread = new UpdateThread(this);
updateThread.setRunning( true );
updateThread.start();
}
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
}
public void surfaceDestroyed(SurfaceHolder holder) {
boolean retry = true ;
updateThread.setRunning( false );
while (retry) {
try {
updateThread.join();
retry = false ;
} catch (InterruptedException e) {
}
}
}
}
四、编写UpdateThread
下面,我们开始着手编写UpdateThread线程程序。这个程序主要是启动一个线程去不断更新当前小球的位置。先看声明及构造函数部分:
package licksquid.movement;
import android.graphics.Canvas;
import android.view.SurfaceHolder;
public class UpdateThread extends Thread {
private long time ;
private final int fps = 20 ;
private boolean toRun = false ;
private MovementView movementView;
private SurfaceHolder surfaceHolder;
}
public UpdateThread(MovementView rMovementView) {
movementView = rMovementView;
surfaceHolder = movementView.getHolder();
}
public void setRunning( boolean run) {
toRun = run;
}
注意这里的setRunning方法中设置了线程是否应该停止的标记,下面来看重要的方法run:
public void run() {
Canvas c;
while (toRun) {
long cTime = System.currentTimeMillis();
if ((cTime - time ) <= ( 1000 / fps)) {
c = null ;
try {
c = surfaceHolder.lockCanvas( null );
movementView.updatePhysics();
movementView.onDraw(c);
} finally {
if (c ! = null ) {
surfaceHolder.unlockCanvasAndPost(c);
}
}
}
time = cTime;
}
}
在run方法中,主要实现了如下几个任务:首先检查是否有允许启动该线程(在开始运行后,由于在MovementView中,启动UpdateThread的时候,已经设置了其值为true,即updateThread.setRunning(true)),接下来检查是否在指定的时间内(这里设置的是每秒20帧),如果是的话,则调用surfaceHolder的lockCanvas方法,锁定当前的画布绘画区域,并且调用movementView的updatePhysics方法及onDraw方法去画小球并判断小球的运动,最后记得要在finally中调用unlockCanvasAndPost方法。
五、运行程序
最后运行程序,可以看到如下的效果,可以看到小球在做各个方向的弹跳运动。
咱们就先看View这个类:
在View中你只需要重写onDraw这个方法就可以显示界面啦,在View中提供了许多事件方法,足以应付游戏中的事件处理,可以查阅API了解它的具体使用,下面我们通过一个实例来学习View:
新建项目新建Activity步骤这些就不说啦。
详细的说明都在程序注释中。
先看Activity
[java]
view plain
copy
- import android.app.Activity;
- import android.os.Bundle;
- public class ViewActivity extends Activity {
- private MyView myView = null;
- public ViewActivity() {
- }
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- myView = new MyView(this);
- setContentView(myView);
- new Thread(new MyThread()).start();
- }
- class MyThread implements Runnable {
- @Override
- public void run() {
- while(!Thread.currentThread().isInterrupted()) {
- try {
- Thread.sleep(100);
- } catch (InterruptedException e) {
- Thread.currentThread().interrupt();
- }
- //在线程中更新界面
- myView.postInvalidate();
- }
- }
- }
- }
再创建我们自己的View框架:
[java]
view plain
copy
- /*
- * 一个不断闪烁并且不断放大的长方体 ,点击屏幕可以控制
- */
- import android.content.Context;
- import android.graphics.Canvas;
- import android.graphics.Color;
- import android.graphics.Paint;
- import android.view.View;
- public class MyView extends View {
- private int num = 0;
- private float changeX = (float)30.0;
- private float changeY = (float)10.0;
- private float changeNum = (float) (23.0/13.0);
- private boolean change = true;
- private Paint paint = new Paint();
- private int color = Color.DKGRAY;
- public MyView(Context context) {
- super(context);
- }
- //重写onDraw来实现界面的实现
- @Override
- protected void onDraw(Canvas canvas) {
- //根据判断屏幕是否点击
- //确定是否放大长方体和变化颜色
- if(change) {
- if(num<3) {
- num++;
- }else {
- num=0;
- }
- //通过不同的num值设置不同的颜色
- switch(num) {
- case 0:
- color = Color.GREEN;
- break;
- case 1:
- color = Color.BLUE;
- break;
- case 2:
- color = Color.CYAN;
- break;
- case 3:
- color = Color.RED;
- break;
- }
- changeX++;
- changeY+=changeNum;
- }
- //绘制一个矩形
- paint.setColor(color);
- canvas.drawRect(this.getWidth()/2-changeX, this.getHeight()/2-changeY,
- this.getWidth()/2+changeX, this.getHeight()/2+changeY, paint);
- }
- }
得到的图像应该是一个不断放大且不断改变颜色长方体.因为是动态的就不放截图啦!
OK,View就简单的介绍到这里,大家还是可以自己写的别的功能增加对它的理解。
接来下是继承自View的SurfaceView框架:
在Activity中只要setContentView就OK啦!
[java]
view plain
copy
- import android.app.Activity;
- import android.os.Bundle;
- public class SurfaceViewActivity extends Activity {
- @Override
- protected void onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(new MySurfaceView(this));
- }
- }
创建咱自己的SurfaceView:
[java]
view plain
copy
- import android.content.Context;
- import android.graphics.Canvas;
- import android.graphics.Color;
- import android.graphics.Paint;
- import android.view.MotionEvent;
- import android.view.SurfaceHolder;
- import android.view.SurfaceView;
- /*
- * 一个不断闪烁并且不断放大的圆形,点击屏幕可以控制
- */
- //实现SurfaceHolder.Callback接口对SurfaceView类进行创建、改变、销毁等监听
- public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable{
- boolean loop = false;
- //SurfaceView没有SurfaceHolder啥都做不了
- //SurfaceHolder接口控制着Surface的一切
- SurfaceHolder surfaceHolder = null;
- int count = 0;
- private int num = 0;
- //圆形半径每次增加的数值
- private int changeNum = 1;
- private boolean change = true;
- private Paint paint = new Paint();
- private int color = Color.DKGRAY;
- public MySurfaceView(Context context) {
- super(context);
- surfaceHolder = this.getHolder();
- surfaceHolder.addCallback(this);
- this.setFocusable(true);
- loop = true;
- }
- //Surface创建时调用该方法
- @Override
- public void surfaceCreated(SurfaceHolder arg0) {
- //启动画图线程
- new Thread(this).start();
- }
- //Surface大小改变时调用该方法
- @Override
- public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
- }
- //Surface销毁时调用该方法
- @Override
- public void surfaceDestroyed(SurfaceHolder arg0) {
- //让画图线程停止
- loop = false;
- }
- //画图线程的run方法
- @Override
- public void run() {
- while(loop) {
- draw();
- try {
- Thread.sleep(200);
- }catch (InterruptedException e) {
- e.printStackTrace();
- }
- }
- }
- private void draw() {
- //先要对屏幕进行锁定,这是非常重要的!!!
- Canvas canvas = surfaceHolder.lockCanvas();
- //根据判断屏幕是否点击
- //确定是否放大长方体和变化颜色
- if(change) {
- if(num<3) {
- num++;
- }else {
- num=0;
- }
- //通过不同的num值设置不同的颜色
- switch(num) {
- case 0:
- color = Color.GREEN;
- break;
- case 1:
- color = Color.BLUE;
- break;
- case 2:
- color = Color.CYAN;
- break;
- case 3:
- color = Color.RED;
- break;
- }
- changeNum++;
- }
- paint.setColor(color);
- //绘制一个圆形
- canvas.drawCircle((getWidth()/2), (getHeight()/2), 50+changeNum, paint);
- //对Canvas解锁
- surfaceHolder.unlockCanvasAndPost(canvas);
- }
- //屏幕点击事件绑定
- @Override
- public boolean onTouchEvent(MotionEvent event) {
- //每次点击屏幕都会改变change的值
- if(change) {
- change = false;
- }else {
- change = true;
- }
- return super.onTouchEvent(event);
- }
- }
记住如果你先要lockCanvas()来获得Canvas这样你才能有画布来绘制你所要的界面,最后还要调用unlockCanvasAndPost()。这个可是很重要滴