上端两个圆角，下端两个直角

最新推荐文章于 2022-12-09 14:34:41 发布

原创最新推荐文章于 2022-12-09 14:34:41 发布 · 475 阅读

1 ·

CC 4.0 BY-SA版权

android 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种自定义的Android圆角布局实现方法，通过重写View并使用Canvas、Path和Paint等图形处理组件来创建带有圆角的布局效果。文章详细展示了如何通过arcTo方法绘制圆角，并通过clipPath方法限制绘制区域，最终实现了带有特定圆角的自定义布局。

package com.example.clipviewdemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.RectF;
import android.os.Build;
import android.util.AttributeSet;
import android.view.View;
import android.widget.FrameLayout;

public class RoundCornerLayout extends FrameLayout {
    private int mRadius = 50;
    private Paint mPaint = new Paint();
    private Path mPath = new Path();

    public RoundCornerLayout(Context context) {
        this(context, null);
    }

    public RoundCornerLayout(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RoundCornerLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        fixClipPathUnsupportedOperationException(this);
        mPaint = new Paint();
        mPaint.setColor(Color.WHITE);
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
        mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_OUT));
        setWillNotDraw(false);
    }

    @Override
    public void draw(Canvas canvas) {
        RectF leftRect1 = new RectF(0, 0, mRadius, mRadius);

        // 上端两个圆角，下端是两个直角图形
        mPath.arcTo(leftRect1,180,90);
        RectF leftRect2 = new RectF(getWidth() - mRadius, 0, getWidth(), mRadius);
        mPath.arcTo(leftRect2,270,90);

        mPath.lineTo(getWidth(), getHeight());
        mPath.lineTo(0, getHeight());
        mPath.lineTo(0, mRadius);


        mPath.close();
        canvas.save();
        //裁剪canvas，限定绘制区域
        canvas.clipPath(mPath);
        super.draw(canvas);
        canvas.restore();
    }

    public static void fixClipPathUnsupportedOperationException(View view) {
        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.JELLY_BEAN_MR2
                && Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
            view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        }
    }
}