最近产品出了个新需求,页面上出现浮层并且可点击,代码实现如下:

Activity中实现浮层图片:

@Override

public void onResume() {

super.onResume();

createView();

}

@Override

public void onPause() {

super.onPause();

/ 在程序退出(Activity销毁)时销毁悬浮窗口

if(floatView!=null && windowManager !=null) { windowManager.removeView(floatView); floatView=null; windowManager = null; windowManagerParams = null; }}

private void createView() {

if(floatView!=null) return ;

CmsAPI cmsAPI = RestAdapterUtils.getRestAPI(Config.NEW_CMS_URL, CmsAPI.class, this);

cmsAPI.getFloatingAd(new Callback() {//请求数据

@Override

public void success(AdFloating adFloating, Response response) {

if (adFloating != null && "0".equals(adFloating.getErrorCode())) {

long startTime = adFloating.getStarttime();

long endTime = adFloating.getEndtime();

long currentTime = System.currentTimeMillis();

// LOGD(startTime + " +++++ "+endTime +" "+currentTime +" "+(currentTime > startTime && currentTime < endTime));

if (currentTime > startTime && currentTime < endTime) {//活动的有效期

floatView = new FloatView(getApplicationContext());

floatView.setOnClickListener(MainActivity.this);

int height = 240;

int width = 110;

float ratio= 1.35f;

if (!TextUtils.isEmpty(adFloating.getImg2())) {

try {

height = Integer.parseInt(adFloating.getImg2h());

width = Integer.parseInt(adFloating.getImg2w());

ratio = (float) width / height;

} catch (Exception e) {

ratio = 1.35f;

}

}

//

floatView.setAspectRatio(ratio);//图片的大小

floatView.setImageURI(Uri.parse(adFloating.getImg2()));//设置图片的网络地址

// floatView.setImageResource(R.drawable.face_icon); // 这里简单的用自带的icon来做演示

// 获取WindowManager

windowManager = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);

// 设置LayoutParams(全局变量)相关参数

windowManagerParams = ((MiGuApplication) getApplication()).getWindowParams();

windowManagerParams.type = WindowManager.LayoutParams.TYPE_PHONE; // 设置window type

windowManagerParams.format = PixelFormat.RGBA_8888; // 设置图片格式,效果为背景透明

// 设置Window flag

windowManagerParams.flags = WindowManager.LayoutParams.FLAG_NOT_TOUCH_MODAL

| WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE;

/*

* 注意,flag的值可以为:

* LayoutParams.FLAG_NOT_TOUCH_MODAL 不影响后面的事件

* LayoutParams.FLAG_NOT_FOCUSABLE 不可聚焦

* LayoutParams.FLAG_NOT_TOUCHABLE 不可触摸

*/

// 调整悬浮窗口至左上角,便于调整坐标

windowManagerParams.gravity = Gravity.LEFT | Gravity.TOP;

// 以屏幕左上角为原点,设置x、y初始值

DisplayMetrics dm = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(dm);

int screenWidth = dm.widthPixels;

int screenHeigh = dm.heightPixels;

int x = screenWidth - SystemTools.dip2px(MainActivity.this, 100);

int y= screenHeigh - SystemTools.dip2px(MainActivity.this, 200);

windowManagerParams.x = x;

windowManagerParams.y = y;

// 设置悬浮窗口长宽数据

windowManagerParams.width = width;//设置窗口的宽度为图片大小

windowManagerParams.height =height;//设置窗口的高度为图片大小

// windowManagerParams.width = WindowManager.LayoutParams.WRAP_CONTENT;

// windowManagerParams.height =WindowManager.LayoutParams.WRAP_CONTENT;

// 显示myFloatView图像

windowManager.addView(floatView, windowManagerParams);

return;

}

}

}

@Override

public void failure(RetrofitError error) {//网络请求数据失败

LOGE(error.getMessage());

}

});

}

public void onClick(View v) {//图片的点击事件

Intent intent = new Intent(MainActivity.this, ActivitiesDetails.class);

startActivity(intent);

}

图片控件:

public class FloatView extends SimpleDraweeView {

private float mTouchX;

private float mTouchY;

private float x;

private float y;

private float mStartX;

private float mStartY;

private OnClickListener mClickListener;

private WindowManager windowManager = (WindowManager) getContext()

.getApplicationContext().getSystemService(Context.WINDOW_SERVICE);

// 此windowManagerParams变量为获取的全局变量,用以保存悬浮窗口的属性

private WindowManager.LayoutParams windowManagerParams = ((MiGuApplication) getContext()

.getApplicationContext()).getWindowParams();

public FloatView(Context context) {

super(context);

}

public FloatView(Context context, AttributeSet attrs) {

super(context, attrs);

}

private long curtime=0;

@Override

public boolean onTouchEvent(MotionEvent event) {

//获取到状态栏的高度

Rect frame = new Rect();

getWindowVisibleDisplayFrame(frame);

int statusBarHeight = frame.top;

System.out.println("statusBarHeight:"+statusBarHeight);

// 获取相对屏幕的坐标,即以屏幕左上角为原点

x = event.getRawX();

y = event.getRawY() - statusBarHeight; // statusBarHeight是系统状态栏的高度

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: // 捕获手指触摸按下动作

// 获取相对View的坐标,即以此View左上角为原点

mTouchX = event.getX();

mTouchY = event.getY();

mStartX = x;

mStartY = y;

break;

case MotionEvent.ACTION_MOVE: // 捕获手指触摸移动动作

updateViewPosition();

curtime=System.currentTimeMillis();

break;

case MotionEvent.ACTION_UP: // 捕获手指触摸离开动作

// if(System.currentTimeMillis()-curtime>100){

// break;

// }

updateViewPosition();

mTouchX = mTouchY = 0;

if (Math.abs(x - mStartX) < 5 && Math.abs(y - mStartY) < 5) {//轻微拖动算点击

if(mClickListener!=null) {

mClickListener.onClick(this);

}

}

break;

}

return 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); // 刷新显示

}

}

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

