关闭

Android Canvas 和Paint的用法 转自http://blog.csdn.net/u010947098/article/details/44574171

标签: androidcanvas
244人阅读 评论(0) 收藏 举报
分类:

首先,介绍的是Canvas的基本方法

方法签名 简要说明
drawArc(RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint) 绘制弧
drawBitmap(Bitmap bitmap, Rect src, Rect dst,Paint paint) 在指定点绘制从源位图中"挖取"的一块
drawBitmap(Bitmap bitmap, float left, flost top, Paint paint) 在指定点绘制位图
drawCircle(float cx, float cy, float radius, Paint paint) 在指定点绘制一个圆形
drawLine(float startX, float startY, float stopX, float stopY, Paint paint) 绘制一条线
drawLines(float[] pts, int offset, int count, Paint paint) 绘制多条线
drawOval(RectF oval, Paint paint) 绘制椭圆
drawPath(Path path, Paint paint) 沿着指定Path绘制任意形状
drawPoint(float x, float y, Paint paint) 绘制一个点
drawPoints(float[] pts, int offset, int count, Paint paint) 绘制多个点
drawRect(float left, float top, float right, float bottom, Paint paint) 绘制矩形
drawRoundRect(RectF rect, float rx, float ry, Paint paint) 绘制圆角矩形
drawText(String text, int start ,int end, Paint paint) 绘制字符串
drawTextOnPath(String text, Path path, float hOffset, float vOffset, Paint paint) 沿着路径绘制字符串
clipRect(float left, float top, float right, float bottom) 剪切一个矩形区域
clipRegion(Region region) 剪切指定区域
除了上面所定义的各种方法之外,Canvas还提供了如下方法进行左边变换.

>rotate(float degress, float px, float py): 对Canvas执行旋转变换.

>scale(float sx, float sy, float px, float py): 对Canvas执行缩放变换.

>skew(float sx, float sy): 对Canvas执行倾斜变换.

>translate(float dx, float dy): 移动Canvas.向右移动dx距离(dx为负数即向左移动);向下移动dy距离(dy为负数即向上移动).



Paint代表了Canvas上的画笔,因此Paint类主要用于设置绘制风格,包括画笔颜色.画笔笔触粗细,填充风格等.

Paint提供了如下所示的方法:

方法签名 简要说明
setARGB(int a, int r, int g, int b)/setColor(int color) 设置颜色
setAlpha(int a ) 设置透明度
setAntiAlias(boolean aa) 设置是否抗锯齿
setColor(int color) 设置颜色
setPahtEffect(PathEffect cffect) 设置绘制路径时的路径效果
setShader(Shader shader) 设置画笔的填充效果
setShadowLayer(float radius, float dx, float dy, int color) 设置阴影
setStrokeWidth(float width) 设置画笔的笔触宽度
setStrokeJoin(Paint.Join join) 设置画笔转弯处的连接风格
setStyle(Paint.Style style) 设置Paint的填充风格
setTextAlign(Paint.Align align) 设置绘制文本时的文字的对齐方式
setTextSize(float textSize) 设置绘制文本时的文字大小
在Canvas提供的绘制方法中还用到了一个API:Path,Path代表任意多条直线连接而成的任意图形,当Canvas根据Path绘制时,它可以绘制出任意的形状.

