如何制作系统叠加视图MULTIPLY(混合模式)的背景?

时间:2016-02-24 00:20:15

标签: android blending system-alert-window

我的问题的第一个上下文:我正在尝试创建一个系统覆盖类型视图(即绘制其他应用程序),这是(现在)只是一个全屏纯色。我通过启动/停止服务来打开/关闭它。

这是我的代码到目前为止的样子(在服务中):

public void onCreate() {
    super.onCreate();
    oView = new LinearLayout(this);
    oView.setBackgroundColor(0x66ffffff);

    PorterDuffColorFilter fil = new PorterDuffColorFilter(0xfff5961b, PorterDuff.Mode.MULTIPLY);
    oView.getBackground().setColorFilter(fil);

    WindowManager.LayoutParams params = new WindowManager.LayoutParams(
            WindowManager.LayoutParams.MATCH_PARENT,
            WindowManager.LayoutParams.MATCH_PARENT,
            WindowManager.LayoutParams.TYPE_SYSTEM_OVERLAY,
            0 | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT);
    WindowManager wm = (WindowManager) getSystemService(WINDOW_SERVICE);
    wm.addView(oView, params);
}

这样,当我启动此服务时,我可以获得其他常规Android使用情况的纯色。 现在,我的具体问题: 有没有什么方法可以让这个颜色到MULTIPLY(想想photoshop混合模式)而不是它背后的常规android用法?

从我的代码中可以看出,我已经尝试过使用PorterDuff过滤器模式(它们的几种不同组合)来实现它,徒劳无功。

这里有一些截图可以更好地解释这个:

original view< - 没有我服务的原始屏幕。

current result< - 启用了当前代码服务的同一屏幕。

intended result< - 同一屏幕上的预期结果。注意如何将较暗的颜色乘以下方。

正如您所看到的,我当前的代码只会抛出一层纯色。 我感谢所有的建议。提前谢谢!

1 个答案:

答案 0 :(得分:1)

对于那些仍然想知道这种事情是否可能的人,我决定分享我解决这个问题的经验。

长话短说

Android被设计为不允许在不同上下文的视图之间应用颜色混合(我实际上无法证明这种说法,而这完全是我的个人经验),因此要实现您想要的,首先需要以某种方式在属于您的应用程序上下文之一的表面上渲染目标图像。


0。概述

至少出于安全原因,没有办法仅在应用程序中广播android主屏幕(否则,通过使应用程序外观和行为完全像系统一样,用户可以通过填充用户输入来窃取个人数据和密码主屏幕)。但是,在Android API 21(Lollipop)中引入了所谓的MediaProjection类,它引入了录制屏幕的可能性。我认为较低的API不能在没有根设备的情况下实现(如果可以的话,您可以使用adb shell screencap的{​​{3}}命令从应用程序中自由使用Runtime命令类)。如果您有主屏幕的屏幕截图,则可以从应用程序内部创建主屏幕感觉,然后应用颜色混合。不幸的是,这种屏幕录制功能也会同时录制叠加层,因此,只有在叠加层被隐藏时,您才必须录制屏幕。

1。截图

使用MediaProjection截屏并不难,但是需要花费一些精力。它还要求您具有“活动”,以要求用户提供屏幕录像权限。首先,您需要征得使用Media Project Service的许可:

private final static int SCREEN_RECORDING_REQUEST_CODE = 0x0002;
...
private void requestScreenCapture() {
    MediaProjectionManager mediaProjectionManager = (MediaProjectionManager) getSystemService(Context.MEDIA_PROJECTION_SERVICE);
    Intent intent = mediaProjectionManager.createScreenCaptureIntent();
    startActivityForResult(intent, SCREEN_RECORDING_REQUEST_CODE);
}

然后在onActivityResult方法中处理请求。请注意,您还需要保留此请求返回的Intent,以供以后使用以获取VirtualDisplay(实际上是捕获屏幕的所有工作)

@Override
protected void onActivityResult(int requestCode, int resultCode, @NonNull Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    switch (requestCode) {
        case SCREEN_RECORDING_REQUEST_CODE:
            if (resultCode == RESULT_OK) {
                launchOverlay(data);
            } else {
                finishWithMessage(R.string.error_permission_screen_capture);
            }
            break;
    }
}

最终,您可以从MediaProjection系统服务中获取MediaProjectionManager实例(使用先前返回的意图数据):

MediaProjectionManager mediaProjectionManager = (MediaProjectionManager) appContext.getSystemService(MEDIA_PROJECTION_SERVICE);
// screenCastData is the Intent returned in the onActivityForResult method
mMediaProjection = mediaProjectionManager.getMediaProjection(Activity.RESULT_OK, screenCastData);

