一开始使用shape的方式实现,发现不行,网页出来以后就会填充满
后来使用搜索引擎,看到其他人实现的webview圆角效果,连接 http://blog.csdn.net/zxwd2015/article/details/64554653
实测,性能太差,卡顿明显
于是自己重写
看了下他的代码,搞了4个path,各种moveTo和lineTo,我就想能不能把4个path合成1个path
或者能不能找到一个函数可以搞定的,找到了addRoundRect函数
呃,这就很舒服
链接:
http://www.cnblogs.com/everhad/p/6161083.html
http://blog.csdn.net/qiushi_1990/article/details/53188554
所以,自己改了下他们的代码
完整代码如下:
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
/**
* 圆角webview
*/
public class CornersWebView extends WebView {
private float top_left = 0;
private float top_right = 0;
private float bottom_left = 0;
private float bottom_right = 0;
private int vWidth;
private int vHeight;
private int x;
private int y;
private Paint paint1;
private Paint paint2;
private float[] radiusArray = {0f, 0f, 0f, 0f, 0f, 0f, 0f, 0f};
public CornersWebView(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs);
}
public CornersWebView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context, attrs);
}
private void init(Context context, AttributeSet attrs) {
paint1 = new Paint();
paint1.setColor(Color.WHITE);
paint1.setAntiAlias(true);
paint1.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
paint2 = new Paint();
paint2.setXfermode(null);
final TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.cornersWebView); // 读取xml styleable,attrs是xml属性的集合
top_left = a.getDimension(R.styleable.cornersWebView_top_left, 0);
top_right = a.getDimension(R.styleable.cornersWebView_top_right, 0);
bottom_left = a.getDimension(R.styleable.cornersWebView_bottom_left, 0);
bottom_right = a.getDimension(R.styleable.cornersWebView_bottom_right, 0);
setRadius(top_left, top_right, bottom_right, bottom_left);
}
/**
* 设置四个角的圆角半径
*/
public void setRadius(float leftTop, float rightTop, float rightBottom, float leftBottom) {
radiusArray[0] = leftTop;
radiusArray[1] = leftTop;
radiusArray[2] = rightTop;
radiusArray[3] = rightTop;
radiusArray[4] = rightBottom;
radiusArray[5] = rightBottom;
radiusArray[6] = leftBottom;
radiusArray[7] = leftBottom;
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
vWidth = getMeasuredWidth();
vHeight = getMeasuredHeight();
}
@Override
public void onDraw(Canvas canvas) {
Log.e("jiejing", "onDraw");
x = this.getScrollX();
y = this.getScrollY();
Path path = new Path();
path.addRoundRect(new RectF(0, y, x + vWidth, y + vHeight), radiusArray, Path.Direction.CW); // 使用半角的方式,性能比较好
canvas.clipPath(path);
super.onDraw(canvas);
}
}
注意:
cavas.clipPath不支持硬件加速,记得在AndroidManifest.xml中设置不使用硬件加速。不然效果出不来
或者myView.setLayerType(View.
LAYER_TYPE_SOFTWARE
, null); //关闭硬件加速