美文网首页Android UIAndroid开发Android进阶之旅
自定义悬浮窗详解(模拟IOS小球拖动,轮盘滑动)

自定义悬浮窗详解(模拟IOS小球拖动,轮盘滑动)

作者: 番茄And鸡蛋 | 来源:发表于2017-01-10 17:34 被阅读1205次

    下面先来一组效果图:

    悬浮轮盘.gif

    原理

    创建一个Service,在Service中获取WindowManager的getSystemService(getApplication().WINDOW_SERVICE)服务,添加入自定义的轮盘控件布局( 上篇文章有讲解到自定义View 传送阵),再利用LayoutParams建立自己需要的悬浮窗口,使控件位于所有的View窗口之上。

    LayoutParams类

    WindowManager.LayoutParams 是 WindowManager 接口的嵌套类;继承于 ViewGroup.LayoutParams 。它的内容十分丰富。其实WindowManager.java的主要内容就是由这个类定义构成。下面来分析一下这个类:
    两个变量: width height 属性及可用的常量定义

    • . public int x; 如果忽略gravity属性,那么它表示窗口的绝对X位置。 什么是gravity属性呢?简单地说,就是窗口如何停靠。 当设置了 Gravity.LEFT 或 Gravity.RIGHT 之后,x值就表示到特定边的距离。
    1. **public int y; ** 如果忽略gravity属性,那么它表示窗口的绝对Y位置。 当设置了 Gravity.TOP 或 Gravity.BOTTOM 之后,y值就表示到特定边的距离。
    2. public float horizontalWeight; public float verticalWeight; 在纵/横向上,为关联的view预留了多少扩展空间(像素)。如果是0,那么此view不能被拉伸。 其他情况下,扩展空间(像素)将被widget所均分。
    3. public int type; 窗口类型。 有3种主要类型: Applicationwindows: 取值在 FIRST_APPLICATION_WINDOW 和 LAST_APPLICATION_WINDOW 之间。 是通常的、顶层的应用程序窗口。必须将 token 设置成 activity 的 token 。 Sub_windows: 取值在 FIRST_SUB_WINDOW 和 LAST_SUB_WINDOW 之间。 与顶层窗口相关联,token 必须设置为它所附着的宿主窗口的 token。 Systemwindows: 取值在 FIRST_SYSTEM_WINDOW 和 LAST_SYSTEM_WINDOW 之间。 用于特定的系统功能。它不能用于应用程序,使用时需要特殊权限。
      下面定义了 type 的取值:
    //应用程序窗口。
    public static final int FIRST_APPLICATION_WINDOW = 1;
    //所有程序窗口的“基地”窗口,其他应用程序窗口都显示在它上面。
    public static final int TYPE_BASE_APPLICATION =1;
    
    //普通应用功能程序窗口。token必须设置为Activity的token,以指出该窗      口属谁。
    public static final int TYPE_APPLICATION = 2;
    
    //用于应用程序启动时所显示的窗口。应用本身不要使用这种类型。
    //它用于让系统显示些信息,直到应用程序可以开启自己的窗口。
    public static final int TYPE_APPLICATION_STARTING = 3; 
    
    //应用程序窗口结束。
    public static final int LAST_APPLICATION_WINDOW = 99;
    
    //子窗口。子窗口的Z序和坐标空间都依赖于他们的宿主窗口。
    public static final int FIRST_SUB_WINDOW = 1000;
    
    //面板窗口,显示于宿主窗口上层。
    public static final int TYPE_APPLICATION_PANEL = FIRST_SUB_WINDOW;
    
    //媒体窗口,例如视频。显示于宿主窗口下层。
    public static final int TYPE_APPLICATION_MEDIA = FIRST_SUB_WINDOW+1;
    
    //应用程序窗口的子面板。显示于所有面板窗口的上层。(GUI的一般规律,越“子”越靠上)
    public static final int TYPE_APPLICATION_SUB_PANEL = FIRST_SUB_WINDOW +2;
    
    //对话框。类似于面板窗口,绘制类似于顶层窗口,而不是宿主的子窗口。
    public static final int TYPE_APPLICATION_ATTACHED_DIALOG =   FIRST_SUB_WINDOW +3;
    
    //媒体信息。显示在媒体层和程序窗口之间,需要实现透明(半透明)效果。(例如显示字幕)
    public static final int TYPE_APPLICATION_MEDIA_OVERLAY = FIRST_SUB_WINDOW +4;
    
    //子窗口结束。( End of types of sub-windows )
    public static final int LAST_SUB_WINDOW = 1999;
    
    //系统窗口。非应用程序创建。
    public static final int FIRST_SYSTEM_WINDOW = 2000;
    
    //状态栏。只能有一个状态栏;它位于屏幕顶端,其他窗口都位于它下  方。
    public static final int TYPE_STATUS_BAR =   FIRST_SYSTEM_WINDOW;
    
    //搜索栏。只能有一个搜索栏;它位于屏幕上方。
    public static final int TYPE_SEARCH_BAR =   FIRST_SYSTEM_WINDOW+1;
    
    //电话窗口。它用于电话交互(特别是呼入)。它置于所有应用程序之上,状态栏之下。
    public static final int TYPE_PHONE = FIRST_SYSTEM_WINDOW+2;
    
    //系统提示。它总是出现在应用程序窗口之上。
    public static final int TYPE_SYSTEM_ALERT = FIRST_SYSTEM_WINDOW +3;
    
    //锁屏窗口。
    public static final int TYPE_KEYGUARD = FIRST_SYSTEM_WINDOW +4;
    
    //信息窗口。用于显示toast。
    public static final int TYPE_TOAST = FIRST_SYSTEM_WINDOW +5;
    
    //系统顶层窗口。显示在其他一切内容之上。此窗口不能获得输入焦点,否则影响锁屏。
    public static final int TYPE_SYSTEM_OVERLAY = FIRST_SYSTEM_WINDOW +6;
    
    //电话优先,当锁屏时显示。此窗口不能获得输入焦点,否则影响锁屏。
    public static final int TYPE_PRIORITY_PHONE = FIRST_SYSTEM_WINDOW +7;
    
    //系统对话框。(例如音量调节框)。
    public static final int TYPE_SYSTEM_DIALOG = FIRST_SYSTEM_WINDOW +8;
    
    //锁屏时显示的对话框。
    public static final int TYPE_KEYGUARD_DIALOG = FIRST_SYSTEM_WINDOW +9;
    
    //系统内部错误提示,显示于所有内容之上。
    public static final int TYPE_SYSTEM_ERROR = FIRST_SYSTEM_WINDOW +10;
    
    //内部输入法窗口,显示于普通UI之上。应用程序可重新布局以免被此窗口覆盖。
    public static final int TYPE_INPUT_METHOD = FIRST_SYSTEM_WINDOW +11;
    
    //内部输入法对话框,显示于当前输入法窗口之上。
    public static final int TYPE_INPUT_METHOD_DIALOG= FIRST_SYSTEM_WINDOW +12;
    
    //墙纸窗口。
    public static final int TYPE_WALLPAPER = FIRST_SYSTEM_WINDOW +13;
    
    //状态栏的滑动面板。
    public static final int TYPE_STATUS_BAR_PANEL = FIRST_SYSTEM_WINDOW +14;
    
    //系统窗口结束。
    public static final int LAST_SYSTEM_WINDOW = 2999;
    
    1. **public int memoryType; ** 指出窗口所使用的内存缓冲类型。默认为 NORMAL 。 下面定义了 memoryType 的取值: 窗口缓冲位于主内存。 public static final int MEMORY_TYPE_NORMAL = 0; 窗口缓冲位于可以被DMA访问,或者硬件加速的内存区域。 public static final int MEMORY_TYPE_HARDWARE = 1; 窗口缓冲位于可被图形加速器访问的区域。 public static final int MEMORY_TYPE_GPU = 2; 窗口缓冲不拥有自己的缓冲区,不能被锁定。缓冲区由本地方法提供。 public static final int MEMORY_TYPE_PUSH_BUFFERS = 3;
    2. ** public int flags;** 行为选项/旗标,默认为 none .
      下面定义了 flags 的取值:
      //窗口之后的内容变暗。
      public static final int FLAG_DIM_BEHIND = 0x00000002;
    
      //窗口之后的内容变模糊。
      public static final int FLAG_BLUR_BEHIND = 0x00000004; 
    
      不许获得焦点。
      不能获得按键输入焦点,所以不能向它发送按键或按钮事件。那些时间将发送给它后面的可以获得焦点的窗口。此选项还会设置FLAG_NOT_TOUCH_MODAL选项。设置此选项,意味着窗口不能与软输入法进行交互,所以它的Z序独立于任何活动的输入法(换句话说,它可以全屏显示,如果需要的话,可覆盖输入法窗口)。要修改这一行为,可参考FLAG_ALT_FOCUSALBE_IM选项。
    public static final int FLAG_NOT_FOCUSABLE = 0x00000008;
    
     //不接受触摸屏事件。
     public static final int FLAG_NOT_TOUCHABLE = 0x00000010;
    
     当窗口可以获得焦点(没有设置 FLAG_NOT_FOCUSALBE 选项)时,仍然将窗口范围之外的点设备事件(鼠标、触摸屏)发送给后面的窗口处理。否则它将独占所有的点设备事件,而不管它们是不是发生在窗口范围内。
     public static final int FLAG_NOT_TOUCH_MODAL = 0x00000020;
    
     如果设置了这个标志,当设备休眠时,点击触摸屏,设备将收到这个第一触摸事件。
     通常第一触摸事件被系统所消耗,用户不会看到他们点击屏幕有什么反应。
     public static final int FLAG_TOUCHABLE_WHEN_WAKING = 0x00000040;
    
     当此窗口为用户可见时,保持设备常开,并保持亮度不变。
      public static final int FLAG_KEEP_SCREEN_ON = 0x00000080;
    
     窗口占满整个屏幕,忽略周围的装饰边框(例如状态栏)。此窗口需考虑到装饰边框的内容。
     public static final int FLAG_LAYOUT_IN_SCREEN =0x00000100;
    
     允许窗口扩展到屏幕之外。
     public static final int FLAG_LAYOUT_NO_LIMITS =0x00000200;
    
     窗口显示时,隐藏所有的屏幕装饰(例如状态条)。使窗口占用整个显示区域。
     public static final int FLAG_FULLSCREEN = 0x00000400;
    
     此选项将覆盖FLAG_FULLSCREEN选项,并强制屏幕装饰(如状态条)弹出。
     public static final int FLAG_FORCE_NOT_FULLSCREEN =0x00000800;
    
     抖动。指 对半透明的显示方法。又称“点透”。图形处理较差的设备往往用“点透”替代Alpha混合。
     public static final int FLAG_DITHER = 0x00001000;
    
     //不允许屏幕截图。
     public static final int FLAG_SECURE = 0x00002000;
    
     //一种特殊模式,布局参数用于指示显示比例。
     public static final int FLAG_SCALED = 0x00004000;
    
     //当屏幕有可能贴着脸时,这一选项可防止面颊对屏幕造成误操作。
     public static final int FLAG_IGNORE_CHEEK_PRESSES = 0x00008000;
    
     //当请求布局时,你的窗口可能出现在状态栏的上面或下面,从而造成遮挡。当设置这一选项后,窗口管理器将确保窗口内容不会被装饰条(状态栏)盖住。
     public static final int FLAG_LAYOUT_INSET_DECOR = 0x00010000;
    
     //反转FLAG_NOT_FOCUSABLE选项。
     //如果同时设置了FLAG_NOT_FOCUSABLE选项和本选项,窗口将能够与输入法交互,允许输入法窗口覆盖;
    如果FLAG_NOT_FOCUSABLE没有设置而设置了本选项,窗口不能与输入法交互,可以覆盖输入法窗口。
     public static final int FLAG_ALT_FOCUSABLE_IM = 0x00020000;
    
     //如果你设置了FLAG_NOT_TOUCH_MODAL,那么当触屏事件发生在窗口之外事,可以通过设置此标志接收到一个MotionEvent.ACTION_OUTSIDE事件。注意,你不会收到完整的down/move/up事件,只有第一次down事件时可以收到ACTION_OUTSIDE。
     public static final int FLAG_WATCH_OUTSIDE_TOUCH = 0x00040000;
    
     //当屏幕锁定时,窗口可以被看到。这使得应用程序窗口优先于锁屏界面。可配合FLAG_KEEP_SCREEN_ON选项点亮屏幕并直接显示在锁屏界面之前。可使用FLAG_DISMISS_KEYGUARD选项直接解除非加锁的锁屏状态。此选项只用于最顶层的全屏幕窗口。
     public static final int FLAG_SHOW_WHEN_LOCKED = 0x00080000;
    
     //请求系统墙纸显示在你的窗口后面。窗口必须是半透明的。
     public static final int FLAG_SHOW_WALLPAPER = 0x00100000;
    
     //窗口一旦显示出来,系统将点亮屏幕,正如用户唤醒设备那样。
     public static final int FLAG_TURN_SCREEN_ON = 0x00200000;
    
     //解除锁屏。只有锁屏界面不是加密的才能解锁。如果锁屏界面是加密的,那么用户解锁之后才能看到此窗口,除非设置了FLAG_SHOW_WHEN_LOCKED选项。
     public static final int FLAG_DISMISS_KEYGUARD = 0x00400000;
    
     //锁屏界面淡出时,继续运行它的动画。
     public static final int FLAG_KEEP_SURFACE_WHILE_ANIMATING =0x10000000;
    
     //以原始尺寸显示窗口。用于在兼容模式下运行程序。
    public static final int FLAG_COMPATIBLE_WINDOW = 0x20000000;
     
     //用于系统对话框。设置此选项的窗口将无条件获得焦点。
     public static final int FLAG_SYSTEM_ERROR = 0x40000000;
    
    1. **public int gravity; ** gravity 属性。什么是gravity属性呢?简单地说,就是窗口如何停靠。
    2. ** public float horizontalMargin; ** 水平边距,容器与widget之间的距离,占容器宽度的百分率。
    3. ** public float verticalMargin; ** 纵向边距。
    4. **public int format; ** 期望的位图格式。默认为不透明。参考android.graphics.PixelFormat。
    5. **public int windowAnimations; ** 窗口所使用的动画设置。它必须是一个系统资源而不是应用程序资源,因为窗口管理器不能访问应用程序。
    6. ** public float alpha = 1.0f; ** 整个窗口的半透明值,1.0表示不透明,0.0表示全透明。
    7. **public float dimAmount = 1.0f; ** 当FLAG_DIM_BEHIND设置后生效。该变量指示后面的窗口变暗的程度。 1.0表示完全不透明,0.0表示没有变暗。
    8. ** public float screenBrightness = -1.0f; ** 用来覆盖用户设置的屏幕亮度。表示应用用户设置的屏幕亮度。 从0到1调整亮度从暗到最亮发生变化。
    9. **public IBinder token = null; ** 窗口的标示符。( Identifier for this window. This will usually be filled in for you. )
    10. ** public String packageName = null;** 此窗口所在的包名。
    11. public int screenOrientation =ActivityInfo.SCREEN_ORIENTATION_UNSPECIFIED; 屏幕方向,参见android.content.pm.ActivityInfo#screenOrientation。
    12. 在兼容模式下,备份/恢复参数所使用的内部缓冲区。 public int[] mCompatibilityParamsBackup = null;

    这些API资料是我在网上收集整理的。

    实践

    1.建立轮盘的自定义View,直接上代码:

    public class CircleHView extends View {
        public static float CIRCLE_X;
        public static float CIRCLE_Y;
        private static float radius = 80;
        public static float CIRCLE_X2;
        public static float CIRCLE_Y2;
        public CircleHView(Context context) {
            super(context);
        } 
       public CircleHView(Context context, AttributeSet attrs) {
            super(context, attrs);
        } 
       public CircleHView(Context context, AttributeSet attrs, int defStyleAttr) {
            super(context, attrs, defStyleAttr);
        } 
       public void onMeasure(int W, int H) {
            super.onMeasure(W, H); 
       }
        public void layout(int left, int top, int right, int bottom) {
            super.layout(left, top, right, bottom); 
           CIRCLE_X = left / 2 + radius;
            CIRCLE_Y = top / 2 + radius;
            CIRCLE_X2 = left / 2 + radius; 
           CIRCLE_Y2 = top / 2 + radius; 
        }
        public boolean onTouchEvent(MotionEvent event) {
            if (event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
                CIRCLE_X2 = CIRCLE_X;
                CIRCLE_Y2 = CIRCLE_Y;
            } else if (event.getAction() == MotionEvent.ACTION_DOWN || event.getAction() == MotionEvent.ACTION_MOVE) {
                if (Math.abs(CIRCLE_X2 - event.getX()) < radius && Math.abs(CIRCLE_Y2 - event.getY()) < radius) {
                    if (Math.abs(CIRCLE_X - CIRCLE_X2) < radius && Math.abs(CIRCLE_Y - CIRCLE_Y2) < radius) {
                       CIRCLE_X2 = event.getX(); 
                       CIRCLE_Y2 = event.getY();
                    } else { 
                       CIRCLE_X2 = CIRCLE_X; 
                       CIRCLE_Y2 = CIRCLE_Y;
                    }  
              }  
          } 
           invalidate();
            return true;
        } 
       public void onDraw(Canvas canvas) { 
           super.onDraw(canvas); 
           Paint paint = new Paint();
            paint.setColor(Color.parseColor("#7effffff"));
            canvas.drawCircle(CIRCLE_X, CIRCLE_Y, radius, paint);
            paint.setColor(Color.parseColor("#c5fcfbfb"));
            canvas.drawCircle(CIRCLE_X2, CIRCLE_Y2, radius - 30, paint);
        }
    }
    

    这里实现的轮盘比较简单,只是让中心的小球可以在一定的范围内跟着手指移动,松开手指和超出范围时回归初始位置,有更多的需求可以在onTouchEvent滑动时间中添加。

    2.WindowManager添加的布局设置

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:clickable="false"
        android:background="#00ffffff"
        android:orientation="vertical">
        <com.example.amin.mytast2.CircleHView
            android:id="@+id/float_id"
            android:layout_width="60dp"
            android:layout_height="60dp" />
    </FrameLayout>
    

    设置了一个透明的背景,让效果看起来更好。

    3.创建启动悬浮窗的FxService

    public class FxService extends Service { 
       public static String TAG = "MyTag===========>"; 
       private FrameLayout mLinearlayout;
        private WindowManager windowManager;
        private WindowManager.LayoutParams layoutParams;
        private CircleHView mFloatView;
        private boolean mLongClick = false;
        private float lastX = 0;//刚按下去时的X坐标
        private float lastY = 0;//刚按下去时的Y坐标
        private float thisX = 0;//当前响应时的X坐标
        private float thisY = 0;//当前响应时的Y坐标
        private long lastDownTime = 0;//刚按下时间
        private long thisEventTime = 0;//响应的时间
        private long longPressTime = 500;//时间间隔
        @Nullable
        @Override
        public IBinder onBind(Intent intent) {
            return null;
        }
        @Override
        public void onCreate() {
            super.onCreate();
            CreateFloatView(); 
       } 
       private void CreateFloatView() {
            layoutParams = new WindowManager.LayoutParams();
            //获取的是WindowManagerImpl.CompatModeWrapper 
           windowManager = (WindowManager) getApplication().getSystemService(getApplication().WINDOW_SERVICE);
            //设置window type
            layoutParams.type = WindowManager.LayoutParams.TYPE_PHONE; 
           //设置图片格式,效果为背景透明
            layoutParams.format = PixelFormat.RGBA_8888;
            //设置浮动窗口不可聚焦(实现操作除浮动窗口外的其他可见窗口的操作)
            layoutParams.flags = FLAG_NOT_TOUCH_MODAL | FLAG_NOT_FOCUSABLE;
    //        layoutParams.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;
            //调整悬浮窗显示的停靠位置为左侧置顶
            layoutParams.gravity = Gravity.LEFT | Gravity.TOP;
            // 以屏幕左上角为原点,设置x、y初始值,相对于gravity
            layoutParams.x = 500;
            layoutParams.y = 500;
            //设置悬浮窗口长宽数据 
           layoutParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
            layoutParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
            LayoutInflater inflater = LayoutInflater.from(getApplication());
            //获取浮动窗口视图所在布局
            mLinearlayout = (FrameLayout) inflater.inflate(R.layout.float_layout, null);
            //添加mFloatLayout 
           windowManager.addView(mLinearlayout, layoutParams);
            //浮动窗口按钮
            mFloatView = (CircleHView) mLinearlayout.findViewById(R.id.float_id);
    //        imageView = (ImageView) mLinearlayout.findViewById(R.id.image2);
    //        imageView.setFocusable(false);
            mLinearlayout.measure(View.MeasureSpec.makeMeasureSpec(0,
                    View.MeasureSpec.UNSPECIFIED), View.MeasureSpec
                    .makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED));
            //设置监听浮动窗口的触摸移动
            mFloatView.setOnTouchListener(new View.OnTouchListener() {
                @Override
                public boolean onTouch(View view, MotionEvent motionEvent) {
                    if (motionEvent.getAction() == MotionEvent.ACTION_DOWN) {
                        lastX = motionEvent.getRawX();
                        lastY = motionEvent.getRawY();
                        lastDownTime = motionEvent.getDownTime();
                    }
                    if (motionEvent.getAction() == MotionEvent.ACTION_MOVE) {
                        thisX = motionEvent.getRawX();
                        thisY = motionEvent.getRawY();
                        thisEventTime = motionEvent.getEventTime();
                        if (mLongClick) { 
                           //getRawX是触摸位置相对于屏幕的坐标,getX是相对于按钮的坐标
                            layoutParams.x = (int) motionEvent.getRawX() - mFloatView.getMeasuredWidth() / 2;
                            layoutParams.y = (int) motionEvent.getRawY() - mFloatView.getMeasuredHeight() / 2 - 25;
                            //刷新
                            windowManager.updateViewLayout(mLinearlayout, layoutParams);
                            return false;
                        } else {
                            mLongClick = isLongPressed(lastX, lastY, thisX, thisY, lastDownTime, thisEventTime, longPressTime);
                            if (!mLongClick) {
                                //这里添加自己想要的点击响应
                                Intent intent = new Intent(FxService.this, DragActivity.class); 
                               intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
                               startActivity(intent);
                            }
                        }
                    }
                    if (motionEvent.getAction() == MotionEvent.ACTION_UP) {
                        mLongClick = false;
                    }
                    return false;
                } 
           });
        }
        @Override
        public void onDestroy() {
            // TODO Auto-generated method stub
            super.onDestroy();
            if (layoutParams != null) {
                //移除悬浮窗口
                windowManager.removeView(mLinearlayout);
            }
        } 
       //判断是否是长按事件
        static boolean isLongPressed(float lastX, float lastY, float thisX,
                                     float thisY, long lastDownTime, long thisEventTime,
                                     long longPressTime) {
            float offsetX = Math.abs(thisX - lastX);
            float offsetY = Math.abs(thisY - lastY);
            long intervalTime = thisEventTime - lastDownTime;
            if (offsetX <= 10 && offsetY <= 10 && intervalTime >= longPressTime) {
                return true;
            } 
           return false; 
       }
    }
    

    悬浮栏还需要在配置中申请权限:
    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
    没获取到时需要在应用中手动打开权限。。接下来大部分都完成了,只需要创建一个Activity设置一个启动跟关闭按键来启动悬浮窗口,悬浮窗完全可以根据自己的需要更改样式,或者实现音乐的桌面歌词效果。

    相关文章

      网友评论

        本文标题:自定义悬浮窗详解(模拟IOS小球拖动,轮盘滑动)

        本文链接:https://www.haomeiwen.com/subject/bvbkbttx.html