为了制作exec渲染主屏幕,我们应该为其提供一个VirtualDisplay。然后,如果我们需要该表面的图像,则需要缓存图形并将其抓取到位图中,或者要求该表面直接绘制到画布上。但是,在这种特殊情况下,不需要发明轮子,为此已经有一些方便的东西叫做Surface。由于我们需要模仿主屏幕,因此ImageReader应该使用实际设备大小实例化(包括状态栏和导航按钮栏(如果它作为Android屏幕的一部分显示):

mWindowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
final Display defaultDisplay = mWindowManager.getDefaultDisplay();
Point displaySize = new Point();
defaultDisplay.getRealSize(displaySize);
final ImageReader imageReader = ImageReader.newInstance(displaySize.x, displaySize.y, PixelFormat.RGBA_8888, 1);

我们还需要设置传入图像缓冲区的侦听器,因此在获取屏幕截图时,它将转到该侦听器:

imageReader.setOnImageAvailableListener(this, null);

我们将很快返回此侦听器的实现。现在,我们创建一个VirtualDisplay,以便最终可以完成截图工作:

final Display defaultDisplay = mWindowManager.getDefaultDisplay();
final DisplayMetrics displayMetrics = new DisplayMetrics();
defaultDisplay.getMetrics(displayMetrics);
mScreenDpi = displayMetrics.densityDpi;
mVirtualDisplay = mMediaProjection.createVirtualDisplay("virtual_display",
                                                        imageReader.getWidth(),
                                                        imageReader.getHeight(),
                                                        mScreenDpi,
                                                        DisplayManager.VIRTUAL_DISPLAY_FLAG_AUTO_MIRROR,
                                                        imageReader.getSurface(),
                                                        null, null);

现在,ImageRender会在VirtualDisplay发出新图像时将新图像发送到其侦听器。侦听器仅包含一种方法,其外观如下:

@Override
public void onImageAvailable(@NonNull ImageReader reader) {
    final Image image = reader.acquireLatestImage();
    Image.Plane[] planes = image.getPlanes();
    ByteBuffer buffer = planes[0].getBuffer();
    int pixelStride = planes[0].getPixelStride();
    int rowStride = planes[0].getRowStride();
    int rowPadding = rowStride - pixelStride * image.getWidth();
    final Bitmap bitmap = Bitmap.createBitmap(image.getWidth() + rowPadding / pixelStride,
            image.getHeight(), Bitmap.Config.ARGB_8888);
    bitmap.copyPixelsFromBuffer(buffer);
    image.close();
    reader.close();
    onScreenshotTaken(bitmap);
}

图像处理完成后,应调用ImageReader的{​​{3}}方法。它释放它分配的所有资源,同时使ImageReder不可用。因此,当您需要拍摄下一个屏幕截图时,您将不得不实例化另一个ImageReader。 (由于我们的实例是使用1张图片的缓冲区制作的,因此仍然无法使用)

2。将屏幕截图放在主屏幕上

现在,当我们获得主屏幕的确切屏幕截图时,应放置主屏幕,以使最终用户不会注意到其中的区别。我选择了一个具有类似布局参数的LinearLayout,而不是您在问题中使用的ImageView。因为它已经覆盖了整个屏幕,所以唯一要做的就是调整屏幕快照的位置,因此它不包含状态栏和导航栏按钮(这是因为屏幕记录实际上捕获了整个设备屏幕,而叠加视图只能放置在“可绘制”区域内)。为此,我们可以使用简单的矩阵转换:

private void showDesktopScreenshot(Bitmap screenshot, ImageView imageView) {
    // The goal is to position the bitmap such it is attached to top of the screen display, by
    // moving it under status bar and/or navigation buttons bar
    Rect displayFrame = new Rect();
    imageView.getWindowVisibleDisplayFrame(displayFrame);
    final int statusBarHeight = displayFrame.top;
    imageView.setScaleType(ImageView.ScaleType.MATRIX);
    Matrix imageMatrix = new Matrix();
    imageMatrix.setTranslate(-displayFrame.left, -statusBarHeight);
    imageView.setImageMatrix(imageMatrix);
    imageView.setImageBitmap(screenshot);
}

3。应用颜色混合

由于我们已经有了一个包含主屏幕的视图,因此我发现扩展它很方便,因此可以在应用了混合模式的情况下绘制叠加层。让我们扩展`ImageView类,并引入几个空方法:

class OverlayImageView extends ImageView {
    @NonNull
    private final Paint mOverlayPaint;

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

    void setOverlayColor(int color) {
    }

    void setOverlayPorterDuffMode(PorterDuff.Mode mode) {
    }
}

如您所见,我添加了ImageReader类型的字段。这将帮助我们绘制叠加层并反映更改。我实际上并不是以为自己是计算机图形学的专家,但是为了避免造成任何混淆,我想强调一下,您在问题中使用的方法有些错误-您将视图的背景可绘制为背景(实际上并不依赖于视图背后的内容),而仅在其上应用PorterDuff模式。因此,背景用作目标颜色,而您在PorterDuffColorFilter构造函数中指定的颜色用作源颜色。只有这两件事融合在一起,其他都没有受到影响。但是,当您在Paint上应用PorterDuff模式并将其绘制在画布上时,此画布后面(并属于同一close())的所有视图都将被混合。让我们首先覆盖onDraw方法,然后在ImageView中画图:

@Override
protected void onDraw(@NonNull Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawPaint(mOverlayPaint);
}

现在,我们只需要为设置器添加相应的更改,并通过调用Paint方法要求视图重绘即可:

void setOverlayColor(@SuppressWarnings("SameParameterValue") int color) {
    mOverlayPaint.setColor(color);
    invalidate();
}

void setOverlayPorterDuffMode(@SuppressWarnings("SameParameterValue") PorterDuff.Mode mode) {
    mOverlayPaint.setXfermode(new PorterDuffXfermode(mode));
    invalidate();
}

就是这样!这是没有混合乘法模式并且应用了它的相同效果的示例:


代替结论

当然,此解决方案还远远不够完美-覆盖层与主屏幕完全重叠,并且要使其可行,您应该想出许多解决方法来解决常见的情况,例如常见的交互,键盘,滚动,通话,系统对话框等。我进行了尝试,并制作了一个快速的应用程序,该应用程序可以在用户触摸屏幕时隐藏覆盖层。它仍然有很多问题,但是对于您来说应该是一个很好的起点。主要问题是使应用程序意识到周围正在发生的事情。我没有检查Context,但是它应该非常合适,因为与普通服务相比,它具有更多有关用户操作的信息。您可以在这里查看我的解决方案-invalidate()