Android 基于SurfaceView 开发示波器

本文内容摘自《疯狂Android讲义 第3版》 李刚 著

Layout布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="shortcut.song.com.myapplication.ShowWaveActivity">

    <Button
        android:id="@+id/sin"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:gravity="center_horizontal"
        android:text="sin"/>
    <Button
        android:id="@+id/cos"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/sin"
        android:text="cos"
        />
    <SurfaceView
        android:id="@+id/show"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/sin"
        />
</RelativeLayout>

package shortcut.song.com.myapplication;

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.widget.Button;

import java.util.Timer;
import java.util.TimerTask;

public class ShowWaveActivity extends AppCompatActivity {
    private SurfaceHolder holder;
    private Paint paint;
    final int HEIGHT = 420;
    final int WIDTH = 780;
    final int X_OFFSET = 5;
    private int cx = X_OFFSET;

    //实际Y轴的位置
    int centerY = HEIGHT / 2;
    Timer timer  = new Timer();
    TimerTask task = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_show_wave);
        final SurfaceView surfaceView = (SurfaceView)findViewById(R.id.show);
        //初始化SurfaceHolder对象
        holder = surfaceView.getHolder();
        paint = new Paint();
        paint.setColor(Color.GREEN);
        paint.setStrokeWidth(3);
        Button sin = (Button)findViewById(R.id.sin);
        Button cos = (Button)findViewById(R.id.cos);

        View.OnClickListener listener = new View.OnClickListener() {
            @Override
            public void onClick(final View v) {
                drawkBack(holder);
                cx = X_OFFSET;
                if (task != null)
                {
                    task.cancel();
                }
                task = new TimerTask() {
                    @Override
                    public void run() {
                        int cy = v.getId() == R.id.sin? centerY - (int)(100 * Math.sin((cx - 5) * 2 * Math.PI / 150))
                                :centerY - (int)(100 * Math.cos((cx - 5) * 2 * Math.PI / 150));

                        Canvas canvas = holder.lockCanvas(new Rect(cx, cy - 2, cx + 2, cy + 2));
                        canvas.drawPoint(cx, cy, paint);
                        cx++;
                        if (cx > WIDTH)
                        {
                            task.cancel();
                            task = null;
                        }
                        holder.unlockCanvasAndPost(canvas);
                    }
                };

                timer.schedule(task, 0, 30);
            }
        };

        sin.setOnClickListener(listener);
        cos.setOnClickListener(listener);

        holder.addCallback(new SurfaceHolder.Callback() {
            @Override
            public void surfaceCreated(SurfaceHolder holder) {

            }

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

            @Override
            public void surfaceDestroyed(SurfaceHolder holder) {
                timer.cancel();
            }
        });


    }

    private void drawkBack(SurfaceHolder holder)
    {
        Canvas canvas = holder.lockCanvas();
        //绘制白色背景
        canvas.drawColor(Color.WHITE);
        Paint p = new Paint();
        p.setColor(Color.BLACK);
        p.setStrokeWidth(2);
        //绘制坐标
        canvas.drawLine(X_OFFSET, centerY,WIDTH, centerY, p);
        canvas.drawLine(X_OFFSET, 40,  X_OFFSET, HEIGHT, p);
        holder.unlockCanvasAndPost(canvas);
        holder.lockCanvas(new Rect(0,0,0,0));
        holder.unlockCanvasAndPost(canvas);
    }

}

效果图：