利用SurfaceView显示正弦曲线,仿造示波器

众所周知,view是通过刷新来重绘视图的,Android系统通过发出VSYNC信号来进行屏幕重绘,刷新的时间间隔为16ms,如果在16ms内view完成你所需要的所有操作,那么用户在视觉上就不会产生卡顿的感觉;而如果执行的操作逻辑太多,特别是需要频繁刷新的界面,就会不断阻塞主线程,从而导致画面卡顿。

因此Android提供了surfaceView。

1.View主要适用于主动更新的情况,surfaceView主要适用于被动更新,例如频繁的刷新。

2.View在主线程 中对View进行刷新,surfaceView通常会用一个子线程来进行页面的刷新。

3.View在绘图时没有双缓冲机制,而surfaceView在底层就已经实现了双缓冲机制。

因此如果自定义view需要频繁刷新或者刷新时候的数据处理量比较大,那么就可以考虑使用surfaceView来代替View

使用SurfaceeView有一套模板,以下用一个例子说明:用surfaceView做出示波器的效果,画出正弦波。

package com.example.tangzh.MyView;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

import com.example.tangzh.mylearn.R;

/**
 * Created by TangZH on 2017/4/30.
 */
public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable //继承并实现两个接口
{
    private SurfaceHolder mHolder;
    //用于绘图的Canvas
    private Canvas mCanvas;
    //子线程标志位
    private boolean mIsDrawing;
    //画笔
    private Paint mPaint;
    private Path mPath;
    //x坐标
    private int x=0;
    //y坐标
    private int y=400;

    public MySurfaceView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
        initView();
    }

    public MySurfaceView(Context context)
    {
        super(context);
        initView();
    }

    public MySurfaceView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
        initView();
    }
    private void initView()
    {
        mHolder=getHolder();
        mHolder.addCallback(this);
        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setKeepScreenOn(true);
    }

    @Override
    public void surfaceCreated(SurfaceHolder surfaceHolder) {
        mIsDrawing=true;
        mPath=new Path();
        mPath.moveTo(0,400);
        mPaint=new Paint();
        mPaint.setColor(getResources().getColor(R.color.colorTheme));
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setStrokeWidth(5);
        new Thread(this).start();
    }

    @Override
    public void surfaceChanged(SurfaceHolder surfaceHolder, int i, int i1, int i2) {

    }

    @Override
    public void surfaceDestroyed(SurfaceHolder surfaceHolder) {
        mIsDrawing=false;
    }

    @Override
    public void run() {
        while (mIsDrawing)
        {
            draw();
            x+=5;
            y=(int)(100* Math.sin(x*2*Math.PI/180)+400);
            mPath.lineTo(x,y);
        }
    }

    private void draw() {
        try {
            mCanvas=mHolder.lockCanvas();
            //SurfaceView背景
            mCanvas.drawColor(Color.WHITE);
            mCanvas.drawPath(mPath,mPaint);
        }catch (Exception e)
        {
            e.printStackTrace();
        }finally {
            if(mCanvas!=null)
                mHolder.unlockCanvasAndPost(mCanvas); //对画布内容进行提交
        }
    }
}

要注意,通过SurfaceView对象的lockCanvas()方法,就可以获取当前的Canvas绘图对象,这个对象跟上次的Canvas对象是同一个,因此之前的绘图操作都会被保留,如果需要擦出,则可以在绘制前,通过drawColor()方法来进行清屏操作。

时间: 2024-10-05 06:18:15

利用SurfaceView显示正弦曲线,仿造示波器的相关文章

利用webview显示gif动画

利用webview显示gif动画 CGRect frame = CGRectMake(50,50,0,0); frame.size = [UIImage imageNamed:@"1.gif"].size; // 读取gif图片数据 NSData *gif = [NSData dataWithContentsOfFile: [[NSBundle mainBundle] pathForResource:@"1" ofType:@"gif"]]; /

Android 利用ExpandableListView显示和查询仿QQ分组列表用户信息

