天天看点

安卓android webview圆角效果

一开始使用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); //关闭硬件加速