在安卓屏幕上悬浮视图

Question

我试图制作一个用户可以在屏幕上拖动的悬浮视图。

思路是启动一个服务，然后在屏幕上填充一个视图。

但是有一个问题，它不仅接收自己所属的事件，而且接收所有用户输入的事件。

这是我的代码：

manifest.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.floatandroidpractice"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.floatandroidpractice.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <service android:name="com.example.floatandroidpractice.WalkingIconService" />
    </application>

</manifest>

可以拖动的浮动视图：

package com.example.floatandroidpractice;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.MotionEvent;
import android.view.View;

public class littleIconView extends View {
    private float viewX;
    private float viewY;
    private Paint mPaint;
    private Bitmap androidIcon;

    public littleIconView(Context context) {
        super(context);
        mPaint = new Paint();
        mPaint.setColor(Color.BLACK);
        androidIcon = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);

    }

    @Override
    public void onDraw(Canvas cvs) {
        cvs.drawBitmap(androidIcon, viewX - androidIcon.getWidth() / 2, viewY - androidIcon.getHeight()
                / 2, mPaint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        boolean touchedX = Math.abs(viewX - event.getX()) > androidIcon.getWidth();
        boolean touchedY = Math.abs(viewY - event.getY()) > androidIcon.getHeight();
        boolean isValidTouch = !touchedX && !touchedY;
        if (isValidTouch) {
            if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE
                    || event.getAction() == MotionEvent.ACTION_UP) {
                viewX = event.getX();
                viewY = event.getY();
            }
            invalidate();
            return true;

        }
        else
            return false;
    }
}

以及服务：

package com.example.floatandroidpractice;
import android.app.Service;
import android.content.Intent;
import android.graphics.PixelFormat;
import android.os.IBinder;
import android.view.WindowManager;
import android.view.WindowManager.LayoutParams;

public class WalkingIconService extends Service {

    @Override
    public void onCreate() {
        super.onCreate();

    }

    @Override
    public int onStartCommand(Intent intent, int flags, int startId) {
        littleIconView a = new littleIconView(getApplicationContext());
        LayoutParams mLayoutParams = new WindowManager.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 0, 0, PixelFormat.TRANSPARENT);
        WindowManager mWindowManager = (WindowManager) this.getSystemService(WINDOW_SERVICE);
        mLayoutParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL | LayoutParams.FLAG_NOT_FOCUSABLE
                | LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH |
                LayoutParams.FLAG_LAYOUT_INSET_DECOR | LayoutParams.FLAG_LAYOUT_IN_SCREEN;
        mWindowManager.addView(a, mLayoutParams);
        return super.onStartCommand(intent, flags, startId);
    }

    @Override
    public IBinder onBind(Intent intent) {
        return null;
    }

}

完整项目：https://github.com/shanwu/shanwu_coding_base/tree/xxx/floatAndroidPractice

- shanwu

---

尝试将onTouchEvent()的代码与您的逻辑（如何动画/浮动该视图）放置在onAttachedToWindow()或onAnimationStart()中。检查“View”类的生命周期方法。 - VVB

实际上，在onTouchEvent中，用户需要传递输入，即向右/向左/向上/向下拖动。因此，如果您想要浮动视图，那么您需要传递这些输入。 - VVB

你不需要为参数设置 ALERT 标志吗？ - stdout

为什么总是通过服务来处理呢？我的意思是，我们不能通过Activity进行适当的设置吗？ - stdout

@zgulser的服务在使用其他应用程序时保持活动状态，仍然显示在屏幕上。 - Ahmed I. Elsayed

Answer 1

我尝试了您在画布上绘制图像的方法，但是没有任何进展。这里有一个例子EatHeat's github，我从中学到了一些东西。也许这可以让您朝着正确的方向前进，也可能不行，但对我来说起作用了。

WalkingIconService.java

package ...
//imports

public class WalkingIconService extends Service {
    private WindowManager mWindowManager;
    private ImageView image;