下面的MyView重写了onDraw(Canvas)方法,绘制了基本的几何图形.

  1. package com.example.canvastest.view;  
  2.   
  3. import android.annotation.SuppressLint;  
  4. import android.content.Context;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Color;  
  7. import android.graphics.LinearGradient;  
  8. import android.graphics.Paint;  
  9. import android.graphics.Path;  
  10. import android.graphics.RectF;  
  11. import android.graphics.Shader;  
  12. import android.util.AttributeSet;  
  13. import android.view.View;  
  14.   
  15. public class MyView extends View {  
  16.   
  17.     public MyView(Context context, AttributeSet attrs, int defStyleAttr,  
  18.             int defStyleRes) {  
  19.         super(context, attrs, defStyleAttr, defStyleRes);  
  20.     }  
  21.   
  22.     public MyView(Context context, AttributeSet attrs, int defStyleAttr) {  
  23.         super(context, attrs, defStyleAttr);  
  24.     }  
  25.   
  26.     public MyView(Context context, AttributeSet attrs) {  
  27.         super(context, attrs);  
  28.     }  
  29.   
  30.     public MyView(Context context) {  
  31.         super(context);  
  32.     }  
  33.   
  34.     /** 
  35.      * 重写该方法,进行绘图 
  36.      */  
  37.     @SuppressLint("DrawAllocation")  
  38.     @Override  
  39.     protected void onDraw(Canvas canvas) {  
  40.         super.onDraw(canvas);  
  41.         // 把整张画布绘制成白色  
  42.         canvas.drawColor(Color.WHITE);  
  43.         // 创建画笔  
  44.         Paint paint = new Paint();  
  45.         // 去锯齿  
  46.         paint.setAntiAlias(true);  
  47.         // 设置画笔颜色  
  48.         paint.setColor(Color.BLUE);  
  49.         // 设置画笔样式  
  50.         paint.setStyle(Paint.Style.STROKE);  
  51.         // 设置画笔的宽度  
  52.         paint.setStrokeWidth(3);  
  53.         // 绘制圆形  
  54.         canvas.drawCircle(404030, paint);  
  55.         // 绘制正方形  
  56.         canvas.drawRect(108070140, paint);  
  57.         // 绘制矩形  
  58.         canvas.drawRect(1015070190, paint);  
  59.         //  
  60.         RectF rectF1 = new RectF(1020070230);  
  61.         // 绘制圆角矩形  
  62.         canvas.drawRoundRect(rectF1, 1515, paint);  
  63.         //  
  64.         RectF rectF2 = new RectF(1024070270);  
  65.         // 绘制椭圆  
  66.         canvas.drawOval(rectF2, paint);  
  67.   
  68.         // 定义一个Path对象,封闭成一个三角形  
  69.         Path path1 = new Path();  
  70.         // 设置起点  
  71.         path1.moveTo(10340);  
  72.         // 线路1  
  73.         path1.lineTo(70340);  
  74.         // 线路2  
  75.         path1.lineTo(40290);  
  76.         path1.close();  
  77.         // 根据Path进行绘制,绘制三角形  
  78.         canvas.drawPath(path1, paint);  
  79.         // 定义一个Path对象,绘制一个五角形  
  80.         Path path2 = new Path();  
  81.         path2.moveTo(26360);  
  82.         path2.lineTo(54360);  
  83.         path2.lineTo(70392);  
  84.         path2.lineTo(40420);  
  85.         path2.lineTo(10392);  
  86.         path2.close();  
  87.         // 根据Path进行绘制,绘制三角形  
  88.         canvas.drawPath(path2, paint);  
  89.   
  90.         // -------------设置填充风格后绘制---------------------------  
  91.         paint.setStyle(Paint.Style.FILL);  
  92.         paint.setColor(Color.RED);  
  93.         // 绘制圆形  
  94.         canvas.drawCircle(1204030, paint);  
  95.         // 绘制正方形  
  96.         canvas.drawRect(9080150140, paint);  
  97.         // 绘制矩形  
  98.         canvas.drawRect(90200150190, paint);  
  99.         // 绘制圆角矩形  
  100.         RectF rectF3 = new RectF(90200150230);  
  101.         canvas.drawRoundRect(rectF3, 1515, paint);  
  102.         // 绘制椭圆  
  103.         RectF rectF4 = new RectF(90240150270);  
  104.         canvas.drawOval(rectF4, paint);  
  105.         // 绘制三角形  
  106.         Path path3 = new Path();  
  107.         path3.moveTo(90340);  
  108.         path3.lineTo(150340);  
  109.         path3.lineTo(120290);  
  110.         path3.close();  
  111.         canvas.drawPath(path3, paint);  
  112.         // 绘制五角形  
  113.         Path path4 = new Path();  
  114.         path4.moveTo(106360);  
  115.         path4.lineTo(134360);  
  116.         path4.lineTo(150392);  
  117.         path4.lineTo(120420);  
  118.         path4.lineTo(90392);  
  119.         path4.close();  
  120.         canvas.drawPath(path4, paint);  
  121.   
  122.         // -------------设置渐变器后绘制------------------  
  123.         // 为paint设置渐变器  
  124.         Shader mShader = new LinearGradient(004060new int[] {  
  125.                 Color.RED, Color.GREEN, Color.BLUE, Color.YELLOW }, null,  
  126.                 Shader.TileMode.REPEAT);  
  127.         paint.setShader(mShader);  
  128.         //设置阴影  
  129.         paint.setShadowLayer(451010, Color.GRAY);  
  130.         // 绘制圆形  
  131.         canvas.drawCircle(2004030, paint);  
  132.         // 绘制正方形  
  133.         canvas.drawRect(17080230140, paint);  
  134.         // 绘制矩形  
  135.         canvas.drawRect(170150230190, paint);  
  136.         // 绘制圆角矩形  
  137.         RectF rectF5 = new RectF(170200230230);  
  138.         canvas.drawRoundRect(rectF5, 1515, paint);  
  139.         // 绘制椭圆  
  140.         RectF rectF6 = new RectF(170240230270);  
  141.         canvas.drawOval(rectF6, paint);  
  142.         // 绘制三角形  
  143.         Path path6 = new Path();  
  144.         path6.moveTo(170340);  
  145.         path6.lineTo(230340);  
  146.         path6.lineTo(200290);  
  147.         path6.close();  
  148.         canvas.drawPath(path6, paint);  
  149.         // 绘制五角形  
  150.         Path path5 = new Path();  
  151.         path5.moveTo(186360);  
  152.         path5.lineTo(214360);  
  153.         path5.lineTo(230392);  
  154.         path5.lineTo(200420);  
  155.         path5.lineTo(170392);  
  156.         path5.close();  
  157.         canvas.drawPath(path5, paint);  
  158.           
  159.         //----------设置字符大小后绘制-----------------  
  160.         paint.setTextSize(24);  
  161.         paint.setShader(null);  
  162.         //绘制7个字符串  
  163.         canvas.drawText("圆形"24050, paint);  
  164.         canvas.drawText("正方形"240120, paint);  
  165.         canvas.drawText("矩形"240175, paint);  
  166.         canvas.drawText("圆角矩形"240220, paint);  
  167.         canvas.drawText("椭圆形"240260, paint);  
  168.         canvas.drawText("三角形"240325, paint);  
  169.         canvas.drawText("五角形"240390, paint);  
  170.     }  
  171.   
  172. }  

