写一个自定义View你都需要注意什么

本文主要是记录一下继承子View，所需要实现的方法，以及对自己的知识做一下梳理和记录，其中不少内容觉得自己应该是会的，但是实际写起来，还是遇到不少阻碍

构造方法

首先构造先了解一下构造方法，一般来说，继承自View，需要实现四个构造方法，如下列代码：

public SVGView(Context context) {this(context, null);
}public SVGView(Context context, @Nullable AttributeSet attrs) {this(context, attrs, 0);
}public SVGView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);
}@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
public SVGView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes){super(context, attrs, defStyleAttr, defStyleRes);}

第一个构造方法

只有在Java中去new一个新的控件的时候才会使用，比如去new一个

    val textView = TextView(this)val text = "Hello Word"val layoutParams = LayoutParams(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT)textView.layoutParams = layoutParamstextView.text = textlayoutBox.addView(textView)

效果如图所示:

第二个构造方法

适用与在XML中去加入这个控件，其中attrs这个参数，就是存储在XML中，效果和之前是一样的

第三个构造方法

是主题，一个Theme中的属性，如果在主题中定制了文字的颜色，大小，可以使用此函数，现在我们去Theme去添加一些主题的属性

这里需要注意只有系统的View，比如，之类才可以使用此方式，进行集体定义，因为因为是 中定义的特定样式项，用于设置的默认样式，如果是继承自的一个自定义View，也是不能直接使用的，但是可以这样：

constructor(context: Context) : super(context, null)constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, android.R.attr.textViewStyle)constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(context, attrs, defStyleAttr)

对于自定义View，只会走两个构造方法，第一个和第二个，如果你设置了类似:进行了集体修改，并且希望自定义View也按照此规则进行变化，则需要单独设置

第四个构造方法

第四个，只有在SDK21及以上才可以使用，作用是什么呢，就比如在Theme设置了主要文字颜色为黑色，但是这个View很特殊，它得是红色，所以，你可以额外给它单独设置一个主题

constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : this(context, attrs, defStyleAttr,R.style.MyTextViewStyle)constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int, defStyleRes: Int) : super(context, attrs, defStyleAttr, defStyleRes)

如图所示，没有做修改，在第四个构造方法内传入了一个的Int类型参数，就实现了变化

View绘制流程

这里只是简述一个View的绘制流程，不牵扯其他的，这里加上代码

打印结果如图所示：

这里来解释以下这三个函数的意义：

：在测量阶段调用，用于确定 View 的大小。在该方法中，您可以通过设置 View 的 和 来指定视图的测量尺寸。这个方法通常被重写以确保 View 在布局中获得适当的大小。：在布局阶段调用，用于确定 View 在父容器中的位置。在该方法中，您可以通过设置 View 的 left、top、right 和 来指定视图在布局中的位置。这个方法通常在自定义 中重写，用于摆放子视图的位置。：在绘制阶段调用，用于绘制 View 的内容。在该方法中，您可以使用绘图工具（）绘制各种形状、文本、图像等内容。这个方法通常在自定义 View 中重写，用于自定义视图的外观和样式。

这里主要确定View的大小，通过调用 .() 可以获取测量模式，通过调用 .() 可以获取测量大小。

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {super.onMeasure(widthMeasureSpec, heightMeasureSpec)Log.e("MyView","onMeasure")}

然后通过这个View本身需要加载的内容来计算出内容大小，通过在new View的设置的或者,或者多少DP配合来设置View的实际显示大小

        int widthMode = MeasureSpec.getMode(widthMeasureSpec);int widthSize = MeasureSpec.getSize(widthMeasureSpec);int heightMode = MeasureSpec.getSize(heightMeasureSpec);int heightSize = MeasureSpec.getSize(heightMeasureSpec);

其中,,有以下几种测量模式

.：表示视图的大小已经确定，要么是通过固定的宽度和高度值，要么是通过 或指定的具体大小。在这种情况下，您可以直接使用.：表示视图的大小可以是一个限制范围内的值，例如父容器提供的可用空间大小。在这种情况下，您需要根据测量规格和视图的内容来计算一个合适的测量尺寸。.：表示视图的大小没有限制，可以根据需要自由扩展。 计算完成后设置这个View的真正大小，调用(, )来设置

当 系统需要安排视图在父容器中的位置时，会调用视图的 方法。在 方法中，您可以指定视图的左上角 (left 和 top) 和右下角 (right 和 ) 的位置，从而布局视图在父容器中的位置，先看一下方法：

    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {super.onLayout(changed, left, top, right, bottom)Log.e("MyView","onLayout")}

这个是自定义View中最重要的方法，你的View显示什么内容全靠它来设置，那么如何设置，通过画布和画笔

比如画一个矩形：

override fun onDraw(canvas: Canvas?) {super.onDraw(canvas)paint.color = Color.REDval rect = Rect(0, 0, width, height)canvas?.drawRect(rect, paint)
}

或者去画一下其他比较复杂的东西。这里记录一下sin，cos，tan，为什么记录，在计算比较复杂的图形中，这些是必不可少，还有贝塞尔曲线什么之类的，总的来说，嗯，数学很重要

页面刷新

如果你的自定义View是一个会变化的页面

是不会自己主动调用，如果需要布局发生变化后立即触发的话，需要自己手动调用

XML增加参数

如果希望你的View可以像系统的View可以在Xml中添加比较多的定义，这里需要在theme或者attr中去定义方法名字和接受的参数类型，比如：

这里定义了一个的，然后使用需要添加一个Color，那么我如何把它拿出来使用呢

constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : this(context, attrs, defStyleAttr, R.style.MyTextViewStyle) {var typedArray: TypedArray? = nulltry {typedArray = context.obtainStyledAttributes(attrs, R.styleable.MyView)val color = typedArray.getColor(R.styleable.MyView_MyViewColor,Color.BLACK)} catch (e: Exception) {e.printStackTrace()} finally {typedArray?.recycle()}
}

这样就完成就可以了

事件分发 事件分发流程

的事件分发是一个U字型设计，其中主要有三个方法、t,,分别作用于事件分发，事件拦截，事件消费，在此之前先看一般的流程图：

这个图是我当初学习事件分发copy下来的，这里也记录一下 可以看到三个方法的不同作用，其中t是特有的，

事件类型

事件的类型主要有三种：

override fun onTouchEvent(event: MotionEvent?): Boolean {when(event?.action){MotionEvent.ACTION_DOWN -> {//按下}MotionEvent.ACTION_MOVE ->{//移动}MotionEvent.ACTION_UP ->{//抬起}}return super.onTouchEvent(event)
}

可以根据不同的情况来处理，最后如果此事件消费了，不想让他继续往下面传递就 true，如果想让他继续往下面船体就 false

学习笔录

性能优化篇：

车载篇：

逆向安全学习笔记：

底层原理篇：

音视频篇：

全家桶篇（内含）：

篇：

篇：