自定义View(一)

2021-12-29 06:38:00

<h4>一、初探</h4>
<p>大家都知道自定义view需要重写onMeasure和onDraw两个方法，这里我们在讲这两个方法前首先看看什么时候走这两个方法，这里只是大致讲讲方便理解，详细的之后会说。</p>

image.png

看看我在生命周期中加的打印的结果，我们发现onMeasure和onDraw在activity生命周期先走之后在去走，并且onMeasure方法调用了4次，为什么会这样呢，这属于深入的内容，以后再讲，先记住View的测量和绘制在组件的生命周期之后就行。
</br>
<h4>二、onMeasure和onDraw</h4>
这里简单讲讲这两个方法的用法，先不去探究源码。
<h6>1、onMeasure</h6>
<p>onMeasure发生在onDraw前，测量的意思，我这里先不说很详细，网上有些文章说一大堆，什么测量父布局传递的宽高什么的，一开始就讲这些给初学者我觉得很绕，先会用，在去理解比较好。</p>
<p>（1）先看看onMeasure中传递的两个参数，先记住他们不是宽高。
widthMeasureSpec = 模式+宽；heightMeasureSpec = 模式+高
要获取到宽高需要这样写：</p>
<pre>
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// Log.v("yet","onMeasure");
int heighMode = MeasureSpec.getMode(heightMeasureSpec);
int heigh = MeasureSpec.getSize(heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec);
setMeasuredDimension(width,heigh);
}
</pre>
这样就是最简单的，就是说你告诉系统，你要画出的这个view的宽高，直接为你xml中所写的宽高。
</br>
<p>（2）模式
上边说了一个属性，那么它有什么作用呢？在这里我们加一段switch的代码，然后去改布局的宽，看看能打印出什么结果。</p>
<pre>
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// Log.v("yet","onMeasure");
int heighMode = MeasureSpec.getMode(heightMeasureSpec);
int heigh = MeasureSpec.getSize(heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int width = MeasureSpec.getSize(widthMeasureSpec);

    switch (widthMode) {
        case MeasureSpec.UNSPECIFIED: {
            Log.v("yet","UNSPECIFIED");
            break;
        }
        case MeasureSpec.AT_MOST: {
            Log.v("yet","AT_MOST");
            break;
        }
        case MeasureSpec.EXACTLY: {
            Log.v("yet","EXACTLY");
            break;
        }
    }
    setMeasuredDimension(width,heigh);
}

</pre>

结果：
<ul>
<li>当布局是match_parent时，打印EXACTLY</li>
<li>当布局是固定尺寸（例如100dp）时，打印EXACTLY</li>
<li>当布局是wrap_content时，打印AT_MOST</li>
</ul>
让我们来看看结论：

image.png

<h6>其实读这张表的时候可能刚开始会觉得有点懵逼，不过不要紧，你先记住哪种情况对应哪种模式，之后熟练了，就理解这个表所说的含义了。</h6>
<h6>2、onDraw</h6>
onDraw就是绘制该View，其实这个的知识很多，这篇不详细去讲，也感觉说不完，别人自定义中画得好的那种都是几百行代码。但是虽然内容多，但是套路都一样，都是弄个画笔，然后设置画笔，最后绘画。
（1）创建画笔
Paint p = new Paint();
（2）设置画笔
设置颜色什么之类的，假如paint.setColor(Color.GREEN)将画笔颜色设置成绿色，当然是选择原谅她。
（3）画图
画图的方法也很多，画圆画方之类的，这些方法在网上也很容易找到，用起来也简单，比如画圆canvas.drawCircle(centerX, centerY, r, paint)。反正每个画图一般基本都是：画布.画什么（...，画笔），都是套路。
</br>
<h6>很多朋友第一次接触或者接触不多会觉得自定义View很难，这两个方法里面写什么看不懂，其实不难，认真看自己动手去做你就会发现自定义View不难，对我来说，我反而觉得比较难的是什么时候系统会调用什么方法和一些条件下的重绘之类的。</h6>
</br>
<h6>总结：这篇主要简单的讲了什么时候走onMeasure和onDraw方法和这两个方法的简单用法。</h6>

码农公寓

相关文章