自定义 View 简单指南(一)

栏目: IOS · Android · 发布时间: 6年前

内容简介：Android 中，所有的控件都是 View 的子类，因此编写自定义 View 需要继承 View.java 类。实现两个构造方法是因为 Android 中有两中方法可以使用 View，一种是 Java 代码，这个时候调用的是只需要 Context 参数的构造方法。另一种是再 layout 布局文件中使用，调用的是含有 AttributSet 的方法（两个参数），系统默认只会调用这个两个方法，其它两个构造方法是我们自己调用居多。onDraw() 方法是负责整个 View 的绘制工作，也就是说 View 最终

创建一个类，继承至 View.java，并实现只扫两个构造方法。
覆盖 onDraw(Canvas canvas) 方法。
调用 canvas.drawColor() 方法绘制颜色。
使用，再 layout 文件中使用编写的自定义 view。

第一步、创建类

Android 中，所有的控件都是 View 的子类，因此编写自定义 View 需要继承 View.java 类。实现两个构造方法是因为 Android 中有两中方法可以使用 View，一种是 Java 代码，这个时候调用的是只需要 Context 参数的构造方法。另一种是再 layout 布局文件中使用，调用的是含有 AttributSet 的方法（两个参数），系统默认只会调用这个两个方法，其它两个构造方法是我们自己调用居多。四个构造方法详细请点这里（建议最后再看）

public class FreeStyleView extends View {
    public FreeStyleView(Context context) {
        super(context);
    }

    public FreeStyleView(Context context,AttributeSet attrs) {
        super(context, attrs);
    }
}
复制代码

第二步、覆写 onDraw(Canvas canvas) 方法

onDraw() 方法是负责整个 View 的绘制工作，也就是说 View 最终显示的模样是在这里画出来的。

参数 Canvas 意为画布，且提供了许多的方法以供调用绘制内容。具体的详细的使用建议大家完整的了解了自定义 View 的基础知识后再去查看。

@Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 这里我们先简单的绘制颜色，将 view 绘制成红色
   		canvas.drawColor(Color.RED);
    }
复制代码

第三步、使用

完成前面二步其实就已经完成了整个 view 的构建过程，后续的测量，交互等都是对 view 的完善。

最后我们在 Activity 对应的布局中使用。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.example.myapplication.view.FreeStyleView
        android:layout_width="match_parent"
        android:layout_height="100dp" />

</RelativeLayout>
复制代码