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<AdFloating>() {//请求数据

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

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

(0)

相关推荐

  • Android实现图片拖拉功能

    这次记录的是实现Android图片用手拖拉的功能,,供大家参考,具体内容如下 编译环境:eclipse Android版本4.0 创建工程过程略 实现图片在页面内的拖拉 原理图: 计算出手指移动的位移,通过matrix矩阵对象,将图片空间矩阵化之后根据手指位移让矩阵移动, 从而达到图片移动的效果 实现图片在页面内的拖拉 mian.xml: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android实现图片拖动效果

    要求: 1.通过手指移动来拖动图片 2.控制图片不能超出屏幕显示区域 技术点: 1.MotionEvent处理 2.对View进行动态定位(layout) activity_main.xml: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layou

  • android 大图片拖拽并缩放实现原理

    由于最近项目忙,博客一直没有时间更新,今天有点时间就连续更新两篇吧,过过瘾. 这篇图片拖拽缩放也是我在项目中用到的,今天整理一下,将源码奉献给大家,希望对大家以后碰到相似的问题有帮助. 这篇就不做过多介绍了,直接上源码: 复制代码 代码如下: public class SpacePageActivity extends Activity { private LinearLayout linnerLayout_spacepage; private RelativeLayout relativeLa

  • android浮层图片拖动并且可点击效果

    最近产品出了个新需求,页面上出现浮层并且可点击,代码实现如下: Activity中实现浮层图片: @Override public void onResume() { super.onResume(); createView(); } @Override public void onPause() { super.onPause(); / 在程序退出(Activity销毁)时销毁悬浮窗口 if(floatView!=null && windowManager !=null) { windo

  • Android 实现图片模糊、高斯模糊、毛玻璃效果的三种方法

    在前几天写过一个使用glide-transformations的方法实现高斯模糊的方法,今天偶然间有发现一个大神写的另一个方法,感觉挺不错的,分享一下: 效果图: 原文链接:点击访问 这使用也很简单,导入依赖,使用模糊方法就行,就这两步搞定 依赖: compile 'net.qiujuer.genius:blur:2.0.0-beta4' 实现方法有三种,第一个是Java实现的,第二个和第三个是调用C语言实现的 ,具体的区别也就是代码执行的耗时操作时间,从图片中可以看出Java使用时间远大于c运

  • Android中如何取消listview的点击效果

    在xml文件里面有listselecter的属性引用 <ListView android:layout_width="match_parent" android:layout_height="wrap_content" android:listSelector="@android:color/transparent"> </ListView> 引用transparent之后会让点击效果透明化,昨天整了半天才搞出来,记录一下

  • Android编程实现GridView控件点击图片变暗效果的方法

    本文实例讲述了Android编程实现GridView控件点击图片变暗效果的方法.分享给大家供大家参考,具体如下: @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); grid = (GridView) findViewById(R.id.grid); grid.setAdapte

  • Android实现图片点击放大

    本文实例为大家分享了Android实现图片点击放大的具体代码,供大家参考,具体内容如下 在我的项目中,有点击图片banner后放大浏览的功能.我的做法就是创建一个专门的图片显示Activity,布局里面用ViewPage,这样就能控制图片的左右滑动,并且控制首先显示第几张图片. 功能是ok的,显示也是正常的.但我花费了好几天的时间来实现.完善这个功能. ShowMoreImageActivity /** * 图片放大 */ public class ShowMoreImageActivity e

  • Android实现图片点击爆炸效果

    本文实例为大家分享了Android实现图片点击爆炸效果的具体代码,供大家参考,具体内容如下 实现效果: 需要注意的点: ValueAnimator ValueAnimator,是针对值的,也就是说ValueAnimator不会对控件进行任何操作,而是控制值的变化,然后我们监听这个值的变化过程,从而来控制控件的变化.什么意思呢?例如我们使用属性动画来控制TextView的位移,我们在初始化ValueAnimator时,会设置一个初始值和结束的值,假如我用这两个值来控制TextView在y轴上的位置

  • Android RichText 让Textview轻松的支持富文本(图像ImageSpan、点击效果等等类似QQ微信聊天)

    AndroidRichText帮助实现像QQ,微信一样的,一个TextView里既有文字又有表情又有图片的效果,采用插件化的框架,代码简单,可拓展性强. 基础框架包只有四个java文件, RichTextWrapper :TextView的包裹类,实现支持富文本,通过new RichTextWrapper(TextView v)来构造. RTMovementMethod: 继承自Android原生的LinkMovementMethod,重写onTouchEvent方法,优化了ClickSpan(

  • Android实现本地图片选择及预览缩放效果

    在做项目时经常会遇到选择本地图片的需求,以前都是懒得写直接调用系统方法来选择图片,但是这样并不能实现多选效果,最近又遇到了,所以还是写一个demo好了,以后也方便使用.还是首先来看看效果: 显示的图片使用RecyclerView实现的,利用Glide来加载:下面弹出的图片文件夹效果是采用PopupWindow实现,这里比采用PopupWindow更方便,弹出显示的左边图片是这个文件夹里的第一张图片:选中的图片可以进行预览,使用网上一个大神写的来实现的:至于图片的获取是用ContentProvid

  • Android实现图片轮播切换实例代码

    利用Android的ViewFlipper和AnimationUtils实现图片带有动画的轮播切换,其中当点击"上一张"图片时,切换到上一张图片:当点击"下一张"图片时,切换到下一张图片.其效果图如下: 设置布局文件,其内容如下: activity_image_flipper_shade.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xm

随机推荐