【android】根据心形方程用代码绘制出图形
之前在手机上下了个输入数学函数就可以直接绘制出函数图形的app，发现里面必须要求解出y，才能绘制出图形，但是有些很复杂的函数不容易也根本不需要转换成f（x）的形式，比如 心形函数：
(17*(x^2))-(16*|x|*y)+(17*(y^2))<255 ; x(-5,5) y(-5,5)(心形函数式)
想看看这个函数的形状，但是本学渣根本不知道怎么解啊。。。还好我是个程序员，我可以自己画出来嘛。把方程看作一个判断然后绘制就行了。
下面是实现的代码：
1、首先在构造方法中创建一个自己的画板，paint和用来绘制心形的bitmap（这个bitmap是可变化的，canvas.drawxxx后bitmap会自动改变），用这种bitmap方式，是为了产生动画效果。然后开启一个线程，去判断函数式，描点绘制到我们的画板上。
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
mPaint = new Paint();
mPaint.setColor(Color.RED);
mPaint.setAntiAlias(true);
mPaint.setStyle(Style.STROKE);
mPaint.setStrokeWidth(5f);
mBitmap = Bitmap.createBitmap(500,500, Bitmap.Config.ARGB_8888); //生成一个bitmap
mCanvas = new Canvas(mBitmap);
new Thread(){
@Override
public void run() {
super.run();
drawLove(mCanvas);
}
}.start();
}2 绘制心形的核心方法：
判断思路是这样的，首先根据方程xy取值范围 把图形分为 4块（4个象限），2个for循环遍历一个象限的所有点，缩小实际坐标，得到方程范围的值，根据方程判断出符合的坐标，然后描点，下面判断了两个一个是y>0, 还一个是y<0，里面加250，是因为手机坐标原点是从左上角开始，所以原点平移到左上角，xy要加平移的距离
private void drawLove(Canvas canvas) {
//(17*(x^2))-(16*abs(x)*y)+(17*(y^2))<255 x(-5,5) y(-5,5) (心形函数方程式)
int loveWidth = 500;//心型宽度，必须是偶数
int oneLine = loveWidth/2;//一条轴长度
float scale = oneLine/5f;//实际坐标比上方程式坐标，倍数
for (int i = 0; i < oneLine; i++) {
for (int j = 0; j < oneLine; j++) {
//根据表达式xy的范围，所以要把坐标系的范围也缩小
float xf = i/scale;
float yf = j/scale;
if((17*Math.pow(xf, 2) - 16*Math.abs(xf)*yf+17*Math.pow(yf, 2))<255){
//右上1
// canvas.drawPoint(xf*scale+250,250+yf*scale, paint);
//左下2
canvas.drawPoint(250-xf*scale,250-yf*scale, mPaint);
// this.postInvalidateDelayed(10);
//右上1
// canvas.drawPoint(-xf*scale+250,250+yf*scale, paint);
//右下2
canvas.drawPoint(250+xf*scale,250-yf*scale, mPaint);
// this.postInvalidateDelayed(10);
// Log.i("TAG", "xf-->"+(xf*scale+250)+"yf-->"+(250-yf*scale));
}
if((17*Math.pow(xf, 2) - 16*Math.abs(xf)*(-yf)+17*Math.pow(yf, 2))<255){
//左上2
canvas.drawPoint(250-xf*scale, 250+yf*scale, mPaint);
//右下 1
// canvas.drawPoint(250+xf*scale,250-yf*scale, paint);
// this.postInvalidateDelayed(10);
//左上2
canvas.drawPoint(250+xf*scale, 250+yf*scale, mPaint);
//右下 1
// canvas.drawPoint(250-xf*scale,250-yf*scale, paint);
// this.postInvalidateDelayed(10);
}
//延时刷新，产生动画效果
delayedTime();
this.postInvalidate();
}
}//end for
}3、重写onDraw（这个很简单，就一句话）
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawBitmap(mBitmap, new Matrix(), mPaint);
}//end onDraw
private void delayedTime() {
try {
Thread.sleep(1);
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
效果图：
Demo下载地址：点击打开链接