符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
这期内容当中小编将会给大家带来有关Android中怎么实现图片缩放功能,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
创新互联公司专注于企业全网整合营销推广、网站重做改版、钟山网站定制设计、自适应品牌网站建设、HTML5建站、成都做商城网站、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为钟山等各大城市提供网站开发制作服务。
布局layout
先看关于手势触摸的判断,需要判断用户是单指触摸还是双指,分别在OnTounch的监听事件中判断。
注:先重写onLongClick()方法,不然会影响OnTouch里面的触摸监听。
private static final int NONE = 0; private static final int DRAG = 1; private static final int ZOOM = 2; private int mode = NONE; hairIv.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { return true; } }); hairIv.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: //单点触控 mode = DRAG; break; case MotionEvent.ACTION_POINTER_DOWN: //多点触控 break; case MotionEvent.ACTION_MOVE: // 手指滑动 if (mode == DRAG) { // 是一个手指拖动 Log.d(TAG, "mode = DRAG" ); } else if (mode == ZOOM) { // 两个手指滑动 Log.d(TAG, "mode = ZOOM" ); } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放开事件 mode = NONE; break; } return true; } });
这些写上之后就可以先看一下单指,双指的触摸事件有没有被正确处理
通过Android提供的Matrix类对图像进行处理,关于Matrix的原理可以看一下Android官方文档Matrix部分,也可以找一些其他的博客,这里只看使用。
定义要用到的变量
private Matrix matrix = new Matrix(); private Matrix savedMatrix = new Matrix(); // 第一个按下的手指的点 private PointF startPoint = new PointF(); // 两个按下的手指的触摸点的中点 private PointF midPoint = new PointF(); // 初始的两个手指按下的触摸点的距离 private float oriDis = 1f;
在onTouch中完善
@Override public boolean onTouch(View v, MotionEvent event) { ImageView view = (ImageView) v; final int x = (int) event.getRawX(); final int y = (int) event.getRawY(); Log.d(TAG, "onTouch: x= " + x + "y=" + y); switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: //单点触控 matrix.set(view.getImageMatrix()); savedMatrix.set(matrix); startPoint.set(event.getX(), event.getY()); mode = DRAG; break; case MotionEvent.ACTION_POINTER_DOWN: //多点触控 oriDis = distance(event); if (oriDis > 10f) { savedMatrix.set(matrix); midPoint = midPoint(event); mode = ZOOM; } break; case MotionEvent.ACTION_MOVE: // 手指滑动事件 if (mode == DRAG) { // 是一个手指拖动 matrix.set(savedMatrix); matrix.postTranslate(event.getX() - startPoint.x, event.getY() - startPoint.y); } else if (mode == ZOOM) { // 两个手指滑动 float newDist = distance(event); if (newDist > 10f) { matrix.set(savedMatrix); float scale = newDist / oriDis; matrix.postScale(scale, scale, midPoint.x, midPoint.y); } } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放开事件 mode = NONE; break; } view.setImageMatrix(matrix); return true; }
其中用到的计算位置和距离的方法
/** * 计算两个手指头之间的中心点的位置 * x = (x1+x2)/2; * y = (y1+y2)/2; * * @param event 触摸事件 * @return 返回中心点的坐标 */ private PointF midPoint(MotionEvent event) { float x = (event.getX(0) + event.getX(1)) / 2; float y = (event.getY(0) + event.getY(1)) / 2; return new PointF(x, y); } /** * 计算两个手指间的距离 * * @param event 触摸事件 * @return 放回两个手指之间的距离 */ private float distance(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return (float) Math.sqrt(x * x + y * y);//两点间距离公式 }
public class ImageActivity extends AppCompatActivity{ @BindView(R.id.hair_iv) ImageView hairIv; private static final int NONE = 0; private static final int DRAG = 1; private static final int ZOOM = 2; private int mode = NONE; private Matrix matrix = new Matrix(); private Matrix savedMatrix = new Matrix(); // 第一个按下的手指的点 private PointF startPoint = new PointF(); // 两个按下的手指的触摸点的中点 private PointF midPoint = new PointF(); // 初始的两个手指按下的触摸点的距离 private float oriDis = 1f; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_image); ButterKnife.bind(this); hairIv.setOnLongClickListener(new View.OnLongClickListener() { @Override public boolean onLongClick(View v) { return true; } }); hairIv.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { ImageView view = (ImageView) v; final int x = (int) event.getRawX(); final int y = (int) event.getRawY(); Log.d(TAG, "onTouch: x= " + x + "y=" + y); switch (event.getAction() & MotionEvent.ACTION_MASK) { case MotionEvent.ACTION_DOWN: //单点触控 matrix.set(view.getImageMatrix()); savedMatrix.set(matrix); startPoint.set(event.getX(), event.getY()); mode = DRAG; break; case MotionEvent.ACTION_POINTER_DOWN: //多点触控 oriDis = distance(event); if (oriDis > 10f) { savedMatrix.set(matrix); midPoint = midPoint(event); mode = ZOOM; } break; case MotionEvent.ACTION_MOVE: // 手指滑动事件 if (mode == DRAG) { // 是一个手指拖动 matrix.set(savedMatrix); matrix.postTranslate(event.getX() - startPoint.x, event.getY() - startPoint.y); } else if (mode == ZOOM) { // 两个手指滑动 float newDist = distance(event); if (newDist > 10f) { matrix.set(savedMatrix); float scale = newDist / oriDis; matrix.postScale(scale, scale, midPoint.x, midPoint.y); } } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_POINTER_UP: // 手指放开事件 mode = NONE; break; } view.setImageMatrix(matrix); return true; } }); } /** * 计算两个手指头之间的中心点的位置 * x = (x1+x2)/2; * y = (y1+y2)/2; * * @param event 触摸事件 * @return 返回中心点的坐标 */ private PointF midPoint(MotionEvent event) { float x = (event.getX(0) + event.getX(1)) / 2; float y = (event.getY(0) + event.getY(1)) / 2; return new PointF(x, y); } /** * 计算两个手指间的距离 * * @param event 触摸事件 * @return 放回两个手指之间的距离 */ private float distance(MotionEvent event) { float x = event.getX(0) - event.getX(1); float y = event.getY(0) - event.getY(1); return (float) Math.sqrt(x * x + y * y);//两点间距离公式 } }
上述就是小编为大家分享的Android中怎么实现图片缩放功能了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。