Android Canvas圖形繪制自定義View——人與魚小demo

 

Android Canvas圖形繪制自定義View——人與魚小demo

 

　　　　　　　　　　　　　　　　　　　　——安德風QQ1652102745

亮點分析：

①通過paint畫筆類繪制圖形實現填充與描邊
②自定義設置文字字體
③靈活玩轉貝塞爾曲線
④靈活掌握坐標（起始點、中轉點、結束點）通過路徑閉合繪制完整的2d圖形

⑤繪制想要的圖形、圓形、線條等

 

一、效果圖：

 

 

 

二、功能實現MainActivity.java（這次demo純java代碼實現布局設計，沒有用到xml，所以這次不再提供activity_main.xml源代碼了）

package com.example.adfdabai;

import androidx.annotation.NonNull;
import androidx.annotation.RequiresApi;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.content.res.AssetManager;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BlurMaskFilter;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.graphics.Typeface;
import android.os.Build;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {



    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        MyView myView=new MyView(this);//myview實例化

        setContentView(myView);//加載myView布局
    }




    //一、創鍵MyView繼承View視圖
    public class MyView extends View {
        public String shape;
        private Canvas canvas;

        public Paint paint;

        public MyView(Context context) {
            super(context);
        }

        //創建畫布
        @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
        @Override
        protected void onDraw(Canvas canvas) {
            super.onDraw(canvas);


            //繪制背景圖
            Bitmap   bitmap = BitmapFactory.decodeResource(this.getResources(),R.drawable.image);
            canvas.drawBitmap(bitmap,0,0,null);

//              //  設置畫布背景顏色為粉色
//               canvas.drawColor(Color.TRANSPARENT);
                //創建畫筆
                Paint paint = new Paint();



                paint.setColor(Color.parseColor("#EC8AA6"));//畫筆顏色為深粉色
                paint.setTextSize(80);//字體大小為80
                paint.setAntiAlias(true);//去除齒輪
                paint.setStyle(Paint.Style.FILL);//設置畫筆樣式為實心
                String fontPath = "yuan.ttf";//導入字體（路徑assets目錄下yuan.tff;如果沒有assets目錄需要右鍵main，new--folder--Assets folder創建assets目錄）
                Typeface tf = Typeface.createFromAsset(getAssets(), fontPath);
                paint.setTypeface(tf);
//            paint.setShadowLayer(5,0,0,Color.BLACK);//設置投影效果
            canvas.drawText("雙魚座", 350, 200, paint);
                paint.setTextSize(60);//字體大小為40
                canvas.drawText("AnDeFeng Birthday 02-23", 100, 300, paint);



                //繪制條紋
                paint.setColor(Color.WHITE);//設置畫筆顏色為白色
                Path mypath=new Path();
//                paint.setColor(Color.WHITE);//設置畫筆顏色為白色
                paint.setStyle(Paint.Style.STROKE);//設置畫筆樣式為空心
//                paint.setColor(Color.WHITE);//設置畫筆顏色為白色
                paint.setStrokeWidth(6);//設置畫筆的寬度為6
                //繪制連續波浪線
                 mypath.moveTo(100, 400);//起始線
                 mypath.quadTo(200, 500, 250, 400);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。
                 mypath.moveTo(250, 400);
                 mypath.quadTo(300, 300, 350, 400);
                 mypath.moveTo(350, 400);
                 mypath.quadTo(400, 500, 500, 400);

                 mypath.moveTo(550, 380);
                 mypath.quadTo(600, 500, 800, 400);

                canvas.drawPath(mypath, paint);


            {       //繪制大白



                paint.setStyle(Paint.Style.STROKE);//設置畫筆1樣式為空心
                paint.setColor(Color.BLACK);//設置畫筆1顏色為黑色
                Paint paint1=new Paint();//畫筆2
                paint1.setStyle(Paint.Style.FILL);//畫筆2樣式 設置為實心
                paint1.setColor(Color.WHITE);//設置畫筆2顏色為白色
//            canvas.drawCircle(500,700,50,paint);

                RectF oval2 = new RectF(200, 600, 200, 240);// 設置個新的長方形，掃描測量
                //大白的頭部
                oval2.set(400, 600, 600, 750);//橢圓形
                canvas.drawOval(oval2, paint);//畫筆1黑色描邊
                canvas.drawOval(oval2, paint1);//畫筆2白色填充


                //繪制大白眼睛
               paint.setColor(Color.BLACK);//設置畫筆顏色為黑色
                paint.setStyle(Paint.Style.FILL);//設置畫筆樣式為實心

                canvas.drawCircle(480, 680, 20, paint);
                //繪制大白的嘴巴
                paint.setColor(Color.BLACK);//設置畫筆顏色為黑色
                paint.setStyle(Paint.Style.STROKE);//設置畫筆樣式為空心

                //直線繪制
                Path mypath2=new Path();//新建一個路徑為路徑2
                mypath2.moveTo(400, 680);//起始線
                mypath2.lineTo(480, 680);//結束線
                canvas.drawPath(mypath2, paint);

                //繪制大白的身體
                Path mypath3=new Path();//新建一個路徑為路徑3
                //左半邊身體弧形
                mypath3.moveTo(430, 730);//起始線
                mypath3.quadTo(260, 850, 350, 1100);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。
                //右半邊身體弧形
                mypath3.moveTo(570, 730);//起始線
                mypath3.quadTo(700, 850, 650, 1100);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。

                //下半身弧形
                mypath3.moveTo(350, 1100);//起始線
                mypath3.quadTo(500, 1200, 650, 1100);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。

                //繪制左腳
                mypath3.moveTo(350, 1100);//起始線
                mypath3.quadTo(400, 1500, 500, 1150);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。
                //繪制右腳
                mypath3.moveTo(500, 1150);//起始線
                mypath3.quadTo(500, 1500, 650, 1100);//quadTo 用於繪制圓滑曲線，即貝塞爾曲線。
                paint1.setStyle(Paint.Style.FILL);//畫筆2樣式 設置為實心
                paint1.setColor(Color.WHITE);//設置畫筆2顏色為白色
                canvas.drawPath(mypath3, paint);
                canvas.drawPath(mypath3, paint1);

            }





        }
        }







    }

三、創建assets文件目錄導入字體