Android中使用Canvas和Paint绘制一个安卓机器人

亦凉 2023-10-08 11:59 19阅读 0赞

## 场景 ##

在Android中画笔使用Paint类，画布使用Canvas类来表示。

绘图的基本步骤

首先编写一个继承自View的自定义View类，然后重写其onDraw方法，最后把自定义的view添加到actvity中。

### 效果 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70][]

注：

博客：  
[https://blog.csdn.net/badao\_liumang\_qizhi ][https_blog.csdn.net_badao_liumang_qizhi]  
关注公众号  
霸道的程序猿  
获取编程相关电子书、教程推送与免费下载。

## 实现 ##

首先在要显示的Activity的布局文件中修改为FrameLayout并添加一个id。

<?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/frameLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".RobitActivity">
    
    </FrameLayout>

然后在ACtivity中新建自定义View类，这里是MyView使其继承View类并编写一个带一个参数的构造方法和重写onDraw方法。

在重写的onDraw方法中新建画笔并设置一些属性，然后使用画笔在画布上指定的位置绘制图形。

package com.badao.alarmmanager;
    
    import androidx.appcompat.app.AppCompatActivity;
    
    import android.content.Context;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.RectF;
    import android.os.Bundle;
    import android.view.View;
    import android.widget.FrameLayout;
    
    public class RobitActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_robit);
            FrameLayout frameLayout= (FrameLayout) findViewById(R.id.frameLayout);  //获取帧布局管理器
            frameLayout.addView(new MyView(this));  //将自定义视图的内部类添加到布局管理器中
        }
    
        private class MyView extends View {
            public MyView(Context context) {
                super(context);
            }
    
            @Override
            protected void onDraw(Canvas canvas) {
                super.onDraw(canvas);
                Paint paint=new Paint(); //默认设置创建一个画笔
                paint.setAntiAlias(true); //使用抗锯齿功能
                paint.setColor(0xFFA4C739); //设置画笔的颜色为绿色
                //绘制机器人的头
                RectF rectf_head=new RectF(10, 10, 100, 100);
                rectf_head.offset(90, 20);
                canvas.drawArc(rectf_head, -10, -160, false, paint); //绘制弧
                //绘制眼睛
                paint.setColor(Color.WHITE); //设置画笔的颜色为白色
                canvas.drawCircle(125, 53, 4, paint); //绘制圆
                canvas.drawCircle(165, 53, 4, paint); //绘制圆
                paint.setColor(0xFFA4C739); //设置画笔的颜色为绿色
                //绘制天线
                paint.setStrokeWidth(2); //设置笔触的宽度
                canvas.drawLine(110, 15, 125, 35, paint); //绘制线
                canvas.drawLine(180, 15, 165, 35, paint); //绘制线
                //绘制身体
                canvas.drawRect(100, 75, 190, 150, paint); //绘制矩形
                RectF rectf_body=new RectF(100,140,190,160);
                canvas.drawRoundRect(rectf_body, 10, 10, paint); //绘制圆角矩形
                //绘制胳膊
                RectF rectf_arm=new RectF(75,75,95,140);
                canvas.drawRoundRect(rectf_arm, 10, 10, paint); //绘制左侧的胳膊
                rectf_arm.offset(120, 0);       //设置在X轴上偏移120像素
                canvas.drawRoundRect(rectf_arm, 10, 10, paint); //绘制右侧的胳膊
                //绘制腿
                RectF rectf_leg=new RectF(115,150,135,200);
                canvas.drawRoundRect(rectf_leg, 10, 10, paint); //绘制左侧的腿
                rectf_leg.offset(40, 0);       //设置在X轴上偏移40像素
                canvas.drawRoundRect(rectf_leg, 10, 10, paint); //绘制右侧的腿
            }
        }
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200110233536485.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0JBREFPX0xJVU1BTkdfUUlaSEk=,size_16,color_FFFFFF,t_70
[https_blog.csdn.net_badao_liumang_qizhi]: https://blog.csdn.net/badao_liumang_qizhi