分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

转自：http://blog.csdn.net/jj120522/article/details/8467810

首先呢，还是一贯作风，我们先来看看众多应用中的示例：(这种效果是很常见的，可以说应用的必须品.)

              

搜狐客户端                                    百度新闻客户端                              新浪微博                              凤凰新闻客户端

也许大家对这些客户端并不陌生，但是不知道大家有没有注意到这些不足之处呢，这里我就叨唠吓这些不人性化的地方.

首先搜狐：她的图片放大后（未铺满屏幕）可以上下来回拖动，这点肯定是不允许的.感慨搜狐你在移动新闻界这么有名气，莫非是故意如此吗？

百度客户端：你看她的图片不用我多说了吧，其实我还可以继续在缩，这里我要狠狠批判一下百度，因为你那么牛叉的公司，为什么这点bug就查不出来，用户体验相当不好.

新浪微博：她的图片可以缩放到这个程度，没有回缩动画，我个人感觉最好有回缩动画的，毕竟用户不可能看你家图的时候将之缩放成小图看吧.（或许用户在放大后想缩回原先图片而此时缩回头了，所以我们应该弄一个回缩动画.）

凤凰新闻客户端: 这家应用更离谱，就没有放大缩小等操作，就一个傻傻的图片呆在那，更离谱的是我(无意)触碰一下图片就返回了.（我要是用户的话，就先不说你家没有放大缩小等操作吧，倘若我想仔细观看这张美图的话，我手指不小心触碰一下，你Y的就给我关闭.大失雅兴，还有就是我点击文章图片切换到浏览图片页面时，你的加载页面太丑了，我简直看不下去，所以果断卸掉.）

其实网上也有几个做的比较好的，我没有上图,例如：腾讯微博，网易客户端，新浪微博等.做的都相当不错。

哈哈.说的有点过了，就叨唠到此，下面我们看下应该如何实现这种效果.说之前我在絮叨一下，这篇文章本来是打算2012.12.31发布的留个纪念，谁知这玩意我弄了一天没有弄出来,后来放弃了，长时间没有弄出来心情也没有了，直到2013.01.04也就是昨天又接着弄了将近一天，到晚上11点了还没有解决.一怒之下CF玩到1点睡觉去了.该死的破玩意想留个纪念也不让.今天下午有时间就又接着搞.功夫不负有心人啊.没想到解决了.我郁闷了个去.所以这篇文章来之不易啊，如果看到该文章并且对你有帮助的话，记得赞一个.

网上文章虽多，但是这种效果少之又少.我真诚的献上以供同根生的苦逼程序员.

实现原理：自定义ImageView对此控件进行相应的layout(动态布局).


这里你要明白几个方法执行的流程： 首先ImageView是继承自View的子类.

onLayout方法：是一个回调方法.该方法会在在View中的layout方法中执行，在执行layout方法前面会首先执行setFrame方法.

setFrame方法：判断我们的View是否发生变化，如果发生变化，那么将最新的l，t，r，b传递给View，然后刷新进行动态更新UI. 并且返回ture.没有变化返回false.

在介绍自定义控件之前，我们先要明白我们要获取哪些数据:屏幕的宽度，屏幕的高度.(这里其实你也可以对LinerLayout进行ViewTreeObserver监听获取其宽高度.),原始图片本身的宽度及高度.以及我们缩放的最大最小值.

首先我们要重写setImageBitmap方法.作用：获取图片的宽高，求出缩放极限值.

[java]  view plain copy
  1. /***
  2. * 设置显示图片
  3. */
  4. @Override
  5. public void setImageBitmap(Bitmap bm) {
  6. super.setImageBitmap(bm);
  7. /** 获取图片宽高 **/
  8. bitmap_W = bm.getWidth();
  9. bitmap_H = bm.getHeight();
  10. MAX_W = bitmap_W * 3;
  11. MAX_H = bitmap_H * 3;
  12. MIN_W = bitmap_W / 2;
  13. MIN_H = bitmap_H / 2;
  14. }

接着我们在onLayout方法中我们获取最初的l,t,r,b.

[java]  view plain copy
  1. @Override
  2. protected void onLayout(boolean changed, int left, int top, int right,
  3. int bottom) {
  4. super.onLayout(changed, left, top, right, bottom);
  5. if (start_Top == -1) {
  6. start_Top = top;
  7. start_Left = left;
  8. start_Bottom = bottom;
  9. start_Right = right;
  10. }
  11. }