Path类: Android提供的Path是一个非常有用的类,它可以预先在View上将N个点连成一条"路径",然后调用Canvas的drawPath(Path path, Paint paint)即可沿着路径绘制图形.实际上Android还为路径绘制提供了PathEffect来定义绘制效果,PathEffect包含了如下子类(每个子类代表一种绘制效果):

Corner PathEffect
Discrete PathEffect
Dash PathEffect
Path Dash PathEffect
Compose PathEffect
Sum PathEffect

这些绘制效果使用语言来表述总显得有些空洞,下面通过一个程序来了解一下绘制效果.接下来的程序绘制7条路径,分别示范了不适用效果和使用上面6种效果的示意.

  1. package com.example.canvastest.view;  
  2.   
  3. import android.content.Context;  
  4. import android.graphics.Canvas;  
  5. import android.graphics.Color;  
  6. import android.graphics.ComposePathEffect;  
  7. import android.graphics.CornerPathEffect;  
  8. import android.graphics.DashPathEffect;  
  9. import android.graphics.DiscretePathEffect;  
  10. import android.graphics.Paint;  
  11. import android.graphics.Path;  
  12. import android.graphics.PathDashPathEffect;  
  13. import android.graphics.PathEffect;  
  14. import android.graphics.SumPathEffect;  
  15. import android.util.AttributeSet;  
  16. import android.view.View;  
  17.   
  18. /** 
  19.  * 使用Path绘制路径 
  20.  * @author Administrator 
  21.  * 
  22.  */  
  23. public class MyPathView extends View {  
  24.     private float phase;  
  25.     private PathEffect[] pathEffects = new PathEffect[7];  
  26.     private int[] colors;  
  27.     private Path path;  
  28.     private Paint paint;  
  29.   
  30.     public MyPathView(Context context) {  
  31.         this(context, null);  
  32.     }  
  33.   
  34.     public MyPathView(Context context, AttributeSet attrs) {  
  35.         this(context, attrs, 0);  
  36.     }  
  37.   
  38.     public MyPathView(Context context, AttributeSet attrs, int defStyleAttr) {  
  39.         super(context, attrs, defStyleAttr);  
  40.         paint = new Paint();  
  41.         paint.setStyle(Paint.Style.STROKE);  
  42.         paint.setStrokeWidth(4);  
  43.   
  44.         // 创建并初始化Path  
  45.         path = new Path();  
  46.         path.moveTo(00);  
  47.         for (int i = 0; i < 15; i++) {  
  48.             // 生成15个点,随机生成他们的Y坐标,并将它们练成一条Path  
  49.             path.lineTo(i * 20, (float) Math.random() * 60);  
  50.         }  
  51.         // 初始化7个颜色  
  52.         colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN, Color.GREEN,  
  53.                 Color.MAGENTA, Color.RED, Color.YELLOW };  
  54.     }  
  55.   
  56.       
  57.     @Override  
  58.     protected void onDraw(Canvas canvas) {  
  59.         super.onDraw(canvas);  
  60.         ///将背景填充为白色  
  61.         canvas.drawColor(Color.WHITE);  
  62.         //-------下面开始初始化7种路径效果--------  
  63.         //不使用路径效果  
  64.         pathEffects[0] = null;  
  65.         //使用CornerPathEffect路径效果//角路径效应  
  66.         pathEffects[1] = new CornerPathEffect(10);  
  67.         //使用DiscretePathEffect路径效果//离散路径效应  
  68.         pathEffects[2] = new DiscretePathEffect(3.0f, 5.0f);  
  69.         //DashPathEffect//短跑路径效应  
  70.         pathEffects[3] = new DashPathEffect(new float[]{2010510}, phase);  
  71.         //PathDashPathEffect//短跑的路径路径效应  
  72.         Path p = new Path();  
  73.         p.addRect(0088, Path.Direction.CCW);  
  74.         pathEffects[4] = new PathDashPathEffect(p, 12, phase, PathDashPathEffect.Style.ROTATE);  
  75.         //ComposePathEffect//组成的路径效应  
  76.         pathEffects[5] = new ComposePathEffect(pathEffects[2], pathEffects[4]);  
  77.         //SumPathEffect//总和路径效应  
  78.         pathEffects[6] = new SumPathEffect(pathEffects[4], pathEffects[3]);  
  79.           
  80.         //将画布移动到(8,8)出绘制  
  81.         canvas.translate(88);  
  82.         //依次使用7种不同路径效果,7种颜色来绘制路径  
  83.         for (int i = 0; i < pathEffects.length; i++) {  
  84.             paint.setPathEffect(pathEffects[i]);  
  85.             paint.setColor(colors[i]);  
  86.             canvas.drawPath(path, paint);  
  87.             canvas.translate(060);  
  88.         }  
  89.         //改变phase值,形成动画效果  
  90.         phase += 1;  
  91.         invalidate();  
  92.     }  
  93.   
  94. }  

