Android实现带磁性的悬浮窗体效果

本文实例讲述了Android实现带磁性的悬浮窗体效果。分享给大家供大家参考,具体如下:

带磁性的悬浮窗体,类似于360绿色小人

主要实现的是:

1.悬浮所有窗体之上
2.有吸引力,吸附于屏幕边上
3.有点击效果

下面我就实现上面三点,简单封装了个FloatView

先看下本次Demo的效果图,然后再看代码,

效果图:

FloatView代码如下

package com.manymore13.flowwindowdemo; import android.content.Context; import android.graphics.PixelFormat; import android.graphics.Rect; import android.util.AttributeSet; import android.util.DisplayMetrics; import android.util.Log; import android.view.Gravity; import android.view.MotionEvent; import android.view.WindowManager; import android.view.WindowManager.LayoutParams; import android.widget.ImageView; /** * @author manymore13 * @version 1.0 */ public class FloatView extends ImageView{ private float mTouchX; private float mTouchY; private float x; private float y; private int startX; private int startY; private Context c; private int imgId = R.drawable.ic_launcher; private int controlledSpace = 20; private int screenWidth; boolean isShow = false; private OnClickListener mClickListener; private WindowManager windowManager ; private WindowManager.LayoutParams windowManagerParams = new WindowManager.LayoutParams(); public FloatView(Context context, AttributeSet attrs) { super(context, attrs); } public FloatView(Context c) { super(c); initView(c); } // 初始化窗体 public void initView(Context c) { windowManager = (WindowManager) c.getApplicationContext().getSystemService(Context.WINDOW_SERVICE); screenWidth = windowManager.getDefaultDisplay().getWidth(); this.setImageResource(imgId); windowManagerParams.type = LayoutParams.TYPE_PHONE; windowManagerParams.format = PixelFormat.RGBA_8888; // 背景透明 windowManagerParams.flags = LayoutParams.FLAG_NOT_TOUCH_MODAL | LayoutParams.FLAG_NOT_FOCUSABLE; // 调整悬浮窗口至左上角,便于调整坐标 windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP; // 以屏幕左上角为原点,设置x、y初始值 windowManagerParams.x = 0; windowManagerParams.y = 200; // 设置悬浮窗口长宽数据 windowManagerParams.width = LayoutParams.WRAP_CONTENT; windowManagerParams.height = LayoutParams.WRAP_CONTENT; } public void setImgResource(int id) { imgId = id; } @Override public boolean onTouchEvent(MotionEvent event) { x = event.getRawX(); y = event.getRawY(); switch(event.getAction()) { case MotionEvent.ACTION_DOWN: { mTouchX = event.getX(); mTouchY = event.getY(); startX = (int) event.getRawX(); startY = (int) event.getRawY(); break; } case MotionEvent.ACTION_MOVE: { updateViewPosition(); break; } case MotionEvent.ACTION_UP: { if(Math.abs(x - startX) < controlledSpace && Math.abs(y - startY) < controlledSpace) { if(mClickListener != null) { mClickListener.onClick(this); } } Log.i("tag", "x="+x+" startX+"+startX+" y="+y+" startY="+startY); if(x <= screenWidth/2) { x = 0; }else{ x = screenWidth; } updateViewPosition(); break; } } return super.onTouchEvent(event); } // 隐藏该窗体 public void hide() { if(isShow) { windowManager.removeView(this); isShow = false; } } // 显示该窗体 public void show() { if(isShow == false) { windowManager.addView(this, windowManagerParams); isShow = true; } } @Override public void setOnClickListener(OnClickListener l) { this.mClickListener = l; } private void updateViewPosition() { // 更新浮动窗口位置参数 windowManagerParams.x = (int) (x - mTouchX); windowManagerParams.y = (int) (y - mTouchY); windowManager.updateViewLayout(this, windowManagerParams); // 刷新显示 } }

完整实例代码点击此处本站下载。

如果需要用上面的类可以这样做

floatView = new FloatView(this); // 创建窗体 floatView.setOnClickListener(this); // 设置事件,你需要实现FloatView里的onclick接口 floatView.show(); // 显示该窗体 floatView.hide(); // 隐藏窗体

PS 不要忘记在manifest里加上权限(更多manifest功能与权限可参考本站:Android Manifest功能与权限描述大全:http://tools.jb51.net/table/AndroidManifest)

上面有个bug 就是点击的时候view下移

public int getStatusBarHeight() { int titleBarHeight = 0; Rect frame = new Rect(); mAct.getWindow().getDecorView().getWindowVisibleDisplayFrame(frame); titleBarHeight = frame.top; if (titleBarHeight == 0) { int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android"); if (resourceId > 0) { titleBarHeight = getResources().getDimensionPixelSize(resourceId); } } return titleBarHeight; }

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android编程之activity操作技巧总结》、《Android资源操作技巧汇总》、《Android文件操作技巧汇总》、《Android操作SQLite数据库技巧总结》、《Android操作json格式数据技巧总结》、《Android数据库操作技巧总结》、《Android编程开发之SD卡操作方法汇总》、《Android开发入门与进阶教程》、《Android视图View技巧总结》及《Android控件用法总结》

希望本文所述对大家Android程序设计有所帮助。

时间: 2024-10-03 16:27:03

Android实现带磁性的悬浮窗体效果的相关文章

android 带磁性的悬浮窗体

http://blog.csdn.net/manymore13/article/details/8577286 带磁性的悬浮窗体,类似于360绿色小人 主要实现的是: 1.悬浮所有窗体之上 2.有吸引力,吸附于屏幕边上 3.有点击效果 下面我就实现上面三点,简单封装了个FloatView  先看下本次Demo的效果图,然后再看代码, 效果图: FloatView代码如下 package com.manymore13.flowwindowdemo; import android.content.C

在Android中实现360手机卫士悬浮窗效果

大家好,今天给大家带来一个仿360手机卫士悬浮窗效果的教程,在开始之前请允许我说几句不相干的废 话. 不知不觉我发现自己接触Android已有近三个年头了,期间各种的成长少不了各位高手的帮助, 总是有很多高手喜欢把自己的经验写在网上,供大家来学习,我也是从中受惠了很多,在此我深表感谢.可 是我发现我却从来没有将自己平时的一些心得拿出来与大家分享,共同学习,太没有奉献精神了.于是我痛 定思痛,决定从今天开始写博客,希望可以指点在我后面的开发者,更快地进入Android开发者的行列当中. 好了,废话

android编程实现悬浮窗体的方法_Android

本文实例讲述了android编程实现悬浮窗体的方法.分享给大家供大家参考,具体如下: 突然对悬浮窗体感兴趣,查资料做了个小Demo,效果是点击按钮后,关闭当前Activity,显示悬浮窗口,窗口可以拖动,双击后消失.效果图如下: 它的使用原理很简单,就是借用了WindowManager这个管理类来实现的. 1.首先在AndroidManifest.xml中添加使用权限: 复制代码 代码如下: <uses-permission android:name="android.permission

android编程实现悬浮窗体的方法

本文实例讲述了android编程实现悬浮窗体的方法.分享给大家供大家参考,具体如下: 突然对悬浮窗体感兴趣,查资料做了个小Demo,效果是点击按钮后,关闭当前Activity,显示悬浮窗口,窗口可以拖动,双击后消失.效果图如下: 它的使用原理很简单,就是借用了WindowManager这个管理类来实现的. 1.首先在AndroidManifest.xml中添加使用权限: 复制代码 代码如下:<uses-permission android:name="android.permission.

android悬浮窗问题-android 服务加载的悬浮窗怎么设置才能让它有移出屏幕外的效果

问题描述 android 服务加载的悬浮窗怎么设置才能让它有移出屏幕外的效果 就是一半在外一半在内的那种可以随意拖动可以挪到屏幕之外怎么设置

Android自定义带增长动画和点击弹窗提示效果的柱状图DEMO_Android

项目中最近用到各种图表,本来打算用第三方的,例如MPAndroid,这是一个十分强大的图表库,应用起来十分方便,但是最终发现和设计不太一样,没办法,只能自己写了.今天将写好的柱状图的demo贴在这,该柱状图可根据数据的功能有一下几点:      1. 根据数据的多少,动态的绘制柱状图柱子的条数:      2. 柱状图每条柱子的绘制都有动态的动画效果:      3. 每条柱子有点击事件,点击时弹出提示框,显示相关信息,规定时间后,弹窗自动消失.      好了,先上演示图:      下边贴出

Android实现在列表List中显示半透明小窗体效果的控件用法详解_Android

本文实例讲述了Android实现在列表List中显示半透明小窗体效果的控件用法.分享给大家供大家参考,具体如下: Android 在列表List中显示半透明小窗体效果的控件,多的不多直接上代码,要说的都在注释里了: import com.hiapk.market.R; import android.content.Context; import android.graphics.PixelFormat; import android.os.Handler; import android.view

Android 沉浸式状态栏及悬浮效果_Android

一.概述 现在大多数的电商APP的详情页长得几乎都差不多,几乎都是上面一个商品的图片,当你滑动的时候,会有Tab悬浮在上面,这样做用户体验确实不错,如果Tab滑上去,用户可能还需要滑下来,在来点击Tab,这样确实很麻烦.沉浸式状态栏那,郭霖说过谷歌并没有给出沉浸式状态栏这个明白,谷歌只说了沉浸式模式(Immersive Mode).不过沉浸式状态栏这个名字其实听不粗,随大众吧,但是Android的环境并没有iOS环境一样特别统一,比如华为rom的跟小米rom的虚拟按键完全不一样,所有Androi

Android自定义带水滴的进度条样式(带渐变色效果)_Android

一.直接看效果 二.直接上代码 1.自定义控件部分 package com.susan.project.myapplication; import android.app.Activity; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.grap