下面我们说下重点Touch方法.其实原来大家都明白，要说难的话估计就是逻辑实现了.

说之前大家要明白单点与多点的区别：

单手指操作：ACTION_DOWN---ACTION_MOVE----ACTION_UP

多手指操作：ACTION_DOWN---ACTION_POINTER_DOWN---ACTION_MOVE--ACTION_POINTER_UP---ACTION_UP.

上面只是简单说下流程，详细请大家自行研究，这里只是讲解如果运用.

[java]  view plain copy
  1. /***
  2. * touch 事件
  3. */
  4. @Override
  5. public boolean onTouchEvent(MotionEvent event) {
  6. /** 处理单点、多点触摸 **/
  7. switch (event.getAction() & MotionEvent.ACTION_MASK) {
  8. case MotionEvent.ACTION_DOWN:
  9. onTouchDown(event);
  10. break;
  11. // 多点触摸
  12. case MotionEvent.ACTION_POINTER_DOWN:
  13. onPointerDown(event);
  14. break;
  15. case MotionEvent.ACTION_MOVE:
  16. onTouchMove(event);
  17. break;
  18. case MotionEvent.ACTION_UP:
  19. mode = MODE.NONE;
  20. break;
  21. // 多点松开
  22. case MotionEvent.ACTION_POINTER_UP:
  23. mode = MODE.NONE;
  24. /** 执行缩放还原 **/
  25. if (isScaleAnim) {
  26. doScaleAnim();
  27. }
  28. break;
  29. }
  30. return true;
  31. }

这里的实现我都分开写了，利于大家的观看，在这里我顺便说一下自定义控件返回值: 如果对于没有孩子的控件，如果要对Touch处理最好return true.这样也是游戏开发中经常用的，如果该控件有孩子的话，可不要这么弄，不然孩子会监听不到Touch事件.

下面我们一个一个方法的看:

onTouchDown：获取手指点击时候的起始坐标.

[java]  view plain copy
  1. /** 按下 **/
  2. void onTouchDown(MotionEvent event) {
  3. mode = MODE.DRAG;
  4. current_x = (int) event.getRawX();
  5. current_y = (int) event.getRawY();
  6. start_x = (int) event.getX();
  7. start_y = current_y - this.getTop();
  8. }

这里大家也要明白 event.getRawX()和event.getX(),不过我相信大家都明白的，我前面那篇ListView拖拽也提到过.一个相对屏幕，一个相对父控件.

onPointerDown：两手指之间的距离.

[java]  view plain copy
  1. /** 两个手指 只能放大缩小 **/
  2. void onPointerDown(MotionEvent event) {
  3. if (event.getPointerCount() == 2) {
  4. mode = MODE.ZOOM;
  5. beforeLenght = getDistance(event);// 获取两点的距离
  6. }
  7. }

onTouchMove:移动的处理.

[java]  view plain copy
  1. /** 移动的处理 **/
  2. void onTouchMove(MotionEvent event) {
  3. int left = 0, top = 0, right = 0, bottom = 0;
  4. /** 处理拖动 **/
  5. if (mode == MODE.DRAG) {
  6. /** 在这里要进行判断处理，防止在drag时候越界 **/
  7. /** 获取相应的l，t,r ,b **/
  8. left = current_x - start_x;
  9. right = current_x + this.getWidth() - start_x;
  10. top = current_y - start_y;
  11. bottom = current_y - start_y + this.getHeight();
  12. /** 水平进行判断 **/
  13. if (isControl_H) {
  14. if (left >= 0) {
  15. left = 0;
  16. right = this.getWidth();
  17. }
  18. if (right <= screen_W) {
  19. left = screen_W - this.getWidth();
  20. right = screen_W;
  21. }
  22. } else {
  23. left = this.getLeft();
  24. right = this.getRight();
  25. }
  26. /** 垂直判断 **/
  27. if (isControl_V) {
  28. if (top >= 0) {
  29. top = 0;
  30. bottom = this.getHeight();

android 自定义ImageView实现图片手势滑动 多点触摸放大缩小效果相关推荐

  1. android 自定义ImageView实现图片手势滑动，多点触摸放大缩小效果

    首先呢,还是一贯作风,我们先来看看众多应用中的示例:(这种效果是很常见的,可以说应用的必须品.)                搜狐客户端                               ...

  2. android 长按缩放拖动_Android实现手势滑动多点触摸缩放平移图片效果

    现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两个手指开始进行放大,放大后,开始移动到指定部位. 一.概述想要做到图片支持多点触控,自由的进行缩放. ...

  3. Android-图片预览（自定义ImageView实现图片缩放，多点触控，自由移动）

    1.回顾 上篇学习了,开源框架中:个性通知效果,7种动画实现:非常不错: 2.重点 (1)实现自定义控件ImageView (2)自由的放大和缩小 (3)自由移动 3.背景 (1) 因为需要使用到 图 ...

  4. android 自定义图片上传,android自定义ImageView仿图片上传示例

    看下效果图 主要看下自定义view 代码 public class ProcessImageView extends ImageView{ private Context context; priva ...

  5. android 自定义图片上传,android自定义ImageView仿图片上传(示例代码)

    Activity代码 1 public classMainActivity extends AppCompatActivity {2     ProcessImageView processImage ...

  6. IE 10 禁用多点触摸放大缩小页面

    最近在做项目的时候,要求禁用页面的放大缩小功能,在可触摸的终端,是可以通过多手指去放大缩小页面的,通常我们都是通过加<meta>标签: <meta name="viewpo ...

  7. Android 自定义ViewPager设置屏蔽左右滑动事件

    只要有欲望,就应该有奋斗的心.... 屏蔽左右滑动事件的viewPager public class CustomNoScrollViewPager extends ViewPager{private ...

  8. android 横向滚动图片,Android使用Photoview实现图片左右滑动及缩放功能

    Android使用Photoview实现图片左右滑动及缩放功能 发布时间:2020-10-12 14:51:12 来源:脚本之家 阅读:119 作者:kuaizilanqiu 我想,不管是做什么样的a ...

  9. 【5年Android从零复盘系列之十七】Android自定义View(12)：手势绘制及GestureOverlayView事件详解(图文)

    [5年Android从零复盘系列之十七]Android自定义View(12):手势绘制及GestureOverlayView事件浅析 1.基础 掌握View体系事件分发与处理,参考Android自定义 ...

最新文章

  1. python打开摄像头获取图片_Python基于opencv调用摄像头获取个人图片的实现方法
  2. Android调试工具之ADB
  3. AngularJS学习笔记一:简单入门
  4. MATLAB 线型 颜色 和 标记点组合使用
  5. Linux RedHat7.0 上vsftp配置
  6. Java Math的 floor,round和ceil的总结 ,java基础知识
  7. java中对象的生存期_Java中对象的生存周期
  8. virtualbox安装android6.0并设置分辨率为1920x1080x32
  9. 技术博客么？开始每天一更
  10. java调用android_Java及Android中常用链式调用写法简单示例
  11. EMC测量的常用计量单位分贝(dB)及其换算
  12. 调用DLL找不到函数名或者函数乱码问题
  13. eclipse,MATLAB,python,VS Code,VS,apache(阿帕奇),Notepad++官方下载网址史上最详细
  14. 微信加人限制2017版
  15. Franz Mandl, Graham Shaw《Quantum Field Theory (2nd)》（弗兰兹·曼德尔, 格雷厄姆·肖《量子场论（第二版）》）中文目录
  16. C语言读取文件所有内容
  17. Android识别图片中的WIFI二维码，并自动连接
  18. java 2的n次方_Java程序练习-计算2的N次方 | 学步园
  19. 梁宁产品思维 一张图
  20. netbeans如何导入java项目_netbeans导入java项目

热门文章

  1. CAD软件几何数据存储原理
  2. easyui treegrid实现的两种方式
  3. Keil升级到AC6后，到底有哪些变化？
  4. Zend Studio 10.6.0正式版注册破解
  5. android广告轮播无限
  6. 计算机课有平时成绩吗,大学计算机基础课程平时成绩评定方法探究.doc
  7. 专用5G网络的7种部署方案
  8. 计算机硬盘正常的使用步骤,500g的硬盘的电脑合理分区方法
  9. python计算机视觉：创建缩略图
  10. 【青少年编程】【四级】计算三角形面积