除此之外,Android的Canvas还提供了一个DrawTextOnPath(String text,Path path, float hOffset, float vOffset, Paint paint)方法,该方法可以沿着Path绘制文本,其中hOffset参数指定水平偏移,vOffset参数指定垂直偏移.

  1. package com.example.canvastest.view;  
  2.   
  3. import android.content.Context;  
  4. import android.graphics.Canvas;  
  5. import android.graphics.Color;  
  6. import android.graphics.Paint;  
  7. import android.graphics.Paint.Align;  
  8. import android.graphics.Path;  
  9. import android.graphics.RectF;  
  10. import android.util.AttributeSet;  
  11. import android.view.View;  
  12.   
  13. /** 
  14.  * 使用drawTextOnPaht,沿着Path(路径)绘制文本 
  15.  *  
  16.  * @author Administrator 
  17.  */  
  18. public class MyPathTextView extends View {  
  19.     final String DRAW_STR = "绘制文本";  
  20.     private Path[] paths = new Path[3];  
  21.     Paint paint;  
  22.   
  23.     public MyPathTextView(Context context) {  
  24.         this(context, null);  
  25.     }  
  26.   
  27.     public MyPathTextView(Context context, AttributeSet attrs) {  
  28.         this(context, attrs, 0);  
  29.     }  
  30.   
  31.     public MyPathTextView(Context context, AttributeSet attrs, int defStyleAttr) {  
  32.         super(context, attrs, defStyleAttr);  
  33.         paths[0] = new Path();  
  34.         paths[0].moveTo(00);  
  35.         for (int i = 0; i < 7; i++) {  
  36.             // 生成7个点,随机生成它们的y坐标,并将它们连成一条path  
  37.             paths[0].lineTo(1 * 30, (float) Math.random() * 30);  
  38.         }  
  39.         paths[1] = new Path();  
  40.         RectF rectf = new RectF(00200120);  
  41.         paths[1].addOval(rectf, Path.Direction.CCW);  
  42.         paths[2] = new Path();  
  43.         paths[2].addArc(rectf, 60180);  
  44.         // 初始化画笔  
  45.         paint = new Paint();  
  46.         paint.setAntiAlias(true);  
  47.         paint.setColor(Color.CYAN);  
  48.         paint.setStrokeWidth(1);  
  49.   
  50.     }  
  51.   
  52.     @Override  
  53.     protected void onDraw(Canvas canvas) {  
  54.         super.onDraw(canvas);  
  55.   
  56.         canvas.drawColor(Color.WHITE);  
  57.         canvas.translate(4040);  
  58.         // 设置从右边开始绘制(右对齐)  
  59.         paint.setTextAlign(Paint.Align.RIGHT);  
  60.         paint.setTextSize(20);  
  61.         // 绘制路径  
  62.         paint.setStyle(Paint.Style.STROKE);  
  63.         canvas.drawPath(paths[0], paint);  
  64.         // 沿着路径绘制一段文本  
  65.         paint.setStyle(Paint.Style.FILL);  
  66.         canvas.drawTextOnPath(DRAW_STR, paths[0], -820, paint);  
  67.         // 对canvas进行坐标变换:画布下移60  
  68.         canvas.translate(060);  
  69.         // 绘制路径  
  70.         paint.setStyle(Paint.Style.STROKE);  
  71.         canvas.drawPath(paths[1], paint);  
  72.         // 沿着路径绘制一段文本  
  73.         paint.setStyle(Paint.Style.FILL);  
  74.         canvas.drawTextOnPath(DRAW_STR, paths[1], -2020, paint);  
  75.         // 对canvas进行坐标变换:画布下移120  
  76.         canvas.translate(0120);  
  77.         // 绘制路径  
  78.         paint.setStyle(Paint.Style.STROKE);  
  79.         canvas.drawPath(paths[2], paint);  
  80.         // 沿着路径绘制一段文本  
  81.         paint.setStyle(Paint.Style.FILL);  
  82.         canvas.drawTextOnPath(DRAW_STR, paths[2], -1020, paint);  
  83.     }  
  84.   
  85. }  

