Android:自定义View（一）

关注

原创最新推荐文章于 2026-06-09 09:55:58 发布 807 阅读 AI 写同款· GEO 优化 ›

Android:从绘制一张流程图来体验View的自定义过程（一）概述 自定义View向来不是一个轻松的话题。虽然对于android原生开发而言，这只能算是一项基本的技能，但真正当我们拿到一份需要我们自定义去实现的需求的时候，多少还会有点手足无措。具体是什么原因，我也不知道，也许，“菜，是原罪”。‘’“业精于勤，荒于嬉”，也许就是我们每一次需要的去践行这种需求的时候，内心的那一点点惰性促使我们刻意地绕过这种实践机会。久而久之，... 阅读详情

Android:自定义View（一）

自定义View：

就是继承系统的View，通过添加绘制元素，逻辑以实现自己想要实习的效果的控件。在Android开发过程中，我们想要的效果大多数情况下可以直接使用系统提供的控件来实现，

但是还是有很多效果是系统没有提供的，这时候就需要我们自己定义实现View控件或者使用第三方的自定义View控件

编写自定义View：

首先我们来实现一个简单的自定义VIew，具有View的特性，但是什么都不显示

1.首先新建一个工程——Myview

2.在MainActivity所在包下新建一个类——MyView (MyView.java) 代码如下：

<span style="font-size:14px;">package com.test.myview;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;



public class MyView extends View{

	public MyView(Context context, AttributeSet attrs) {
		super(context, attrs);
	}

	public MyView(Context context) {
		super(context);
	}
	
}</span>

3.把自定义View添加到布局当中（activity_main.xml）代码如下：

<span style="font-size:14px;"><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
   
    <com.test.myview.MyView 
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
        
</FrameLayout></span>

这样我们最简单的自定义View就完成了，运行下看看结果如图所示：

看起来是什么都没显示，毕竟我们在MyView中什么也没有做，但是毕竟它继承了系统的View还是具有系统View的一些属性的，接下来我们来稍微改变一下看看效果，新的activity_main.xml内容：

<span style="font-size:14px;"><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
   
    <com.test.myview.MyView 
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:background="#00ff00"/>
        
</FrameLayout></span>

此时我们运行发现界面已经变成了我们设置的颜色，这说明我们自定的View还是可以使用系统View的background属性的。

4 加入绘制元素

上面那个自然不能满足我们的需要，接下来我们来加入绘制元素，绘制元素是通过View提供的一个方法——onDraw方法

<span style="font-size:14px;">	@Override
	protected void onDraw(Canvas canvas)
	{
		super.onDraw(canvas);
	}</span>

我们单击onDraw找到View.class中onDraw的定义：

 <span style="font-size:14px;">/**
     * Implement this to do your drawing.
     *
     * @param canvas the canvas on which the background will be drawn
     */
    protected void onDraw(Canvas canvas) {
    }</span>

发现其实在基类中（View中）,onDraw方法中其实并没有做任何事，所以我们可以删掉super.onDraw(canvas)。我们可以在onDraw中绘制哪些东西呢？canvas中包含文字，图形，

bitmap，这些都是我们可以绘制的。我们先在onDrawe方法中绘制文字，图形，代码如下（MyView.java)：

<span style="font-size:14px;">package com.test.myview;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Rect;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.View;



public class MyView extends View{
	
	private Bitmap bitmap;

	public MyView(Context context, AttributeSet attrs) {
		super(context, attrs);
		bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
	}

	public MyView(Context context) {
		super(context);
	}
	@Override
	protected void onDraw(Canvas canvas)
	{
		//Paint类拥有颜色和类型信息关于如何绘制图形，文本，bitmaps
		Paint paint = new Paint();
		//设置文字
		paint.setTextSize(30);
		//设置颜色
		paint.setColor(0xffff0000);//默认是黑色
		//设置空心
		paint.setStyle(Style.STROKE);
		canvas.drawText("Hello View", 0, 30, paint);
		//绘制直线
		canvas.drawLine(0, 60, 100, 60, paint);
		//绘制矩形方法一
		canvas.drawRect(0, 90, 100, 190, paint);
		//绘制矩形方法二
		Rect r = new Rect(110,90,210,190);//参数是int型
		canvas.drawRect(r, paint);
		//绘制矩形方法三
		RectF rect = new RectF(0,200,100,290);//蚕食其实是float值
		canvas.drawRect(rect, paint);
		//绘制图片
		canvas.drawBitmap(bitmap, 110, 200, paint);
	}
}</span>

运行结构如下图所示：