android图片浮动层,android浮层图片拖动并且可点击效果相关推荐

  1. android 悬停浮动框,Android滑动到顶部悬停

    无图说卵,先上图 jianshu-top.gif 查阅资料后,发现网上大部分都是用这种方法实现的: 多写一个和需要悬浮的部分一模一样的layout,先把浮动区域的可见性设置为gone.当浮动区域滑动到 ...

  2. android wear 浮动通知,Android Wear 开发 (一) 创建手表通知

    8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? I bought a moto 360 last year. But I seldom wear it, because ...

  3. html让文字浮动到图片里面,【CSS小白】 问关于图片浮动之后文字环绕图片的问题...

    代码如下: 电视剧详情列表 #king { width: 300px; } div div:nth-of-type(2) span { display: inline-block; } div div ...

  4. html5 文字浮动在图片旁,【CSS小白】 问关于图片浮动之后文字环绕图片的问题...

    代码如下: 电视剧详情列表 #king { width: 300px; } div div:nth-of-type(2) span { display: inline-block; } div div ...

  5. cocos2d-x 通过JNI实现c/c++和Android的java层函数互调 .

    转载请注明来自:Alex Zhou的程序世界,本文链接:http://codingnow.cn/cocos2d-x/992.html 本文主要实现两个功能: (1)通过Android sdk的API得 ...

  6. 我的Android进阶之旅------android Matrix图片随意的放大缩小,拖动(转)

    step1:新建一个项目DragAndZoom,并准备一张照片放在res/drawable-hdpi目录下,如下图所示: step2: 设置应用的UI界面,在main.xml中设置: [html] v ...

  7. android 圆形图片设置蒙层,Android引导蒙层,安卓新手引导图,引导图层,支持椭圆,圆形,矩形多种形状,一行代码快速搞定-Go语言中文社区...

    新手引导视图,初次打开页面时显示. 支持圆形,椭圆,矩形等多种图形 提示部分支持图片和文字提示 先看效果图 使用步骤. 使用起来特别简单,只需要把GuideView这个类复制到你的项目中就可以了 pa ...

  8. Android平台下的图片/视频转Ascii码图片/视频 (一)

    前一阵看鸿洋公众号日推,看到一个几年前就感觉有意思的一个技术,那就是图片转Ascii码,记得上大学时玩过windows的图片或视频转ascii码,可惜那个软件不好用,有bug,转视频的时候动不动就卡死 ...

  9. Android开发技巧——定制仿微信图片裁剪控件

    拍照--裁剪,或者是选择图片--裁剪,是我们设置头像或上传图片时经常需要的一组操作.上篇讲了Camera的使用,这篇讲一下我对图片裁剪的实现. 背景 下面的需求都来自产品. 裁剪图片要像微信那样,拖动 ...

  10. android图像处理系列之三--图片色调饱和度、色相、亮度处理

    原图: 处理后: 下面贴代码: 一.图片处理层: package com.jacp.tone.view; import java.util.ArrayList; import android.cont ...

最新文章

  1. 如何在同一系统里同时启动多个Tomcat
  2. 一文详解如何配置meld做git diff工具
  3. ASP.NET的项目怎样在WindowsServer上部署
  4. java客户端api文档_Java 11:新的HTTP客户端API
  5. 对于enable_shared_from_this、shared_from_this使用笔记
  6. java 应用分模块_在Java 11中创建一个简单的模块化应用教程
  7. 37 FI配置-财务会计-固定资产-组织结构-复制参考折旧表/折旧范围表
  8. 135. 分发糖果(JavaScript)
  9. H.264学习笔记2——帧内预测
  10. 假如我结婚以后父母把房子过户到我一人名下,属于夫妻共同财产嘛?
  11. 光栅透过率计算 (Matlab)
  12. CodeForces 950C Zebras
  13. 习题10-4 递归求简单交错幂级数的部分和 (15 分)
  14. Docker中定制镜像的两种方法
  15. JavaWeb技术内幕八:JVM内存管理
  16. nth-child选择器
  17. c++/MFC CSocket仿QQ聊天软件,实现1对1聊天,群聊
  18. 三大设计模式详细总结
  19. java鬼吹灯搬山法杖_《鬼吹灯》:深度解析搬山鹧鸪哨,为寻找雮尘珠的悲惨人生...
  20. Power Pivot关系函数

热门文章

  1. FusionSphere 物理CPU与VCPU的关系梳理总结
  2. C# 第五章『面向对象』◆第9节:抽象类和密封类
  3. STM 贴片机流程记录
  4. # Vue 组件开发打包、Vue 项目打包、js库组件库打包使用
  5. 随机森林算法(Random Forest)原理分析及Python实现
  6. 【Windows10】利用分区助手扩展C盘分区
  7. 信号与系统学习笔记与代码实现3-周期信号的傅里叶级数表示
  8. 考研报考人数的灰色模型
  9. 项目管理:项目质量管理
  10. 银行新一代信息系统项目集群管理实践分享︱秦皇岛银行信息科技部总经理王登峰