android图片浮动层,android浮层图片拖动并且可点击效果
最近产品出了个新需求,页面上出现浮层并且可点击,代码实现如下:
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浮层图片拖动并且可点击效果相关推荐
- android 悬停浮动框,Android滑动到顶部悬停
无图说卵,先上图 jianshu-top.gif 查阅资料后,发现网上大部分都是用这种方法实现的: 多写一个和需要悬浮的部分一模一样的layout,先把浮动区域的可见性设置为gone.当浮动区域滑动到 ...
- android wear 浮动通知,Android Wear 开发 (一) 创建手表通知
8种机械键盘轴体对比 本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选? I bought a moto 360 last year. But I seldom wear it, because ...
- html让文字浮动到图片里面,【CSS小白】 问关于图片浮动之后文字环绕图片的问题...
代码如下: 电视剧详情列表 #king { width: 300px; } div div:nth-of-type(2) span { display: inline-block; } div div ...
- html5 文字浮动在图片旁,【CSS小白】 问关于图片浮动之后文字环绕图片的问题...
代码如下: 电视剧详情列表 #king { width: 300px; } div div:nth-of-type(2) span { display: inline-block; } div div ...
- cocos2d-x 通过JNI实现c/c++和Android的java层函数互调 .
转载请注明来自:Alex Zhou的程序世界,本文链接:http://codingnow.cn/cocos2d-x/992.html 本文主要实现两个功能: (1)通过Android sdk的API得 ...
- 我的Android进阶之旅------android Matrix图片随意的放大缩小,拖动(转)
step1:新建一个项目DragAndZoom,并准备一张照片放在res/drawable-hdpi目录下,如下图所示: step2: 设置应用的UI界面,在main.xml中设置: [html] v ...
- android 圆形图片设置蒙层,Android引导蒙层,安卓新手引导图,引导图层,支持椭圆,圆形,矩形多种形状,一行代码快速搞定-Go语言中文社区...
新手引导视图,初次打开页面时显示. 支持圆形,椭圆,矩形等多种图形 提示部分支持图片和文字提示 先看效果图 使用步骤. 使用起来特别简单,只需要把GuideView这个类复制到你的项目中就可以了 pa ...
- Android平台下的图片/视频转Ascii码图片/视频 (一)
前一阵看鸿洋公众号日推,看到一个几年前就感觉有意思的一个技术,那就是图片转Ascii码,记得上大学时玩过windows的图片或视频转ascii码,可惜那个软件不好用,有bug,转视频的时候动不动就卡死 ...
- Android开发技巧——定制仿微信图片裁剪控件
拍照--裁剪,或者是选择图片--裁剪,是我们设置头像或上传图片时经常需要的一组操作.上篇讲了Camera的使用,这篇讲一下我对图片裁剪的实现. 背景 下面的需求都来自产品. 裁剪图片要像微信那样,拖动 ...
- android图像处理系列之三--图片色调饱和度、色相、亮度处理
原图: 处理后: 下面贴代码: 一.图片处理层: package com.jacp.tone.view; import java.util.ArrayList; import android.cont ...
最新文章
- 如何在同一系统里同时启动多个Tomcat
- 一文详解如何配置meld做git diff工具
- ASP.NET的项目怎样在WindowsServer上部署
- java客户端api文档_Java 11:新的HTTP客户端API
- 对于enable_shared_from_this、shared_from_this使用笔记
- java 应用分模块_在Java 11中创建一个简单的模块化应用教程
- 37 FI配置-财务会计-固定资产-组织结构-复制参考折旧表/折旧范围表
- 135. 分发糖果(JavaScript)
- H.264学习笔记2——帧内预测
- 假如我结婚以后父母把房子过户到我一人名下,属于夫妻共同财产嘛?
- 光栅透过率计算 (Matlab)
- CodeForces 950C Zebras
- 习题10-4 递归求简单交错幂级数的部分和 (15 分)
- Docker中定制镜像的两种方法
- JavaWeb技术内幕八:JVM内存管理
- nth-child选择器
- c++/MFC CSocket仿QQ聊天软件,实现1对1聊天,群聊
- 三大设计模式详细总结
- java鬼吹灯搬山法杖_《鬼吹灯》:深度解析搬山鹧鸪哨,为寻找雮尘珠的悲惨人生...
- Power Pivot关系函数