自己定义View时，用到Paint Canvas的一些温故，讲讲平时一些效果是怎么画的（基础篇 一）

转载请注明出处王亟亟的大牛之路

之前也有一个相似于画板的操作，可是不够具体，这边先补上链接。有兴趣的小伙伴能够看看http://blog.csdn.net/ddwhan0123/article/details/48804761

还是老规矩，将内容之前说下我们的一些知识点。今天的第一个知识点有点高DA上的名词“硬件加速”。

硬件加速:

问题1：这玩意有什么用？

在绘制View的时候支持硬件加速。充分利用GPU的特性，使得绘制更加平滑。

问题2：怎么用？

在AndroidManifest的Application 或者Activity节点<application android:hardwareAccelerated="true/false">就能够进行开关。

或者用Java代码：getWindow().setFlags(WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED, WindowManager.LayoutParams.FLAG_HARDWARE_ACCELERATED);

假设这些你都不喜欢。你仅仅要那个类其中的某个View是对这部分功能有需求的。那么这样：view.setLayerType(View.LAYER_TYPE_SOFTWARE, null); 可是要记住Window仅仅能打开。View仅仅能关闭所以还是在Activity和Application层面操作吧。

问题3：非用不可吗？

假设你的View的绘制内容比較复杂，比較对多，还是建议开着，诸如画密度非常细的那种虚线或者颜色区域超级复杂的一些试图的画还是开着吧，不然说不定你再挂个什么网络的操作万一客户机烂一点一个未响应提示就来了。

Paint：

这部分的内容就不提了。网上多如牛毛。贴一个写的比較简单易通的http://www.cnblogs.com/tianzhijiexian/p/4297170.html?

utm_source=tuicool&utm_medium=referral

http://www.kancloud.cn/kancloud/android-tutorial/87246

Canvas:

如上，还是附上可參考的链接：http://blog.sina.com.cn/s/blog_61ef49250100qw9x.html

http://www.kancloud.cn/kancloud/android-tutorial/87261

性能优化（跟自己定义画图相关的）：

1.设置缓存：View 中设置缓存属性.setDrawingCache为true

2.优化布局：tools文件夹下的layoutopt 命令

3.将Acitivity 中的Window 的背景图设置为空（默认不为空）。getWindow().setBackgroundDrawable(null);

4.採用SurfaceView在子线程刷新UI,:避免手势的处理和绘制在同一UI线程（普通View都这样做）。

5:採用JNI:将耗时间的处理放到c/c++层来处理。

---

主要来说下自己定义控件重要的三个方法“onMeasure()”。“onDraw()”，“onLayout()”：

1.onMeasure()方法就是用于測量视图的大小的，不然你的空间永远都仅仅是白屏，不是没画上去，而是没有尺寸。

measure()方法接收两个參数。widthMeasureSpec和heightMeasureSpec也就是宽度和长度。

MeasureSpec的值由specSize和specMode共同组成的，specSize是大小，specMode是规格。

有三种规格:1. EXACTLY，AT_MOST，UNSPECIFIED。这三种规格细说太复杂了，我整合给大家听下

（1）：子视图的大小应该是由specSize的值来决定，用户也可自行定义

（2）：子视图最多仅仅能是specSize中指定的大小。仅仅能更小不能更大了

（3）：能够将视图依照自己的意愿设置成随意的大小，没有不论什么限制

当rootDimension參数等于MATCH_PARENT的时候，MeasureSpec的specMode就等于EXACTLY。当rootDimension等于WRAP_CONTENT的时候，MeasureSpec的specMode就等于AT_MOST。而且MATCH_PARENT和WRAP_CONTENT时的specSize都是等于windowSize的。也就意味着根视图总是会充满全屏的。

这里的rootDimension是根布局的尺寸

总结：视图大小的控制是由父视图、布局文件、以及视图本身共同完毕的，父视图会提供给子视图參考的大小。而开发者能够在XML文件里指定视图的大小，然后视图本身会对终于的大小进行拍板。

不然就会出现onCreate时发现控件宽高都是0。之前有提到。看这里http://blog.csdn.net/ddwhan0123/article/details/50386685

2.onLayout()用于给视图进行布局的，也就是确定视图的位置。会在onMeasure方法之后运行。

layout()方法接收四个參数，分别代表着左、上、右、下的坐标。当然这个坐标是相对于当前视图的父视图而言的。

像这样layout(0, 0, host.mMeasuredWidth, host.mMeasuredHeight);

可是画图的位置操作我们能够在onDraw里运行，所以假设你不想了解这部分，这方法你不調用都行，可是要记得在画的时候重现位置特性。不然就是“一坨屎在一起了”

3.onDraw(),measure和layout的过程都结束后。接下来就进入到这种方法了。我们全部的作画的事，都在这干！

ViewRoot中的代码会继续运行并创建出一个Canvas对象，然后调用View的draw()方法来运行具体的绘制工作

我们的绘画都是在这个Canvas对象的支持下实现的，简单写个样例。

public class TestView extends View {
    Paint paint;
    Context context;

    public TestView(Context context) {
        super(context);
        this.context = context;
    }

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

    public TestView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public TestView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context, attrs);
    }

    private void init(Context context, AttributeSet attrs) {
        paint = new Paint();
//        paint.setColor(getResources().getColor(R.color.SlateBlue));
        paint.setColor(getResources().getColor(R.color.Gold));
        paint.setStrokeWidth(3);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Log.d("--->onDraw", "onDraw()");
//        canvas.drawCircle(0, 0, 90, paint);
        canvas.drawCircle(100, 100, 90, paint);
    }

    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        Log.d("--->onLayout", "changed = " + changed + " left = " + left + " top = " + top + " right = " + right + " bottom " + bottom);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        Log.d("--->onMeasure", "  widthMeasureSpec =" + widthMeasureSpec + "  heightMeasureSpec = " + heightMeasureSpec);
        setMeasuredDimension(widthMeasureSpec, heightMeasureSpec);
    }
}

凝视部分运行效果：

现有代码效果：

打印的顺序

请细致看onLayout()的那些坐标，他任然保持着父布局的一系列属性參数：

  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"

相关资源收集：http://blog.csdn.net/michaelcao1980/article/details/43233909