    public void onCreate() {
        super.onCreate();
        image = new ImageView(this);

        image.setImageResource(R.drawable.ic_launcher);

        mWindowManager = (WindowManager)getSystemService(WINDOW_SERVICE);

        final LayoutParams paramsF = new WindowManager.LayoutParams(
            LayoutParams.WRAP_CONTENT,
            LayoutParams.WRAP_CONTENT,
            LayoutParams.TYPE_PHONE,
            LayoutParams.FLAG_NOT_FOCUSABLE,
            PixelFormat.TRANSLUCENT);

        paramsF.gravity = Gravity.TOP | Gravity.LEFT;
        paramsF.x=0;
        paramsF.y=100;
        mWindowManager.addView(image, paramsF);

        try{

            image.setOnTouchListener(new View.OnTouchListener() {
                WindowManager.LayoutParams paramsT = paramsF;
                private int initialX;
                private int initialY;
                private float initialTouchX;
                private float initialTouchY;
                @Override
                public boolean onTouch(View v, MotionEvent event) {
                    switch(event.getAction()){
                    case MotionEvent.ACTION_DOWN:
                        initialX = paramsF.x;
                        initialY = paramsF.y;
                        initialTouchX = event.getRawX();
                        initialTouchY = event.getRawY();
                        break;
                    case MotionEvent.ACTION_UP:
                        break;
                    case MotionEvent.ACTION_MOVE:
                        paramsF.x = initialX + (int) (event.getRawX() - initialTouchX);
                        paramsF.y = initialY + (int) (event.getRawY() - initialTouchY);
                        mWindowManager.updateViewLayout(v, paramsF);
                        break;
                    }
                    return false;
                }
            });
        } catch (Exception e){
            e.printStackTrace();
        }
    }

    @Overrride
    public void onDestroy(){
        super.onDestory();
    }

}

MainActivity.java

package ...
//imports

public class MainActivity extends Activity {

    @Override
    public void onCreate(icicle) {
        super.onCreate(icicle);
        setcontentView(R.layout.activity_main);
        Button b = (Button)findViewById(R.id.tv);
        b.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //toast
                startService(new Intent(MainActivity.this, WalkingIconService.class));
            }
        });
        //stopService (from my original code)
        Button stop = (Button)findViewById.(R.id.btnStop);
        stop.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                stopService(new Intent(MainActivity.this, WalkingIconService.class));
            }
        });
    }
}

- CodeMonkey

---

谢谢回复，我会在我的解决方案可用时发布它。 - shanwu

很高兴能帮到你，@Shirane85。如果你或其他人发现任何改进，请随时提出，我很乐意让我的代码更加清晰、更好地服务于他人。 - CodeMonkey

@CodeMonkey 这段代码有问题。每当我关闭活动时，WalkingIconService 就会重新创建自己（浮动视图消失然后再次出现）。 - Saeed Masoumi

你使用了stopService吗？我会编辑MainActivity代码，像我在原始代码中那样添加一个按钮点击来实现它。 - CodeMonkey

我知道这有点老了，但请注意，在API 23+上，您需要获得绘制其他应用程序的权限，并且必须使用新的请求API来询问用户。 - Andrew Quebe

Answer 2

从API 23+开始，在启动服务之前，请检查Settings.ACTION_MANAGE_OVERLAY_PERMISSION权限：

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
                if (!Settings.canDrawOverlays(ConversationsActivityWithSpam.this)) {
                    Intent intent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION,
                            Uri.parse("package:" + getPackageName()));
                    startActivityForResult(intent, 16);
                    return false;
                }
            }

- Hosein Kord

Answer 3

默认情况下，当使用WRAP_CONTENT进行布局时，View将占用整个可用空间。您需要在WindowManager.LayoutParams中明确指定视图大小，覆盖View.onMeasure方法，或者（最好的方式）扩展ImageView而不是View。

- alanv