利用贝塞尔曲线画一个爱心

先讲讲这个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);
//        二阶贝塞尔曲线的三个参数  前两个是起始位置  
        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);

    }
}

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