在我们的项目开发过程中,经常会对用户的信息进行分组,即通过组来显示用户的信息,同时通过一定的查询条件来显示查询后的相关用户信息,并且通过颜色选择器来设置列表信息的背景颜色. 其中借鉴xiaanming:http://blog.csdn.net/xiaanming/article/details/12684155 下面来看看项目运行后的效果图以及代码结构图: 下面通过代码来实现整个效果. 1.主界面布局activity_main.xml <span style="font-size:18px

利用HighCharts 显示饼图

利用HightCharts显示饼图,主要有以下几个主要注意点: 1.百分比格式,精确到小数点几位: Highcharts.numberFormat(this.percentage, 2) //2表示精确到小数点后2位 2.series的data格式 [名称,值]的JSON格式序列 [ [IE浏览器,200], [Firefox浏览器,300], [傲游,40], [Safari,50] ] 3.点击饼图事件,弹出提示及页面跳转 $(function () { var chart = new Hi

利用UIWebView显示gif

利用UIWebView显示gif by 伍雪颖 NSString *path = [[NSBundle mainBundle] pathForResource:@"3" ofType:@"gif"]; NSData *gifData = [NSData dataWithContentsOfFile:path]; [_webView loadData:gifData MIMEType:@"image/gif" textEncodingName:ni

android之利用surfaceView实现自定义水印相机

知识点 1.自定义相机+预览相机 2.截屏拍照加水印 3.关于不使用intent来传输图片 俗话说,有图有真相.很多人都是喜欢直接看图,不像我,比较喜欢文字多点,经常看看散文什么的陶冶一下情操. 好了,说到这里,就引出我们今天要做的这个功能,那就是水印相机.水印相机说白了,就是在拍照的图片上面加上自己想要的各种信息,包括文字,图片或者其它你想要的信息. 在这里,我自己定义了一个类WaterCameraActivity,是自定义的相机的,然后还有一个类ViewPhoto,是用来查看你拍照后的图片的

利用div显示隐藏实现的分页效果

实现步骤: 1.创建对应切换div <div class="bottom_daohang"> <div class="bottom_daohang_zong"> <div class="bottom_daohang_left value_left ace"><</div> <div id="bianse1" class="bottom_daohang_num

如何利用TableView显示自定义nib中创建的UITableViewCell或子类?

1.创建nib文件 cell.xib 2.在nib中拖一个UITableView出来,设置其reuse Identifier,再根据cell UI需要拖出view摆放好 3.创建ViewController及tableview 4.创建TableView在ViewController中的输出口(IBOutlet) tableview 5.设置TableView的delegate和datasource(如果运行时发现所有表格单元为空白,很可能是这一步忘记做了) 6.viewDidLoad中注册ni

WPF中利用TreeView显示XML

背景: 写了一个CS工具,想在客户端打开一个文件夹浏览窗口显示服务器端的文件夹. 问题: 对现成的FolderBrowserDialog不知怎么应用到这种场景,只好自己写一个简陋的窗口.服务器端用的WCF,想着由服务器端传XML到客户端,用TreeView在客户端显示. 代码: XAML: <Window x:Class="WpfApplication1.MyFolderBrowserWindow" xmlns="http://schemas.microsoft.com

Android: 利用SurfaceView绘制股票滑动直线解决延迟问题

1.背景介绍 最近项目要绘制股票走势图,并绘制能够跟随手指滑动的指示线(Indicator)来精确查看股票价格和日期.如下图所示: 上图中的那条白色直线就是股票的指示线,用来跟随手指精确确定股票的时间和股票价格.不论是绘制股票图还是绘制指示线,我们首先想到的就是用Android中的自定义View来实现.实践证明,使用View能够很好地实现静态的图片,但是对用动态图像的绘制,往往会出现延迟的现象.就如上图的指示线,实际用View类实现的,跟随手指移动时,指示线就会出现延迟的现象,严重影响了用户体验