大家先看图片:
因为前一段时间在写画图类,刚好有一个线程控制画图闪烁的,我就想说我能不能做一个心形闪烁的,出来的效果就如图,先贴再讲解代码:
里面设置两个类,一个是我们的activity类,这个类用来显示示图,然后建一个继承SurfaceView的类,我们在这里面画图。先贴两个累的代码:
主类名:IaiaiMainActivity,画图类类名:Love.
- package com.iaiai.activity;
- import android.app.Activity;
- import android.os.Bundle;
- /**
- *
- * <p>
- * Title: IaiaiActivity.java
- * </p>
- * <p>
- * E-Mail: 176291935@qq.com
- * </p>
- * <p>
- * QQ: 176291935
- * </p>
- * <p>
- * Http: iaiai.iteye.com
- * </p>
- * <p>
- * Create time: 2011-8-11
- * </p>
- *
- * @author 丸子
- * @version 0.0.1
- */
- public class IaiaiActivity extends Activity {
- @Override
- public void onCreate(Bundle savedInstanceState) {
- super .onCreate(savedInstanceState);
- Love love = new Love( this );
- setContentView(love);
- }
- }
- package com.iaiai.activity;
- 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;
- /**
- *
- * <p>
- * Title: Love.java
- * </p>
- * <p>
- * E-Mail: 176291935@qq.com
- * </p>
- * <p>
- * QQ: 176291935
- * </p>
- * <p>
- * Http: iaiai.iteye.com
- * </p>
- * <p>
- * Create time: 2011-8-11
- * </p>
- *
- * @author 丸子
- * @version 0.0.1
- */
- 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();
- }
- }
- }
- 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的了,关于画更好看的心形还有一个函数,大家可以看下: