- 浏览: 660063 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (141)
- java (58)
- SQL (7)
- java开源 (2)
- javascript (3)
- struts2 (2)
- oracle (6)
- junit (1)
- js报表 (1)
- jQuery (5)
- 插件安装 (1)
- myeclipse (1)
- xfire (1)
- weblogic (1)
- hibernate (6)
- loading (1)
- jbpm (3)
- 物语 (0)
- android (14)
- spring (20)
- BigDecimal (1)
- view (1)
- 总结 (2)
- application (1)
- Netty (5)
- aop (1)
- redis (7)
- double (1)
- restful (1)
- cache (3)
- profile (1)
- redisTemplate (1)
- poi (3)
- excel导出 (1)
- mysql (7)
- group (4)
- replication (4)
- proxysql (1)
- windows (1)
- version (1)
- mongodb (2)
- RocketMQ (1)
- MQ (1)
- RSA (1)
- 日志 (2)
- ip (1)
- socket (1)
- hibernate-validator (1)
- delayQueue (1)
- spring-retry (1)
- rabbitmq (3)
- httpclient (1)
- tools (1)
- 增量发布 (1)
- web (3)
- spring-boot (5)
- druid (2)
- pageHelper (1)
- freemarker (1)
- RequestMapping (1)
- 性能优化 (2)
- springBoot (1)
- docker (2)
- 安全 (0)
- 国际化 (3)
- websocket (1)
- stomp (1)
- shiro (1)
- 网络安全 (2)
- 锁 (1)
- logback (1)
最新评论
-
changerzhuo_319:
谢谢大佬, 查了一天了没解决
Spring-boot构建多模块依赖工程时,maven打包异常:程序包xxx不存在 -
迪伦少校:
spring越来越优秀的同时,也越来越复杂
spring核心技术(1) -
hbxflihua:
ivi13 写道这种方式会有个问题,假如有个商户的交易量特别大 ...
使用spring-retry实现支付系统异步通知 -
ivi13:
这种方式会有个问题,假如有个商户的交易量特别大,通知全部失败, ...
使用spring-retry实现支付系统异步通知 -
ckxlnd:
挺好的 有借鉴意义
重写DispatcherServlet获取springmvc 所有RequestMapping的url
最近的一个android 项目中,客户要求在查看拍照上传的图片时,可以对图片进行多点触控的拖拽、放大、缩小等操作。网上的范例都不怎么好,实现的效果差强人意。
下面说说我的方案:
步骤一:自定义一个View,该View继承自ImageView。在该View中实现多点触控的拖拽、缩放等功能。
步骤二:像使用ImageView那样,在XML中引入该View。当然也可以动态创建该View然后添加到容器组件中。
一、自定义TouchView继承ImageView
package com.hzunitech.xcgk.ui; import android.content.Context; import android.util.AttributeSet; import android.util.FloatMath; import android.view.MotionEvent; import android.view.animation.TranslateAnimation; import android.widget.ImageView; /** * 继承ImageView 实现了多点触碰的拖动和缩放 * @author lihua */ public class TouchView extends ImageView { static final int NONE = 0; static final int DRAG = 1; //拖动中 static final int ZOOM = 2; //缩放中 static final int BIGGER = 3; //放大ing static final int SMALLER = 4; //缩小ing private int mode = NONE; //当前的事件 private float beforeLenght; //两触点距离 private float afterLenght; //两触点距离 private float scale = 0.04f; //缩放的比例 X Y方向都是这个值 越大缩放的越快 private int screenW; private int screenH; /*处理拖动 变量 */ private int start_x; private int start_y; private int stop_x ; private int stop_y ; private TranslateAnimation trans; //处理超出边界的动画 /** * 默认构造函数 * @param context */ public TouchView(Context context){ super(context); } /** * 该构造方法在静态引入XML文件中是必须的 * @param context * @param paramAttributeSet */ public TouchView(Context context,AttributeSet paramAttributeSet){ super(context,paramAttributeSet); } /** * 该构造函数在动态创建时,指定图片的初始高宽 * @param context * @param w * @param h */ public TouchView(Context context,int w,int h) { super(context); this.setPadding(0, 0, 0, 0); screenW = w; screenH = h; } /** * 就算两点间的距离 */ private float spacing(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return FloatMath.sqrt(x * x + y * y); } /** * 处理触碰.. */ @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: mode = DRAG; stop_x = (int) event.getRawX(); stop_y = (int) event.getRawY(); start_x = (int) event.getX(); start_y = stop_y - this.getTop(); if(event.getPointerCount()==2) beforeLenght = spacing(event); break; case MotionEvent.ACTION_POINTER_DOWN: if (spacing(event) > 10f) { mode = ZOOM; beforeLenght = spacing(event); } break; case MotionEvent.ACTION_UP: /*判断是否超出范围 并处理*/ int disX = 0; int disY = 0; if(getHeight()<=screenH || this.getTop()<0) { if(this.getTop()<0 ) { int dis = getTop(); this.layout(this.getLeft(), 0, this.getRight(), 0 + this.getHeight()); disY = dis - getTop(); } else if(this.getBottom()>screenH) { disY = getHeight()- screenH+getTop(); this.layout(this.getLeft(), screenH-getHeight(), this.getRight(), screenH); } } if(getWidth()<=screenW) { if(this.getLeft()<0) { disX = getLeft(); this.layout(0, this.getTop(), 0+getWidth(), this.getBottom()); } else if(this.getRight()>screenW) { disX = getWidth()-screenW+getLeft(); this.layout(screenW-getWidth(), this.getTop(), screenW, this.getBottom()); } } if(disX!=0 || disY!=0) { trans = new TranslateAnimation(disX, 0, disY, 0); trans.setDuration(500); this.startAnimation(trans); } mode = NONE; break; case MotionEvent.ACTION_POINTER_UP: mode = NONE; break; case MotionEvent.ACTION_MOVE: /*处理拖动*/ if (mode == DRAG) { if(Math.abs(stop_x-start_x-getLeft())<88 && Math.abs(stop_y - start_y-getTop())<85) { this.setPosition(stop_x - start_x, stop_y - start_y, stop_x + this.getWidth() - start_x, stop_y - start_y + this.getHeight()); stop_x = (int) event.getRawX(); stop_y = (int) event.getRawY(); } } /*处理缩放*/ else if (mode == ZOOM) { if(spacing(event)>10f) { afterLenght = spacing(event); float gapLenght = afterLenght - beforeLenght; if(gapLenght == 0) { break; } else if(Math.abs(gapLenght)>5f) { if(gapLenght>0) { this.setScale(scale,BIGGER); }else { this.setScale(scale,SMALLER); } beforeLenght = afterLenght; } } } break; } return true; } /** * 实现处理缩放 */ private void setScale(float temp,int flag) { if(flag==BIGGER) { this.setFrame(this.getLeft()-(int)(temp*this.getWidth()), this.getTop()-(int)(temp*this.getHeight()), this.getRight()+(int)(temp*this.getWidth()), this.getBottom()+(int)(temp*this.getHeight())); }else if(flag==SMALLER){ this.setFrame(this.getLeft()+(int)(temp*this.getWidth()), this.getTop()+(int)(temp*this.getHeight()), this.getRight()-(int)(temp*this.getWidth()), this.getBottom()-(int)(temp*this.getHeight())); } } /** * 实现处理拖动 */ private void setPosition(int left,int top,int right,int bottom) { this.layout(left,top,right,bottom); } }
二、在XML文件中引入TouchView。
在xml中引入TouchView和引入其父类ImageView是一样的。
<ImageView android:id="@+id/drawing" android:layout_width="fill_parent" android:layout_height="fill_parent" > </ImageView>
<com.hzunitech.xcgk.ui.TouchView android:id="@+id/drawing" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_marginTop="50px" android:gravity="center"> </com.hzunitech.xcgk.ui.TouchView>
在Activity中,为找到该组件,并为其动态设置图片。
TouchView drawing = (TouchView)findViewById(R.id.drawing); //獲得網絡url上的一個圖片 Bitmap img = AvdUtils.getHttpBitmap(Constants.URL_PREFIX+takan.getFileName()); drawing.setImageBitmap(img);
评论
5 楼
liusha1982
2013-01-21
您好,您的方法很棒。不过我有个疑问,当我拖动图像时候,如果图像上边缘超过了屏幕上边缘。放开时,图像自动下滑。这个能设置一下吗
4 楼
Gemini_red
2013-01-06
楼主帅呆了 谢谢
3 楼
wds1181977
2012-12-03
是因为imagview自动刷新自己,
View的位置还原到初始位置 发生归位
凡是执行this.layout();
this.setFrame();
主要是因为相对于屏幕 00点 所以每次都归位
解决办法是给他外层套一个layout ,这样相对位置就是他自己,不会发生归位
View的位置还原到初始位置 发生归位
凡是执行this.layout();
this.setFrame();
主要是因为相对于屏幕 00点 所以每次都归位
解决办法是给他外层套一个layout ,这样相对位置就是他自己,不会发生归位
2 楼
hbxflihua
2012-07-27
我有同感,这一点儿的确没处理好。
1 楼
广陵琴者
2012-07-14
你好,我用了你这个方案,表现不错。但是如果我点击屏幕上其余的button的时候,刚拖动好位置的TouchView的位置又复原了?请教哈
发表评论
-
Android 远程服务(remote service)
2012-05-29 18:08 9414Android 远程服务 Android远程服务(Remot ... -
百度地图 Android SDK 技术详解集锦
2012-05-21 15:46 2203【百度地图-android SDK】技术详解集锦 百 ... -
Android 避免重复提交
2012-05-11 13:19 7485不曾想,android系统也会有重复提交的问题。网上搜了下,基 ... -
Android 手写签名实例
2012-05-05 15:50 23437这篇文章本来想在一个月前就发布的,最近一直忙于国家电网手持 ... -
ScrollView 中嵌套ListView
2012-04-26 19:45 1964在ScrollView中嵌套使用ListView,Lis ... -
EditText 文本焦点事件
2012-04-19 12:12 9642焦点改变监听:setOnFocus ... -
ListView自定义adapter处理多事件
2012-04-13 16:31 8939使用过ListView 的开发人员都知道,ListView ... -
android 嵌入服务端页面二 之WebView与页面互调
2012-04-06 16:51 8822WebView引入页面及回调处理 <?xm ... -
android 嵌入服务端页面一 (抱歉,该篇无法用IE打开)
2012-04-05 23:59 2178<%@ page language="java ... -
android开发 ImageView显示文字
2012-03-25 15:35 20671我们将一张图片显示在屏幕上,首先要创建一个图片显示的对象Ima ... -
android开发 资料下载
2012-03-18 13:33 1684这里汇总了android的一些学习资料,有兴趣的可以下载看看。 ... -
Android开发 准备工作补充
2012-03-10 17:57 1192如果你用的IDE是myeclipse,直接通过插件 ... -
Android开发 准备工作
2012-03-10 17:39 1628Android 开发 前期准备: Eclipse3. ...
相关推荐
使用自定义的ImageView实现了多点触控,图片的自由移动和缩放,而且解决了与ViewPager的兼容性问题。可以直接将这个ImageView控件使用到你的项目中去。
android imageview 多点触碰(Multitouch)实现图片拖拽移动缩放 RT 仿照官方版本的图片浏览效果 新手
自定义控件继承Imageview,可随意调用,附调用实例。可实现空间中图片的多种操作,拖拽,缩放,旋转
Android imageview 多点触碰(MultiTouch)实现图片拖拽移动缩放,下载即可运行。
自定义ImageView实现图片的缩放功能源码,具体实现细节见博文:http://blog.csdn.net/l1028386804/article/details/50062231
Android开发之ImageView通过matrix实现两点缩放和图片拖动,内有较为详细的注释
这是我找了半天的demo,自定义的ImageView从网络获取图片在显示到手机上缩放,再改成适合自己的缩放图片,公布给需要找图片缩放功能的小伙伴。
自定义ImageView(可单点缩放回弹、拖拽、多点缩放)
android自定义ImageView实现缩放,回弹效果。
自定义ImageView控件,具有缩放和拖拽功能,适合图片的浏览,方便复用
该自定义控件实现的主要功能是控件的拖动和缩放(注意:不是对控件中的图片进行操作,话说很多帖子都把这两个混了),其中缩放可以按照三个方向进行,就是水平、竖直和等比例。双击操作只做了一个提示,长按加上了一...
android自定义ImageView实现旋转动画
android 自定义属性实现 ImageView 透明度渐变效果
* 自定义的ImageView控制,可对图片进行多点触控缩放和拖动 * * @author qiuwanyong */ public class MyImageView extends ImageView { /** * 初始化状态常量 */ public static final int STATUS_INIT = 1; /** * ...
NULL 博文链接:https://iaiai.iteye.com/blog/1931412
本文通过一个自定义控件ZoomImageView,实现多点触控(移动,多点缩放),双击放大缩小,并在放大缩小过程自解决边界白边的情况,同时结合ViewPager的使用,并解决存在的事件冲突情况。
自定义带边框ImageView
自定义的ImageView实现图片圆形遮罩效果,详细了解请移步http://blog.csdn.net/zxc514257857/article/details/63834235