正弦余弦曲线的绘制动画

使用SurfaceView实现正弦余弦曲线的绘制动画!

主要代码如下:

  1 package com.example.surfaceviewtest;
  2 
  3 import java.util.Timer;
  4 import java.util.TimerTask;
  5 
  6 import android.app.Activity;
  7 import android.graphics.Canvas;
  8 import android.graphics.Color;
  9 import android.graphics.Paint;
 10 import android.graphics.Rect;
 11 import android.os.Bundle;
 12 import android.util.Log;
 13 import android.view.Menu;
 14 import android.view.MenuItem;
 15 import android.view.SurfaceHolder;
 16 import android.view.SurfaceHolder.Callback;
 17 import android.view.SurfaceView;
 18 
 19 public class ShowWave extends Activity {
 20 
 21     SurfaceView surfaceView;
 22     SurfaceHolder holder;
 23     Paint paint;
 24     final int HEIGHT = 320;
 25     final int WIDTH = 320;
 26     final int X_OFFSET = 5;
 27     private int cx = X_OFFSET;
 28     int CenterY = HEIGHT / 2;
 29     Timer timer;
 30     TimerTask task = null;
 31 
 32     @Override
 33     protected void onCreate(Bundle savedInstanceState) {
 34 
 35         super.onCreate(savedInstanceState);
 36         setContentView(R.layout.activity_main);
 37         surfaceView = (SurfaceView) findViewById(R.id.show);
 38 
 39         holder = surfaceView.getHolder();
 40         holder.addCallback(new Callback() {
 41 
 42             @Override
 43             public void surfaceDestroyed(SurfaceHolder holder) {
 44                 Log.i("csx", "surfaceDestroyed");
 45                 timer.cancel();
 46             }
 47 
 48             @Override
 49             public void surfaceCreated(SurfaceHolder holder) {
 50                 Log.i("csx", "surfaceCreated");
 51                 timer = new Timer();
 52                 drawBack(holder);
 53 
 54             }
 55 
 56             @Override
 57             public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
 58                 Log.i("csx", "surfaceChanged");
 59 
 60             }
 61         });
 62 
 63         paint = new Paint();
 64         paint.setColor(Color.GREEN);
 65         paint.setStrokeWidth(3);
 66 
 67     }
 68 
 69     @Override
 70     public boolean onCreateOptionsMenu(Menu menu) {
 71 
 72         getMenuInflater().inflate(R.menu.main, menu);
 73         return true;
 74     }
 75 
 76     @Override
 77     public boolean onOptionsItemSelected(MenuItem item) {
 78 
 79         int id = item.getItemId();
 80         drawWave(id);
 81         return super.onOptionsItemSelected(item);
 82     }
 83 
 84     public void drawWave(final int item_id) {
 85         if (task != null) {
 86             task.cancel();
 87         }
 88         drawBack(holder);
 89         cx = X_OFFSET;
 90 
 91         task = new TimerTask() {
 92 
 93             @Override
 94             public void run() {
 95                 int cy = item_id == R.id.sin ? CenterY
 96                         - (int) (100 * Math.sin((cx - 5) * 2 * Math.PI / 150)) : CenterY
 97                         - (int) (100 * Math.cos((cx - 5) * 2 * Math.PI / 150));
 98 
 99                 try {
100                     Canvas canvas = holder.lockCanvas(new Rect(cx, cy - 2, cx + 2, cy + 2));
101                     canvas.drawPoint(cx, cy, paint);
102                     cx++;
103                     if (cx > WIDTH) {
104                         task.cancel();
105                         task = null;
106                     }
107                     holder.unlockCanvasAndPost(canvas);
108                 } catch (NullPointerException e) {
109                     return;
110                 }
111 
112             }
113         };
114 
115         timer.schedule(task, 0, 30);
116 
117     }
118 
119     private void drawBack(SurfaceHolder holder) {
120         Canvas canvas = holder.lockCanvas();
121         canvas.drawColor(Color.WHITE);
122         Paint p = new Paint();
123         p.setColor(Color.BLACK);
124         p.setStrokeWidth(3);
125         canvas.drawLine(X_OFFSET, CenterY, WIDTH, CenterY, p);
126         canvas.drawLine(X_OFFSET, 40, X_OFFSET, HEIGHT, p);
127         holder.unlockCanvasAndPost(canvas);
128         holder.lockCanvas(new Rect(0, 0, 0, 0));
129         holder.unlockCanvasAndPost(canvas);
130 
131     }
132 
133 }

 

转载于:https://www.cnblogs.com/csxcode/p/4188687.html

在Xcode中的Playground中编程实现正弦余弦曲线示意图通常涉及到使用Swift的图形绘制功能。你可以按照以下步骤操作: 1. **导入需要的框架**:首先,确保在Playground中导入CoreGraphics库,这是处理2D图形的基础。 ```swift import UIKit import PlaygroundSupport ``` 2. **创建函数绘制波形**:编写两个函数,`drawSineWave()` 和 `drawCosineWave()` 分别用于绘制正弦余弦曲线。例如: ```swift func drawSineWave(frame: CGRect) { // 正弦波相关设置 } func drawCosineWave(frame: CGRect) { // 余弦波相关设置 } ``` 3. **设置坐标系和绘图区域**:定义画布的大小和位置,比如屏幕的一部分: ```swift let width = frame.width let height = frame.height let origin = CGPoint(x: frame.minX, y: frame.maxY) let graphRect = CGRect(origin: origin, size: CGSize(width: width, height: -height)) ``` 4. **更新Playground视图**:使用`CanvasView`或`SceneKit`等框架,在每次改变参数时重新绘制波形: ```swift PlaygroundPage.current.liveView = CanvasView(frame: graphRect) ``` 5. **动态演示**:通过循环和时间间隔改变角度或频率,实时展示正弦余弦的变化。 ```swift for angle in 0..<Float.pi * 2 step: 0.01 { let sinePoint = CGPoint(x: width / 2 + width * sin(angle), y: -height / 2 + height * cos(angle)) // 绘制点并在Playground上显示 // ... // 更新视图 PlaygroundPage.current.liveView?.setNeedsDisplay() PlaygroundPage.current.pause(forDuration: 0.01) // 控制动画速度 } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值