美文网首页
用Android画个闪烁的心

用Android画个闪烁的心

作者: looper1211 | 来源:发表于2016-06-05 00:52 被阅读274次

搞一个心形闪烁的图,出来的效果就下如图,里面设置两个类,一个是我们的activity类,这个类用来显示示图,然后建一个继承SurfaceView的类,我们在这里面画图。

模拟器效果图.jpg
  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()的时候开启线程,线程每隔500ms就刷新一次,这样我们看到的效果就是闪烁的,每500毫秒 画一次图,根据经过的间隔时间来设置画笔的颜色,然后通过循环描点,画出心形,然后设置字体大小,画字和字下面的横线。

Activity类

/**
 * 
 * @author Looper
 *
 */
public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        LoveView view = new LoveView(this);
        setContentView(view);
    }
}

SurfaceView类

/**
 * 
 * @author Looper
 *
 */
public class LoveView extends SurfaceView implements SurfaceHolder.Callback, Runnable {

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

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

    @Override
    public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        new Thread(this).start();
    }

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {

        mbloop = false;
    }

    @Override
    public void run() {
        // TODO Auto-generated method stub
        while (mbloop) {
            try {
                Thread.sleep(500);
            } 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) {
            e.printStackTrace();
        }

    }
}

相关文章

  • 用Android画个闪烁的心

    搞一个心形闪烁的图,出来的效果就下如图,里面设置两个类,一个是我们的activity类,这个类用来显示示图,然后建...

  • 用“心”画个圆

    人生,大概有四条线 绕来缠去,弄出一个不规则四边形 煞是难看 爱情与生活,一条线也是两条线 曲里拐弯,疙里疙瘩 荣...

  • android用shape画虚线,怎么也不显示

    原文地址:android用shape画虚线,怎么也不显示 一直以为android的shape能画直线,虚线,矩形,...

  • Android SystemUI 闪烁

    Android自定义Dialog, 设置全屏属性。 1: 完美效果: Dialog出现和消失的时候都不会有闪烁 2...

  • 心语闪烁

    改学生作文,看报纸的新年贺词,讲今天的试卷讲到雅俗共赏,有个感触,写作还是要讲个人内心的感触,粉饰太平的大...

  • android 事件分发

    android事件分发机制 首先看一下我用keynote画的图: 概括 首先,android的事件传递层级是Act...

  • 用我的心,画你

    用我的心,画你 | 作者:丛恩 怎么办呢我是如此的向往你来时的季节尽管,我的青丝皎皎可是那上乘之风,仍然在等你躬身...

  • 画面

    作家用文字记录生活 摄影用视频记录图像 声画同步用影视创作 美画生活美好的呈现 用一个字美由心而声 用一句话不够就...

  • 用Android画个五角星

    先看看效果 分析所谓五角星,其实就是均分圆上的5个点,相互连线而成的。 那么就只要知道这5个点的坐标就可以了。 那...

  • 禅绕随笔之闪烁

    欲了解禅绕画,可观看:禅绕画公开课 今天完成的,是书中的作业19:用沙特克完成一幅作品,要加上“闪烁”的效果。 闪...

网友评论

      本文标题:用Android画个闪烁的心

      本文链接:https://www.haomeiwen.com/subject/ljzldttx.html