写一个自定义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去添加一些主题的属性
@style/MyTextViewStyle@color/red
这里需要注意只有系统的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 在父容器中的位置 。在该方法中,您可以通过设置 View 的 left、top、right 和来指定视图在布局中的位置 。这个方法通常在自定义中重写 , 用于摆放子视图的位置 。:在绘制阶段调用,用于绘制 View 的内容 。在该方法中,您可以使用绘图工具()绘制各种形状、文本、图像等内容 。这个方法通常在自定义 View 中重写,用于自定义视图的外观和样式 。
这里主要确定View的大小,通过调用 .() 可以获取测量模式,通过调用 .() 可以获取测量大小 。
override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {super.onMeasure(widthMeasureSpec, heightMeasureSpec)Log.e("MyView","onMeasure")}
然后通过这个View本身需要加载的内容来计算出内容大?。ü趎ew 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
学习笔录
性能优化篇:
车载篇:
逆向安全学习笔记:
底层原理篇:
音视频篇:
全家桶篇(内含):
篇:
【写一个自定义View你都需要注意什么】 篇: