SurfaceView实现示波器效果

前言

SurfaceView内嵌在Activity的视图树里提供一块用于绘制的表层。提供它的主要目的之一就是方便其他线程更新界面,对于UI有大量用户操作需要不断更新界面的需求提供了方便。Android中的自定义View也支持自定义绘制,然而View只支持在UI线程中更新界面,如果需要像游戏那样做大量的运算会导致界面卡顿。SurfaceView就不同了,它允许用户在非UI线程中更新界面,同时天然的支持双缓冲功能,用户先在绘制缓冲中进行绘制,绘制结束后再把最终结果整体展示到界面缓冲上,避免绘制过程中出现闪烁问题。

实现效果

示波器效果

实现接口

SurfaceView其实封装了Surface实现展示界面,必须要确保内部的Surface对象已经初始化完成才可以开始绘制工作。SurfaceHolder里实现了对内部Surface生命周期的监控回调,调用SurfaceHolder.addCallback添加一个SurfaceHolder.Callback回调实现。

public interface Callback {
    // 当Surface对象被创建会立即回调
    public void surfaceCreated(SurfaceHolder holder);
    // Surface对象发生变化
    public void surfaceChanged(SurfaceHolder holder, int format, int width,
            int height);
    // Surface对象被摧毁
    public void surfaceDestroyed(SurfaceHolder holder);
}

可以在surfaceCreated之后开始新线程的绘制操作,在surfaceDestroyed需要停止绘制操作,必须要确定绘制线程操作的图层处于SurfaceCreated和SurfaceDestroy两个方法之间,否则绘制处于非法状态。
除了Surface生命周期的问题,还要考虑多线程情况下线程同步问题。Java的内存模型中分为工作内存和主内存,共享变量在不同的线程工作内存中都有拷贝,为了保持不同线程中的共享变量是最新的,需要把共享变量声明为volatile类型,这样每次读取或者更新共享变量都会和主内存同步,确保共享变量数值的实时性。

SurfaceView绘制最主要的两个接口是SurfaceHolder.lockCanvas和SurfaceHolder.unlockCanvasAndPost,前者负责获取绘制Surface的Canvas对象,用户具体的作图操

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是使用SurfaceView绘制正弦波的示例代码: 首先,在布局文件中添加SurfaceView: ```xml <SurfaceView android:id="@+id/surfaceView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 然后,在Activity中获取SurfaceView引用,并使用一个新线程来绘制正弦波: ```java public class MainActivity extends AppCompatActivity { private SurfaceView surfaceView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); surfaceView = findViewById(R.id.surfaceView); // 使用新线程绘制正弦波 new Thread(new Runnable() { @Override public void run() { drawSinWave(); } }).start(); } private void drawSinWave() { // 获取SurfaceHolder引用 final SurfaceHolder holder = surfaceView.getHolder(); // 定义X,Y坐标轴的单位长度(每一个像素表示多少距离) final float xAxisUnit = 30f; final float yAxisUnit = 50f; // 获取SurfaceView的宽高 final int width = surfaceView.getWidth(); final int height = surfaceView.getHeight(); // 定义正弦函数的周期、振幅和相位 final float cycle = 2 * (float) Math.PI / xAxisUnit; final float amplitude = height / 4; final float phase = 0; while (true) { // 获取当前的Canvas对象 Canvas canvas = holder.lockCanvas(); if (canvas != null) { // 清空画布 canvas.drawColor(Color.WHITE); // 绘制坐标轴 paint.setColor(Color.BLACK); paint.setStrokeWidth(2f); canvas.drawLine(0f, height / 2f, width, height / 2f, paint); canvas.drawLine(width / 2f, 0f, width / 2f, height, paint); // 绘制正弦波 paint.setColor(Color.BLUE); paint.setStrokeWidth(3f); float lastX = 0f, lastY = 0f; for (float x = 0; x <= width; x += 1) { float y = (float) (amplitude * Math.sin(cycle * (x / xAxisUnit) + phase)) + height / 2f; if (x > 0) { canvas.drawLine(lastX, lastY, x, y, paint); } lastX = x; lastY = y; } // 释放当前的Canvas对象 holder.unlockCanvasAndPost(canvas); } // 暂停一定时间后再重新绘制 try { Thread.sleep(10); } catch (InterruptedException e) { e.printStackTrace(); } } } } ``` 以上代码中,我们将绘制正弦波的代码放入了一个循环中,以便不断地更新SurfaceView上的内容。 具体细节见注释。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值