一、前言
上篇文章写了关于绘制多张图片的文章 SurfaceView高性能绘制(四)代码实践篇-绘制多张图片,这篇文章将讲讲让绘制的图片运动,那么我们如何让我们的图片运动呢?肯定是改变x、y轴的坐标
二、主要代码说明
在绘制线程DrawingThread,我们添加如下代码:
for(DrawingItem item : locations){//循环绘图
//思考:我们如何让我们的图片运动?改变x、y轴的坐标。相关属性:绘制屏幕的宽度、图片宽度、图片的坐标
// 横坐标超出绘制屏幕,更新横坐标位置
item.x += (item.isHorizontal? 5 : -5);
//this.drawingWidth-iconBitmap.getWidth() 其实就是图片横坐标的运动范围
if (item.x>= this.drawingWidth-iconBitmap.getWidth()){
item.isHorizontal = false;
}else {
item.isHorizontal = true;
}
// 纵坐标超出绘制屏幕,更新纵坐标位置
item.y += (item.isVertical? 12 : -12);
if(item.y>= this.drawingHeight- iconBitmap.getHeight()){
item.isVertical = false;
}else {
item.isVertical = true;
}
//绘图
lockCanvas.drawBitmap(iconBitmap, item.x, item.y, paint);
}
我们如何让我们的图片运动?改变x、y轴的坐标。那么它主要是对绘制屏幕的宽度、图片宽度、图片的坐标 进行操作。
那么如何得到绘制屏幕的宽高?我们首先声明属性、定义方法
private int drawingWidth,drawingHeight;//定义SurfaceView的宽高(绘制的方向、范围)
public void updateSize(int width, int height){
this.drawingWidth = width;
this.drawingHeight = height;
}
然后在自定义的SurfaceView类MySurfaceView里面获取传递
@Override
// public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
//AS没有导入源码,所以参数杂乱
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
//改变---例如:SurfaceView宽度、高度发生了改变
this.drawingThread.updateSize(width,height);
}
三、效果图、源码
(1)效果图
(2)源码
https://download.youkuaiyun.com/download/yudbl/10970750
相关链接:
Exception dispatching input event,Exception in MessageQueue callback: handleReceiveCallback,空指针
https://blog.youkuaiyun.com/antimage08/article/details/50411595