带透明边框的菱形按钮

Posted 2023-02-26

【中文标题】带透明边框的菱形按钮

【英文标题】：Diamond Shaped Button with transparent borders

【发布时间】：2015-03-06 12:34:18

【问题描述】：

我使用 customView 类来创建菱形按钮。 在该类的 onDraw 方法中：

 @Override
protected void onDraw(Canvas canvas) 

    mPath.moveTo(mWidth/2 , 0);
    mPath.lineTo(mWidth , mHigh/2);
    mPath.lineTo(mWidth /2 , mHigh);
    mPath.lineTo(0 , mHigh/2);
    mPath.lineTo( mWidth/2 ,0);

    canvas.drawPath(mPath ,mBorderPaint);
    super.onDraw(canvas);

而borderPaint是这样定义的：

    mBorderPaint = new Paint();
    mBorderPaint.setColor(mBorderColor);
    mBorderPaint.setStyle(Paint.Style.FILL_AND_STROKE);
    borderPaint.setStrokeWidth(mBorderWidth);

但我希望我的菱形按钮有透明边框。我该怎么办？

【问题讨论】：

为什么不能得到菱形图片并放在按钮中？这是第一种情况。第二种情况是如果您需要放置菱形，请使用库。 github.com/siyamed/android-shape-imageview

@Shadow：是的，但我想学习如何做到这一点:)

没有边框代替透明对你来说有什么不同吗？

:我想为它设置 alpha。例如，带有 0.2 alpha 的白色边框不完全透明。

【参考方案1】：

你必须绘制两次路径，第一次绘制填充，然后绘制描边。

//initialize the paint object before onDraw method is called
mBorderPaint = new Paint();

@Override
protected void onDraw(Canvas canvas) 

    mPath.moveTo(mWidth/2 , 0);
    mPath.lineTo(mWidth , mHeight/2);
    mPath.lineTo(mWidth /2 , mHeight);
    mPath.lineTo(0 , mHeight/2);
    mPath.lineTo( mWidth/2 ,0);

    //setup the paint for fill
    mBorderPaint.setAlpha(255);
    mBorderPaint.setColor(mBorderColor);
    mBorderPaint.setStyle(Paint.Style.FILL);
    borderPaint.setStrokeWidth(mBorderWidth);

    //draw it
    canvas.drawPath(mPath ,mBorderPaint);

    //setup the paint for stroke
    mBorderPaint.setAlpha(51);
    mBorderPaint.setStyle(Paint.Style.STROKE);

    //draw it again
    canvas.drawPath(mPath ,mBorderPaint);

    super.onDraw(canvas);