下面是一个使用双缓冲机制实现的画面板例子

  1. package com.example.canvastest.view;  
  2.   
  3. import android.content.Context;  
  4. import android.graphics.Bitmap;  
  5. import android.graphics.Canvas;  
  6. import android.graphics.Color;  
  7. import android.graphics.Paint;  
  8. import android.graphics.Path;  
  9. import android.util.AttributeSet;  
  10. import android.view.MotionEvent;  
  11. import android.view.View;  
  12.   
  13. public class DrawView extends View {  
  14.     float preX;  
  15.     float preY;  
  16.     private Paint paint = null;  
  17.     final int VIEW_WIDTH = 320;  
  18.     final int VIEW_HEIGHT = 480;  
  19.     // 定义一个内存中的图片,该图片将作为缓冲区  
  20.     Bitmap cacheBitmap = null;  
  21.     // 定义cachebitmap上的canvas对象  
  22.     Canvas cacheCanvas = null;  
  23.     Path path = null;  
  24.   
  25.     public DrawView(Context context) {  
  26.         this(context, null);  
  27.     }  
  28.     public DrawView(Context context, AttributeSet attrs) {  
  29.         this(context, attrs, 0);  
  30.     }  
  31.   
  32.     public DrawView(Context context, AttributeSet attrs, int defStyleAttr) {  
  33.         super(context, attrs, defStyleAttr);  
  34.         // 设置画笔的颜色  
  35.         paint = new Paint(Paint.DITHER_FLAG);  
  36.         paint.setColor(Color.RED);  
  37.         // 设置画笔的风格  
  38.         paint.setStyle(Paint.Style.STROKE);  
  39.         paint.setStrokeWidth(1);  
  40.         // 抗锯齿  
  41.         paint.setAntiAlias(true);  
  42.         paint.setDither(true);  
  43.         // 创建一个与该View相同大小的缓冲区  
  44.         cacheBitmap = Bitmap.createBitmap(VIEW_WIDTH, VIEW_HEIGHT,  
  45.                 Bitmap.Config.ARGB_8888);  
  46.         // 设置cacheCanvas将会绘制到内存中的cacheBitmap上  
  47.         cacheCanvas = new Canvas();  
  48.         path = new Path();  
  49.         cacheCanvas.setBitmap(cacheBitmap);  
  50.     }  
  51.   
  52.     @Override  
  53.     public boolean onTouchEvent(MotionEvent event) {  
  54.         float x = event.getX();  
  55.         float y = event.getY();  
  56.   
  57.         switch (event.getAction()) {  
  58.         case MotionEvent.ACTION_DOWN:  
  59.             path.moveTo(x, y);  
  60.             preX = x;  
  61.             preY = x;  
  62.             break;  
  63.         case MotionEvent.ACTION_MOVE:  
  64.             path.quadTo(preX, preY, x, y);  
  65.             preX = x;  
  66.             preY = y;  
  67.             break;  
  68.         case MotionEvent.ACTION_UP:  
  69.             cacheCanvas.drawPath(path, paint);  
  70.             path.reset();  
  71.             break;  
  72.         }  
  73.         invalidate();  
  74.   
  75.         // 返回true表明处理方法已经处理该事件  
  76.         return true;  
  77.     }  
  78.   
  79.     @Override  
  80.     protected void onDraw(Canvas canvas) {  
  81.         super.onDraw(canvas);  
  82.         Paint paint = new Paint();  
  83.         // 将该bitmap绘制到该View组件上  
  84.         canvas.drawBitmap(cacheBitmap, 00, paint);  
  85.         // 沿着path绘制  
  86.         canvas.drawPath(path, paint);  
  87.   
  88.     }  
  89.   
  90. }  

