【安卓/Android】自定义控件之弧形布局及clip系列方法抗锯齿

原创

于 2019-08-04 02:12:26 发布 · 2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#安卓/Android #弧形布局 #自定义弧形 #clip系列方法抗锯齿 #Xfermode

本文介绍了一种使用Xfermode实现抗锯齿的弧形布局方法，避免了clipPath带来的问题。通过在空白画布上绘制贝塞尔曲线，并结合Xfermode，实现了平滑的弧形边界，适用于各种屏幕尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开头必水，说是做弧形布局，不如说是Draw绘制这块踩坑，因为会对绘制结果进行裁剪（clipPath），而Path则是绘制贝塞尔曲线的结果。裁剪的通病用过的基本都知道，那就是抗锯齿，非常恶心，各种抗锯齿的办法基本GG。所以...我不打算用clip系列的办法（滑稽.jpg），而是Xfermode。Xfermode用起来问题也不大（参考链接），链接是别人的，基本知道是个啥就行了，没必要全部看完。

弧形布局大概长这样：

弧形布局

基本就是一个 FrameLayout 里边重写dispatchDraw()方法，通过绘制贝塞尔曲线 + Xfermode实现。具体方法是先在一个空白画布上绘制好一个弧形，通过Xfermode实现最终效果。

基本的初始化

    private Paint mPaint;
    private PaintFlagsDrawFilter mDrawFilter;
    private PorterDuffXfermode mXfermode;
    private Path mPath;

    private void init() {
        mPaint = new Paint();
        //绘制贝塞尔曲线
        mPath = new Path();
        //启用硬件加速，否则会出现一些异常（比如黑边，设计器和模拟器可能依旧会存在黑边）
        setLayerType(View