Android中利用画图类和线程画出闪烁的心形

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

本文讲解主要涉及的知识点：

1.线程控制 
2.画图类 
3.心形函数

大家先看图片：

<ignore_js_op>

因为前一段时间在写画图类，刚好有一个线程控制画图闪烁的，我就想说我能不能做一个心形闪烁的，出来的效果就如图，先贴再讲解代码：

里面设置两个类，一个是我们的activity类，这个类用来显示示图，然后建一个继承SurfaceView的类，我们在这里面画图。先贴两个累的代码：

主类名：GameMainActivity，画图类类名：Love.

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
//		setContentView(new FxCanvasView(this, null));
		setContentView(new Love(this));
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

　　

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

/**
 * @author CZ
 *
 */
public class Love extends SurfaceView implements SurfaceHolder.Callback,
        Runnable {

    boolean mbloop = false;
    SurfaceHolder mSurfaceHolder = null;
    private Canvas canvas;
    int miCount = 0;
    int y = 50;

    /**
     * @param context
     */
    public Love(Context context) {
        super(context);
        mSurfaceHolder = this.getHolder();
        mSurfaceHolder.addCallback(this);
        this.setFocusable(true);
        this.setKeepScreenOn(true);
        mbloop = true;
    }

    /*
     * (non-Javadoc)
     *
     * @see
     * android.view.SurfaceHolder.Callback#surfaceChanged(android.view.SurfaceHolder
     * , int, int, int)
     */
    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height) {
        // TODO Auto-generated method stub

    }

    /*
     * (non-Javadoc)
     *
     * @see
     * android.view.SurfaceHolder.Callback#surfaceCreated(android.view.SurfaceHolder
     * )
     */
    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        new Thread(this).start();
    }

    /*
     * (non-Javadoc)
     *
     * @seeandroid.view.SurfaceHolder.Callback#surfaceDestroyed(android.view.
     * SurfaceHolder)
     */
    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        mbloop = false;
    }

    /*
     * (non-Javadoc)
     *
     * @see java.lang.Runnable#run()
     */
    @Override
    public void run() {
        // TODO Auto-generated method stub
        while (mbloop) {
            try {
                Thread.sleep(200);
            } catch (Exception e) {
                // TODO: handle exception
            }
            synchronized (mSurfaceHolder) {
                Draw();
            }
        }
    }

    /**
     *
     * Year:2011 Date:2011-7-27 Time:下午06:52:04 Author:CZ TODO
     */
    private void Draw() {
         // TODO Auto-generated method stub
         canvas = mSurfaceHolder.lockCanvas();
         try {
             if (mSurfaceHolder == null || canvas == null) {
                 return;
             }
             if (miCount < 100) {
                 miCount++;
             } else {
                 miCount = 0;
             }
             Paint paint = new Paint();
             paint.setAntiAlias(true);
             paint.setColor(Color.BLACK);
             canvas.drawRect(0, 0, 320, 480, paint);
             switch (miCount % 6) {
             case 0:
                 paint.setColor(Color.BLUE);
                 break;
            case 1:
                 paint.setColor(Color.GREEN);
                 break;
             case 2:
                 paint.setColor(Color.RED);
                 break;
             case 3:
                 paint.setColor(Color.YELLOW);
                 break;
             case 4:
                 paint.setColor(Color.argb(255, 255, 181, 216));
                 break;
             case 5:
                 paint.setColor(Color.argb(255, 0, 255, 255));
                 break;
             default:
                 paint.setColor(Color.WHITE);
                 break;
             }
             int i, j;
             double x, y, r; 

             for (i = 0; i <= 90; i++) {
                 for (j = 0; j<= 90; j++) {
                     r = Math.PI / 45 * i * (1 - Math.sin(Math.PI / 45 * j))
                             * 20;
                     x = r * Math.cos(Math.PI / 45 * j)
                             * Math.sin(Math.PI / 45 * i) + 320 / 2;
                     y = -r * Math.sin(Math.PI / 45 * j) + 400 / 4;
                     canvas.drawPoint((float) x, (float) y, paint);
                 }
             } 

             paint.setTextSize(32);
             paint.setTypeface(Typeface.create(Typeface.SERIF, Typeface.ITALIC)); 

             RectF rect = new RectF(60, 400, 260, 405);
             canvas.drawRoundRect(rect, (float) 1.0, (float) 1.0, paint);
             canvas.drawText("Loving You", 75, 400, paint);
             mSurfaceHolder.unlockCanvasAndPost(canvas);
         } catch (Exception e) {
         } 

     }
}

关于这个程序要讲解的几点：

1. 画图的时候你可以继承View,也可以继承SurfaceView,这两者的区别在于：surfaceView是在一个新起的单独线程中可以重新绘制画面而View必须在UI的主线程中更新画面。SurfaceView可以控制表面的格式，比如大小，显示在屏幕中的位置，最关键是的提供了SurfaceHolder类，使用getHolder方法获取，还有涉及的surfaceCreated（SurfaceHolder holder）,surfaceDestroyed(SurfaceHolder holder),surfaceChanged(SurfaceHolder holder, int format, int width, int height)方法，而在SurfaceHolder.Callback 接口回调中可以通过重写来改变这些方法

2.程序其实很简单， 既然生命了Runnable接口，就有相对应的Run方法，在surfaceCreate（）的时候开启线程，线程每隔200ms就刷新一次，这样我们看到的效果就是闪烁的，每200毫秒 画一次图，根据经过的间隔时间来设置画笔的颜色，然后通过循环描点，画出心形，然后设置字体大小，画字和字下面的横线。

3.关于心形函数，是从一个例子中看来得，关于x和y的得到，

x = r * Math.cos(Math.PI / 45 * j)  * Math.sin(Math.PI / 45 * i) + 320 / 2；  y = -r * Math.sin(Math.PI / 45 * j) + 400 / 4;

320是屏幕的宽度，本来竖屏我设置的是480，可是下面得写字，就设置为400的了，关于画更好看的心形还有一个函数，大家可以看下：