爱心曲线 笛卡尔,贝塞尔曲线画

先讲讲这个Demo的来历吧，当时在看安卓自定义View这一部分，突然就萌生了一个人土味的想法，那就是画一个爱心，然后就开始动手查资料,经过大量的数据调换，最后总算画出了一个看着还差不多的爱心。
不得不说，贝塞尔曲线是真的NB

话不多说，先上效果图。

贝塞尔曲线介绍，个人感觉还不错

下面就是代码了，首先是自己自定义的View代码
放在这里

然后是代码，里面有注释，至于为什么会用这个方法，可以自己查API或者是百度（其实还是自己懒啦，嘿嘿）

package com.example.myviewtest02;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.View;public class MyHeartView extends View {// 这个构造器是用xml时会调用的构造器 用Java代码调用这个类会调用其他的构造器 public MyHeartView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { //获得视图的宽度 int width = getMeasuredWidth()/2; //获得视图的高度 int height = getMeasuredHeight()/4; Paint mpaint = new Paint(); mpaint.setStrokeWidth(10); //线条宽度 mpaint.setAntiAlias(true); //抗锯齿 mpaint.setColor(Color.RED); mpaint.setStyle(Paint.Style.STROKE); Path path = new Path(); //定义路径的起始位置，每次都要重新定义 path.moveTo(width,height);// 大小单双稳赢技巧android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.graphics.Path;import android.util.AttributeSet;import android.view.View;public class MyHeartView extends View {// 这个构造器是用xml时会调用的构造器 用Java代码调用这个类会调用其他的构造器 public MyHeartView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { //获得视图的宽度 int width = getMeasuredWidth()/2; //获得视图的高度 int height = getMeasuredHeight()/4; Paint mpaint = new Paint(); mpaint.setStrokeWidth(10); //线条宽度 mpaint.setAntiAlias(true); //抗锯齿 mpaint.setColor(Color.RED); mpaint.setStyle(Paint.Style.STROKE); Path path = new Path(); //定义路径的起始位置，每次都要重新定义 path.moveTo(width,height);// 二阶贝塞尔曲线的三个参数 前两个是起始位置 path.cubicTo(width,height,width+110,height-150,width+200,height); canvas.drawPath(path, mpaint); path.moveTo(width+200,height); path.cubicTo(width+200,height,width+300,height+200,width,height+400); canvas.drawPath(path, mpaint); path.moveTo(width,height); path.cubicTo(width,height,width-110,height-150,width-200,height); canvas.drawPath(path, mpaint); path.moveTo(width-200,height); path.cubicTo(width-200,height,width-300,height+200,width,height+400); canvas.drawPath(path, mpaint); }}

心由四条线组成
因为我用的是二阶贝塞尔曲线，总共画了四条线，一边两条。

接下来就是布局文件引用

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <com.example.myviewtest02.MyHeartView android:layout_width="match_parent" android:layout_height="match_parent" /></android.support.constraint.ConstraintLayout>

这个就不用多说了，简单的布局引用

最后MainActivity没动

package com.example.myviewtest02;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); }}

就是这样
最后一个小小的爱心就出来了，其实还可以结合动画效果让爱心自己一点一点的自己画出来
自己的第一篇分享博客终于写好啦，哈哈哈。