我们要知道布局是否合理,可以通过Hierarchy Viewer这个工具。打开Hierarchy Viewer(定位到tools/目录下,直接执行hierarchyviewer的命令,选定需要查看的Process,再点击Load View Hierarchy会显示出当前界面的布局Tree。在每个模块的Traffic light上有三个灯,分别代表了Measure, Layout and Draw三个步骤的性能。如果有红灯了,那么就说明这里有点问题,需要优化。
如果你在布局中在LinearLayout中使用了layout_weight。我们需要仔细评估到底是否需要使用那样的布局,尽量避免使用layout_weight。因为这样会计算两次。
如果你想要观察和解决过度绘制,又一个简单实用的窍门是移除Window默认的Background,然后在布局文件中进行添加背景。
canvas.clipRect()这个方法可以让你选择你需要绘制的区域,这里可以是Rect也可以是path,可以方便简单的解决自定义view过度绘制的问题。
这个方法可以指定一块矩形区域,只有在这个区域内才会被绘制,其他的区域会被忽视。
除了clipRect方法之外,我们还可以使用canvas.quickreject()来判断是否没和某个矩形相交,从而跳过那些非矩形区域内的绘制操作。
例子:
如果一个自定义view是这样绘制的
private Paint mPaint; private Bitmap mBitmap; private int mPadding = 0; public CView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); mPaint = new Paint(); mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.kale); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); for (int i = 0; i < 2; i++) { canvas.save(); Rect rect = new Rect(mPadding, 0, 100 + mPadding, mBitmap.getWidth() + mPadding); canvas.drawBitmap(mBitmap,mPadding,0,mPaint); canvas.restore(); mPadding += 100; } canvas.drawBitmap(mBitmap, mPadding, 0, mPaint); } }
那么检测到的情况如下:
可以很明显的看到有重叠的部分,重叠的部分出现了严重的红色。那么当我们用clipRect来指定view绘制的区域后会如何呢?
可以很明显的看见重叠的部分没有了,原因就是我们在代码中指定了只绘制可见的部分,重叠的不可见部分不会去绘制。
@Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); for (int i = 0; i < 2; i++) { canvas.save(); Rect rect = new Rect(mPadding, 0, 100 + mPadding, mBitmap.getWidth() + mPadding); canvas.clipRect(rect); canvas.drawBitmap(mBitmap,mPadding,0,mPaint); canvas.restore(); mPadding += 100; } canvas.drawBitmap(mBitmap, mPadding, 0, mPaint); }