一个弹球游戏例子

  1. package com.example.canvastest;  
  2.   
  3. import java.util.Random;  
  4. import java.util.Timer;  
  5. import java.util.TimerTask;  
  6.   
  7. import android.app.Activity;  
  8. import android.content.Context;  
  9. import android.graphics.Canvas;  
  10. import android.graphics.Color;  
  11. import android.graphics.Paint;  
  12. import android.os.Bundle;  
  13. import android.os.Handler;  
  14. import android.util.AttributeSet;  
  15. import android.util.DisplayMetrics;  
  16. import android.view.Display;  
  17. import android.view.KeyEvent;  
  18. import android.view.View;  
  19. import android.view.View.OnKeyListener;  
  20. import android.view.Window;  
  21. import android.view.WindowManager;  
  22.   
  23. public class PinBallActivity extends Activity {  
  24.     /** 桌面的宽度 */  
  25.     private int tableWidth;  
  26.     /** 桌面的高度 */  
  27.     private int tableHeight;  
  28.   
  29.     /** 随机数生成器 **/  
  30.     private Random random = new Random();  
  31.   
  32.     /** 球拍的垂直位置 */  
  33.     private int racketY;  
  34.     /** 球拍的水平位置 */  
  35.     private int racketX = random.nextInt(200);  
  36.     /** 球拍的宽度 */  
  37.     private final int RACKET_WIDTH = 70;  
  38.     /** 球拍的高度 */  
  39.     private final int RACKET_HEIGHT = 20;  
  40.   
  41.     /** 小球的大小 */  
  42.     private int BALL_SIZE = 12;  
  43.     /** 小球的X坐标 */  
  44.     private int ballX = random.nextInt(200) + 20;  
  45.     /** 小球的Y坐标 */  
  46.     private int ballY = random.nextInt(10) + 20;  
  47.       
  48.     /**返回一个-0.5~0.5的比率,用于控制小球的运行方向*/  
  49.     private double xyRate = random.nextDouble()- 0.5;  
  50.     /**小球的纵向运行速度*/  
  51.     private int ySpeed = 10;  
  52.     /**小球的横向运行速度*/  
  53.     private int xSpeed = (int) (ySpeed * xyRate * 2);     
  54.   
  55.     /*** 游戏是否结束的游标 */  
  56.     private boolean isLose = false;  
  57.   
  58.     @Override  
  59.     protected void onCreate(Bundle savedInstanceState) {  
  60.         super.onCreate(savedInstanceState);  
  61.         // 去掉窗口标题  
  62.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  63.         // 全屏显示  
  64.         getWindow().setFlags(WindowManager.LayoutParams.MATCH_PARENT,  
  65.                 WindowManager.LayoutParams.MATCH_PARENT);  
  66.         // 创建FameView组件  
  67.         final GameView gameView = new GameView(this);  
  68.         setContentView(gameView);  
  69.         // 获取窗口管理器  
  70.         WindowManager manager = getWindowManager();  
  71.         // 获取密度  
  72.         Display display = manager.getDefaultDisplay();  
  73.         DisplayMetrics displayMetrics = new DisplayMetrics();  
  74.         display.getMetrics(displayMetrics);  
  75.         // 获得屏幕的宽和高  
  76.         tableWidth = displayMetrics.widthPixels;  
  77.         tableHeight = displayMetrics.heightPixels;  
  78.         // 初始化球拍的垂直位置  
  79.         racketY = tableHeight - 80;  
  80.         final Handler handler = new Handler() {  
  81.             public void handleMessage(android.os.Message msg) {  
  82.                 if (msg.what == 0x123) {  
  83.                     gameView.invalidate();  
  84.                 }  
  85.             };  
  86.         };  
  87.   
  88.         gameView.setOnKeyListener(new OnKeyListener() {  
  89.             @Override  
  90.             public boolean onKey(View v, int keyCode, KeyEvent event) {  
  91.                 // 获取由那个键触发的事件  
  92.                 switch (event.getAction()) {  
  93.                 // 控制挡板左移  
  94.                 case KeyEvent.KEYCODE_A:  
  95.                     if (racketX > 0)  
  96.                         racketX -= 10;  
  97.                     break;  
  98.                 // 控制挡板右移  
  99.                 case KeyEvent.KEYCODE_D:  
  100.                     if (racketX < tableWidth - tableWidth)  
  101.                         racketX += 10;  
  102.                     break;  
  103.                 }  
  104.                 // 通知GameView重绘  
  105.                 gameView.invalidate();  
  106.                 return true;  
  107.             }  
  108.         });  
  109.         final Timer timer = new Timer();  
  110.         timer.schedule(new TimerTask() {  
  111.             @Override  
  112.             public void run() {  
  113.                 //如果小球碰到左边边框  
  114.                 if(ballX <= 0  || ballX >= tableWidth - BALL_SIZE){  
  115.                     xSpeed = -xSpeed;  
  116.                 }  
  117.                 //如果小球高度超出了球拍的位置,且横向不在球拍的范围之内,游戏结束  
  118.                 if(ballY >= racketY - BALL_SIZE && (ballX  < racketX || ballX > racketX + RACKET_WIDTH)){  
  119.                     timer.cancel();  
  120.                     //设置游戏是否结束的旗标为true  
  121.                     isLose = true;  
  122.                 }  
  123.                 //如果小球位于球拍之内,且到达球拍位置,小球反弹  
  124.                 else if(ballY <= 0 || (ballY >= racketY - BALL_SIZE && ballX >racketX && ballX <= racketX + RACKET_WIDTH)){  
  125.                     ySpeed = -ySpeed;  
  126.                 }  
  127.                 //小球的坐标增加  
  128.                 ballX += xSpeed;  
  129.                 ballY += ySpeed;  
  130.                 //发送消息,通知系统重绘组件  
  131.                 handler.sendEmptyMessage(0x123);  
  132.             }  
  133.         }, 0100);  
  134.     }  
  135.   
  136.     class GameView extends View {  
  137.         Paint paint = new Paint();  
  138.   
  139.         public GameView(Context context) {  
  140.             this(context, null);  
  141.         }  
  142.   
  143.         public GameView(Context context, AttributeSet attrs) {  
  144.             this(context, attrs, 0);  
  145.         }  
  146.   
  147.         public GameView(Context context, AttributeSet attrs, int defStyleAttr) {  
  148.             super(context, attrs, defStyleAttr);  
  149.             // 接收焦点  
  150.             setFocusable(true);  
  151.         }  
  152.   
  153.         @Override  
  154.         protected void onDraw(Canvas canvas) {  
  155.             super.onDraw(canvas);  
  156.             // 设置样式  
  157.             paint.setStyle(Paint.Style.FILL);  
  158.             // 抗锯齿  
  159.             paint.setAntiAlias(true);  
  160.             // 如果游戏已经结束  
  161.             if (isLose) {  
  162.                 // 颜色  
  163.                 paint.setColor(Color.RED);  
  164.                 ;  
  165.                 // 字体大小  
  166.                 paint.setTextSize(40);  
  167.                 canvas.drawText("游戏结束"50200, paint);  
  168.             }  
  169.             // 如果游戏还没有结束  
  170.             else {  
  171.                 // 设置颜色,绘制小球  
  172.                 paint.setColor(Color.rgb(24024080));  
  173.                 canvas.drawCircle(ballX, ballY, BALL_SIZE, paint);  
  174.                 // 设置颜色,绘制球拍  
  175.                 paint.setColor(Color.rgb(8080200));  
  176.                 canvas.drawRect(racketX, racketY, racketX + RACKET_WIDTH,  
  177.                         racketY + RACKET_HEIGHT, paint);  
  178.             }  
  179.   
  180.         }  
  181.   
  182.     }  
  183.   
  184. }  



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:27484次
    • 积分:730
    • 等级:
    • 排名:千里之外
    • 原创:40篇
    • 转载:59篇
    • 译文:0篇
    • 评论:0条