Android实现悬浮窗体效果

所属分类: 软件编程 / Android 阅读数: 109
收藏 0 赞 0 分享

突然对悬浮窗体感兴趣,查资料做了个小Demo,效果是点击按钮后,关闭当前Activity,显示悬浮窗口,窗口可以拖动,双击后消失。效果图如下:

它的使用原理很简单,就是借用了WindowManager这个管理类来实现的。

1.首先在AndroidManifest.xml中添加使用权限:

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

2.悬浮窗口布局实现

public class DesktopLayout extends LinearLayout {

 public DesktopLayout(Context context) {
  super(context);
  setOrientation(LinearLayout.VERTICAL);// 水平排列
  

  //设置宽高
  this.setLayoutParams( new LayoutParams(LayoutParams.WRAP_CONTENT,
    LayoutParams.WRAP_CONTENT));
  
  View view = LayoutInflater.from(context).inflate( 
    R.layout.desklayout, null); 
  this.addView(view);
 }

3.在activity中让它显示出来。

// 取得系统窗体
 mWindowManager = (WindowManager) getApplicationContext()
    .getSystemService("window");

// 窗体的布局样式
 mLayout = new WindowManager.LayoutParams();

// 设置窗体显示类型——TYPE_SYSTEM_ALERT(系统提示)
 mLayout.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;

// 设置窗体焦点及触摸:
// FLAG_NOT_FOCUSABLE(不能获得按键输入焦点)
 mLayout.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;

// 设置显示的模式
  mLayout.format = PixelFormat.RGBA_8888;

// 设置对齐的方法
  mLayout.gravity = Gravity.TOP | Gravity.LEFT;

// 设置窗体宽度和高度
  mLayout.width = WindowManager.LayoutParams.WRAP_CONTENT;
  mLayout.height = WindowManager.LayoutParams.WRAP_CONTENT;

详细 MainActivity 代码如下:

package com.yc.yc_suspendingform;

import android.app.Activity;
import android.graphics.PixelFormat;
import android.graphics.Rect;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.view.WindowManager;
import android.widget.Button;
import com.yc.yc_floatingform.R;

public class MainActivity extends Activity {
 private WindowManager mWindowManager;
 private WindowManager.LayoutParams mLayout;
 private DesktopLayout mDesktopLayout;
 private long startTime;
 // 声明屏幕的宽高
 float x, y;
 int top;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);  
  createWindowManager();
  createDesktopLayout();
  Button btn = (Button) findViewById(R.id.btn);
  btn.setOnClickListener(new OnClickListener() {
   public void onClick(View v) {
    showDesk();
   }
  });
 }
 /**
  * 创建悬浮窗体
  */
 private void createDesktopLayout() {
  mDesktopLayout = new DesktopLayout(this);
  mDesktopLayout.setOnTouchListener(new OnTouchListener() {
   float mTouchStartX;
   float mTouchStartY;

   @Override
   public boolean onTouch(View v, MotionEvent event) {
    // 获取相对屏幕的坐标,即以屏幕左上角为原点
    x = event.getRawX();
    y = event.getRawY() - top; // 25是系统状态栏的高度
    Log.i("startP", "startX" + mTouchStartX + "====startY"
      + mTouchStartY);
    switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
     // 获取相对View的坐标,即以此View左上角为原点
     mTouchStartX = event.getX();
     mTouchStartY = event.getY();
     Log.i("startP", "startX" + mTouchStartX + "====startY"
       + mTouchStartY);
     long end = System.currentTimeMillis() - startTime;
     // 双击的间隔在 300ms以下
     if (end < 300) {
      closeDesk();
     }
     startTime = System.currentTimeMillis();
     break;
    case MotionEvent.ACTION_MOVE:
     // 更新浮动窗口位置参数
     mLayout.x = (int) (x - mTouchStartX);
     mLayout.y = (int) (y - mTouchStartY);
     mWindowManager.updateViewLayout(v, mLayout);
     break;
    case MotionEvent.ACTION_UP:

     // 更新浮动窗口位置参数
     mLayout.x = (int) (x - mTouchStartX);
     mLayout.y = (int) (y - mTouchStartY);
     mWindowManager.updateViewLayout(v, mLayout);

     // 可以在此记录最后一次的位置

     mTouchStartX = mTouchStartY = 0;
     break;
    }
    return true;
   }
  });
 }

 @Override
 public void onWindowFocusChanged(boolean hasFocus) {
  super.onWindowFocusChanged(hasFocus);
  Rect rect = new Rect();
  // /取得整个视图部分,注意,如果你要设置标题样式,这个必须出现在标题样式之后,否则会出错
  getWindow().getDecorView().getWindowVisibleDisplayFrame(rect);
  top = rect.top;//状态栏的高度,所以rect.height,rect.width分别是系统的高度的宽度

  Log.i("top",""+top);
 }

 /**
  * 显示DesktopLayout
  */
 private void showDesk() {
  mWindowManager.addView(mDesktopLayout, mLayout);
  finish();
 }

 /**
  * 关闭DesktopLayout
  */
 private void closeDesk() {
  mWindowManager.removeView(mDesktopLayout);
  finish();
 }

 /**
  * 设置WindowManager
  */
 private void createWindowManager() {
  // 取得系统窗体
  mWindowManager = (WindowManager) getApplicationContext()
    .getSystemService("window");

  // 窗体的布局样式
  mLayout = new WindowManager.LayoutParams();

  // 设置窗体显示类型——TYPE_SYSTEM_ALERT(系统提示)
  mLayout.type = WindowManager.LayoutParams.TYPE_SYSTEM_ALERT;

  // 设置窗体焦点及触摸:
  // FLAG_NOT_FOCUSABLE(不能获得按键输入焦点)
  mLayout.flags = WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;

  // 设置显示的模式
  mLayout.format = PixelFormat.RGBA_8888;

  // 设置对齐的方法
  mLayout.gravity = Gravity.TOP | Gravity.LEFT;

  // 设置窗体宽度和高度
  mLayout.width = WindowManager.LayoutParams.WRAP_CONTENT;
  mLayout.height = WindowManager.LayoutParams.WRAP_CONTENT;

 }

}

 源代码地址:Android实现悬浮窗体效果

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Android网络编程之获取网络上的Json数据实例

这篇文章主要介绍了Android网络编程之获取网络上的Json数据实例,本文用完整的代码实例讲解了在Android中读取网络中Json数据的方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中的windowSoftInputMode属性详解

这篇文章主要介绍了Android中的windowSoftInputMode属性详解,本文对windowSoftInputMode的9个属性做了详细总结,需要的朋友可以参考下
收藏 0 赞 0 分享

Android网络编程之UDP通信模型实例

这篇文章主要介绍了Android网络编程之UDP通信模型实例,本文给出了服务端代码和客户端代码,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中使用ListView实现漂亮的表格效果

这篇文章主要介绍了Android中使用ListView实现漂亮的表格效果,本文用详细的代码实例创建了一个股票行情表格,需要的朋友可以参考下
收藏 0 赞 0 分享

Android中刷新界面的二种方法

这篇文章主要介绍了Android中刷新界面的二种方法,本文使用Handler、postInvalidate两种方法实现界面刷新,需要的朋友可以参考下
收藏 0 赞 0 分享

Android SDK三种更新失败及其解决方法

这篇文章主要介绍了Android SDK三种更新失败及其解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(一)

Android3.0(API level 11)开始,Android设备不再需要专门的菜单键。随着这种变化,Android app应该取消对传统6项菜单的依赖。取而代之的是提供anction bar来提供基本的用户功能
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(二)

这次将继续上一篇文章没有讲完的Menu的学习,上下文菜单(Context menu)和弹出菜单(Popup menu)
收藏 0 赞 0 分享

Android学习笔记——Menu介绍(三)

今天继续昨天没有讲完的Menu的学习,主要是Popup Menu的学习,需要的朋友可以参考下
收藏 0 赞 0 分享

Android显示网络图片实例

这篇文章主要介绍了Android显示网络图片的方法,以实例形式展示了Android程序显示网络图片的方法,非常具有实用价值,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多