美文网首页IT部落自定义控件程序员
Android仿360悬浮小球自定义view实现

Android仿360悬浮小球自定义view实现

作者: ROOM先生 | 来源:发表于2017-03-28 15:24 被阅读1238次

    转载请标明出处:http://www.jianshu.com/u/a5ad093cffe8
    效果图如下:

    图片.png 图片.png

    实现当前这种类似的效果 (360小球 悬浮桌面差不错类似)。第一次接触到的童鞋就像我一样懵逼(研究过得童鞋,就知道,实现这种悬浮窗体,是需要添加悬浮窗 设置权限的,我会在下篇文章进行公开源码)废话不多说 ,直接上代码。

    1.新建工程,添加悬浮窗权限。

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

    2.自定义一个FloatMessagerMainWindow

    import android.content.Context;
    import android.graphics.PixelFormat;
    import android.graphics.Point;
    import android.view.Gravity;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.WindowManager;
    import android.widget.ImageView;
    import android.widget.Toast;
    
    import com.android.view.FloatMessagePopleDialog;
    
    /**
     * Created by liupanpan on 2017/3/16.
     */
    
    public class FloatMessagerMainWindow {
        private Context context;
        private View view;
        private WindowManager.LayoutParams mParams = null;
        private WindowManager windowManager = null;
        private static FloatMessagerMainWindow floatMessagerMainWindow;
    
        public FloatMessagerMainWindow(Context context, View view) {
            this.context = context;
            this.view = view;
            showWindow(context);
        }
    
        public static FloatMessagerMainWindow getFloatMessagerMainWindow(Context context, View view) {
            if (floatMessagerMainWindow == null) {
                synchronized (FloatMessagerMainWindow.class) {
                    if (floatMessagerMainWindow == null) {
                        floatMessagerMainWindow = new FloatMessagerMainWindow(context, view);
                    }
                }
            }
            return floatMessagerMainWindow;
        }
    
        private void showWindow(final Context context) {
    //        if (!isWindowDismiss) {
    //            Log.e(TAG, "view is already added here");
    //            return;
    //        }
    //        isWindowDismiss = false;
            if (windowManager == null) {
                windowManager = (WindowManager) context.getApplicationContext().getSystemService(Context.WINDOW_SERVICE);
            }
    
            Point size = new Point();
            windowManager.getDefaultDisplay().getSize(size);
            int screenWidth = size.x;
            int screenHeight = size.y;
    
            mParams = new WindowManager.LayoutParams();
            mParams.packageName = context.getPackageName();
            mParams.width = WindowManager.LayoutParams.WRAP_CONTENT;
            mParams.height = WindowManager.LayoutParams.WRAP_CONTENT;
            mParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL
                    | WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_LAYOUT_INSET_DECOR
                    | WindowManager.LayoutParams.FLAG_LAYOUT_IN_SCREEN;
            mParams.type = WindowManager.LayoutParams.TYPE_SYSTEM_ERROR;
    //        mParams.softInputMode = WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE |
    //                WindowManager.LayoutParams.SOFT_INPUT_STATE_HIDDEN;
            mParams.format = PixelFormat.RGBA_8888;
            mParams.gravity = Gravity.LEFT | Gravity.TOP;
            mParams.x = screenWidth - dp2px(context, 450);
            mParams.y = screenHeight - dp2px(context, 550);
    
    
            ImageView imageView = new ImageView(context);
            imageView.setImageResource(R.mipmap.icon_tab_item_message_pressed);
            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(context, "image=========", Toast.LENGTH_SHORT).show();
                    View view = LayoutInflater.from(context).inflate(R.layout.float_pople_room_layout, null);
                    FloatMessagePopleDialog.getInstance(context, R.style.webviewTheme).setContextView(view);
                }
            });
    //        floatView = new AVCallFloatView(context);
    //        floatView.setParams(mParams);
    //        floatView.setIsShowing(true);
            windowManager.addView(imageView, mParams);
        }
    
        private int dp2px(Context context, float dp) {
            final float scale = context.getResources().getDisplayMetrics().density;
            return (int) (dp * scale + 0.1f);
        }
    }
    
    1. 调用方法:
    FloatMessagerMainWindow.getFloatMessagerMainWindow(context, null);
    

    实现到此 ,点击按钮就可以实现 悬浮窗。(此处可能会出现相应的崩溃,崩溃原因是悬浮窗的 悬浮权限开启问题。)
    4.我以官方模拟器为例开启悬浮权限(找不到此位置的 在下方留言):

    图片.png 打开允许在其他应用上的管理权限

    此时再次打开工程,点击按钮,就可以实现悬浮效果。

    后期我将公布代码链接(关于 拖动悬浮窗体,改变位置,悬浮权限的多品牌的手机适配)
    

    请关注我的微信公众号:

    图片.png

    相关文章

      网友评论

        本文标题:Android仿360悬浮小球自定义view实现

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