Android UI开发第十四篇——可以移动的悬浮框

简介:



工作中遇到一些项目需要把窗体显示在最上层,像来电弹窗显示电话号码等信息或拦截短信信息显示给用户,我们想这些数据放在最上层,activity就满足不了我们的需求了,有些开发者使用了循环显示Toast的方式,toast是不能获得焦点的,这种方法是不可取的。这个时候,我们如何处理呢?

原来,整个Android的窗口机制是基于一个叫做 WindowManager,这个接口可以添加view到屏幕,也可以从屏幕删除view。它面向的对象一端是屏幕,另一端就是View,直接忽略我们以前的Activity或者Dialog之类的东东。其实我们的Activity或者Diolog底层的实现也是通过WindowManager,这个 WindowManager是全局的,整个系统就是这个唯一的东东。它是显示View的最底层了。

原来,整个Android的窗口机制是基于一个叫做 WindowManager,这个接口可以添加view到屏幕,也可以从屏幕删除view。它面向的对象一端是屏幕,另一端就是View,直接忽略我们以前的Activity或者Dialog之类的东东。其实我们的Activity或者Diolog底层的实现也是通过WindowManager,这个 WindowManager是全局的,整个系统就是这个唯一的东东。它是显示View的最底层了。

WindowManager主要用来管理窗口的一些状态、属性、view增加、删除、更新、窗口顺序、消息收集和处理等。通过Context.getSystemService(Context.WINDOW_SERVICE)的方式可以获得WindowManager的实例.

WindowManager继承自ViewManager,里面涉及到窗口管理的三个重要方法,分别是:

* addView();

* updateViewLayout();

* removeView();

 

效果图如下:

可以移动的悬浮框实现代码如下:


 
 
  1. public class WindowManageDemoActivity extends Activity {  
  2.    
  3. private WindowManager mWindowManager;  
  4.  private WindowManager.LayoutParams param;  
  5.  private FloatView mLayout;  
  6.     /** Called when the activity is first created. */ 
  7.     @Override 
  8.     public void onCreate(Bundle savedInstanceState) {  
  9.         super.onCreate(savedInstanceState);  
  10.         setContentView(R.layout.main);  
  11.                 
  12.         showView();  
  13.     }  
  14.     private void showView(){  
  15.      mLayout=new FloatView(getApplicationContext());  
  16.      mLayout.setBackgroundResource(R.drawable.faceback_head);  
  17.      //获取WindowManager  
  18.      mWindowManager=(WindowManager)getApplicationContext().getSystemService(Context.WINDOW_SERVICE);  
  19.         //设置LayoutParams(全局变量)相关参数  
  20.      param = ((MyApplication)getApplication()).getMywmParams();  
  21.  
  22.      param.type=WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;     // 系统提示类型,重要  
  23.      param.format=1;  
  24.      param.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE; // 不能抢占聚焦点  
  25.      param.flags = param.flags | WindowManager.LayoutParams.FLAG_WATCH_OUTSIDE_TOUCH;  
  26.      param.flags = param.flags | WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS; // 排版不受限制  
  27.         
  28.      param.alpha = 1.0f;  
  29.           
  30.      param.gravity=Gravity.LEFT|Gravity.TOP;   //调整悬浮窗口至左上角  
  31.         //以屏幕左上角为原点,设置x、y初始值  
  32.      param.x=0;  
  33.      param.y=0;  
  34.           
  35.         //设置悬浮窗口长宽数据  
  36.      param.width=140;  
  37.      param.height=140;  
  38.           
  39.         //显示myFloatView图像  
  40.      mWindowManager.addView(mLayout, param);  
  41.        
  42.     }  
  43.     @Override 
  44.     public void onDestroy(){  
  45.      super.onDestroy();  
  46.      //在程序退出(Activity销毁)时销毁悬浮窗口  
  47.      mWindowManager.removeView(mLayout);  
  48.     }  

 


 
 
  1. public class FloatView extends View {  
  2.  private float mTouchStartX;  
  3.     private float mTouchStartY;  
  4.     private float x;  
  5.     private float y;  
  6.       
  7.     private WindowManager wm=(WindowManager)getContext().getApplicationContext().getSystemService(Context.WINDOW_SERVICE);  
  8.     private WindowManager.LayoutParams wmParams = ((MyApplication)getContext().getApplicationContext()).getMywmParams();  
  9.  
  10.  public FloatView(Context context) {  
  11.   super(context);    
  12.   // TODO Auto-generated constructor stub  
  13.  }  
  14.    
  15.   @Override 
  16.   public boolean onTouchEvent(MotionEvent event) {  
  17.      
  18.      
  19.    //获取相对屏幕的坐标,即以屏幕左上角为原点     
  20.       x = event.getRawX();     
  21.       y = event.getRawY()-25;   //25是系统状态栏的高度  
  22.       Log.i("currP""currX"+x+"====currY"+y);  
  23.       switch (event.getAction()) {  
  24.          case MotionEvent.ACTION_DOWN:  
  25.           //获取相对View的坐标,即以此View左上角为原点  
  26.           mTouchStartX =  event.getX();    
  27.                 mTouchStartY =  event.getY();  
  28.                   
  29.              Log.i("startP""startX"+mTouchStartX+"====startY"+mTouchStartY);  
  30.                
  31.              break;  
  32.          case MotionEvent.ACTION_MOVE:               
  33.              updateViewPosition();  
  34.              break;  
  35.  
  36.          case MotionEvent.ACTION_UP:  
  37.           updateViewPosition();  
  38.           mTouchStartX=mTouchStartY=0;  
  39.           break;  
  40.          }  
  41.          return true;  
  42.   }  
  43.     
  44.   private void updateViewPosition(){  
  45.   //更新浮动窗口位置参数  
  46.   wmParams.x=(int)( x-mTouchStartX);  
  47.   wmParams.y=(int) (y-mTouchStartY);  
  48.      wm.updateViewLayout(this, wmParams);  
  49.        
  50.   }  
  51.  

 


 
 
  1. public class MyApplication extends Application {  
  2.    
  3. /**  
  4.   * 创建全局变量  
  5.   * 全局变量一般都比较倾向于创建一个单独的数据类文件,并使用static静态变量  
  6.   *   
  7.   * 这里使用了在Application中添加数据的方法实现全局变量  
  8.   * 注意在AndroidManifest.xml中的Application节点添加android:name=".MyApplication"属性  
  9.   *   
  10.   */ 
  11.  private WindowManager.LayoutParams wmParams=new WindowManager.LayoutParams();  
  12.  
  13.  
  14.  public WindowManager.LayoutParams getMywmParams(){  
  15.   return wmParams;  
  16.  }  
  17.  

本文转自xyz_lmn51CTO博客,原文链接:http://blog.51cto.com/xyzlmn/817282 ,如需转载请自行联系原作者


相关文章
|
4天前
|
缓存 前端开发 Android开发
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
【04】flutter补打包流程的签名过程-APP安卓调试配置-结构化项目目录-完善注册相关页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程
|
8天前
|
Dart 前端开发 Android开发
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【02】写一个注册页面以及配置打包选项打包安卓apk测试—开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
1月前
|
移动开发 前端开发 Java
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
JavaFX是Java的下一代图形用户界面工具包。JavaFX是一组图形和媒体API,我们可以用它们来创建和部署富客户端应用程序。 JavaFX允许开发人员快速构建丰富的跨平台应用程序,允许开发人员在单个编程接口中组合图形,动画和UI控件。本文详细介绍了JavaFx的常见用法,相信读完本教程你一定有所收获!
Java最新图形化界面开发技术——JavaFx教程(含UI控件用法介绍、属性绑定、事件监听、FXML)
|
1月前
|
搜索推荐 前端开发 API
探索安卓开发中的自定义视图:打造个性化用户界面
在安卓应用开发的广阔天地中,自定义视图是一块神奇的画布,让开发者能够突破标准控件的限制,绘制出独一无二的用户界面。本文将带你走进自定义视图的世界,从基础概念到实战技巧,逐步揭示如何在安卓平台上创建和运用自定义视图来提升用户体验。无论你是初学者还是有一定经验的开发者,这篇文章都将为你打开新的视野,让你的应用在众多同质化产品中脱颖而出。
71 19
|
1月前
|
JSON Java API
探索安卓开发:打造你的首个天气应用
在这篇技术指南中,我们将一起潜入安卓开发的海洋,学习如何从零开始构建一个简单的天气应用。通过这个实践项目,你将掌握安卓开发的核心概念、界面设计、网络编程以及数据解析等技能。无论你是初学者还是有一定基础的开发者,这篇文章都将为你提供一个清晰的路线图和实用的代码示例,帮助你在安卓开发的道路上迈出坚实的一步。让我们一起开始这段旅程,打造属于你自己的第一个安卓应用吧!
75 14
|
1月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
152 3
|
1月前
|
XML 搜索推荐 前端开发
安卓开发中的自定义视图:打造个性化UI组件
在安卓应用开发中,自定义视图是一种强大的工具,它允许开发者创造独一无二的用户界面元素,从而提升应用的外观和用户体验。本文将通过一个简单的自定义视图示例,引导你了解如何在安卓项目中实现自定义组件,并探讨其背后的技术原理。我们将从基础的View类讲起,逐步深入到绘图、事件处理以及性能优化等方面。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的见解和技巧。
|
1月前
|
搜索推荐 前端开发 测试技术
打造个性化安卓应用:从设计到开发的全面指南
在这个数字时代,拥有一个定制的移动应用不仅是一种趋势,更是个人或企业品牌的重要延伸。本文将引导你通过一系列简单易懂的步骤,从构思你的应用理念开始,直至实现一个功能齐全的安卓应用。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你提供必要的工具和知识,帮助你将创意转化为现实。
|
1月前
|
Java Android开发 开发者
探索安卓开发:构建你的第一个“Hello World”应用
在安卓开发的浩瀚海洋中,每个新手都渴望扬帆起航。本文将作为你的指南针,引领你通过创建一个简单的“Hello World”应用,迈出安卓开发的第一步。我们将一起搭建开发环境、了解基本概念,并编写第一行代码。就像印度圣雄甘地所说:“你必须成为你希望在世界上看到的改变。”让我们一起开始这段旅程,成为我们想要见到的开发者吧!
52 0
|
前端开发 Java Android开发
android自定义listview实现header悬浮框效果
之前在使用iOS时,看到过一种分组的View,每一组都有一个Header,在上下滑动的时候,会有一个悬浮的Header,这种体验觉得很不错,请看下图: 上图中标红的1,2,3,4四张图中,当向上滑动时,仔细观察灰色条的Header变化,当第二组向上滑动时,会把第一组的悬浮Header挤上去。 这种效果在Android是没有的,iOS的SDK就自带这种效果。这篇文章就
1194 0

热门文章

最新文章