Question

我正在尝试创建一个半透明的帮助叠加层，以便在用户首次打开应用时显示在我的活动的主屏幕上。我想突出显示主布局中包含的按钮（并使用setContentView进行充气），通过“剪切”覆盖的一部分对应于按钮的位置，并使切口透明。

overlay是一个以编程方式创建的视图（扩展RelativeLayout），它被添加到我的activity的主FrameLayout中，如下所示：

private void addHelpOverlay(){
    HelpOverlay help = new HelpOverlay(this);
    help.setBackgroundColor(Color.parseColor("#BB222222"));

    mainLayer.addView(help);
}


public class HelpOverlay extends RelativeLayout{

    public HelpOverlay(Context context){
        super(context);
    }

    @Override
    public void dispatchDraw(Canvas canvas){

        canvas.drawColor(Color.parseColor("#BB222222"));

        Paint mPaint = new Paint();
        mPaint.setColor(0xFFFFFF);
        mPaint.setAlpha(0);
        mPaint.setAntiAlias(true);

        canvas.drawCircle(buttonX, buttonY, 100, mPaint);        

        super.dispatchDraw(canvas);
    }
}

上面的代码实际上并没有显示任何内容，只是没有圆形切口的半透明布局。我认为这是因为它只是在半透明布局的顶部绘制一个透明圆圈。我真的很难做到这一点，任何建议都将不胜感激！

Answer 1

尝试将PorterDuff添加到绘图对象。这将使特定区域变得透明

Paint mPaint = new Paint();
    mPaint.setColor(0xFFFFFF);
    mPaint.setAlpha(0);
    mPaint.setAntiAlias(true);
    mPaint.setColor(Color.TRANSPARENT);
    mPaint.setXfermode(new PorterDuffXfermode(
                PorterDuff.Mode.CLEAR));
    canvas.drawCircle(buttonX, buttonY, 100, mPaint);

如果在圆形区域中出现黑色，这必定是由于图形渲染问题，您可以在声明绘制对象之前使用下面的代码启用它。

 if (android.os.Build.VERSION.SDK_INT >= 11) {
            setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        }

我想这应该可以解决您的问题

在Android中的视图中创建透明圆形剪切

1 个答案: