位置: 编程技术 - 正文

Android多点触控技术实战,自由地对图片进行缩放和移动(安卓多点触屏在哪里设置)

编辑:rootadmin

推荐整理分享Android多点触控技术实战,自由地对图片进行缩放和移动(安卓多点触屏在哪里设置),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:多点触控界面,手机的多点触控,android多点触控事件,android多点触控协议,android多点触控协议,android多指触控,android多点触控协议,android多点触控事件,内容如对您有帮助,希望把文章链接给更多的朋友!

转自: Android瀑布流照片墙实现,体验不规则排列的美感 这篇文章,请尽量先去阅读完再来看本篇文章,因为这次的代码完全是在上次的基础上进行开发的。

那我们现在就开始动手吧,首先打开上次的PhotoWallFallsDemo项目,在里面加入一个ZoomImageView类,这个类就是用于进行大图展示和多点触控缩放的,代码如下所示:

[java] view plaincopypublic class ZoomImageView extends View { /** * 初始化状态常量 */ public static final int STATUS_INIT = 1; /** * 图片放大状态常量 */ public static final int STATUS_ZOOM_OUT = 2; /** * 图片缩小状态常量 */ public static final int STATUS_ZOOM_IN = 3; /** * 图片拖动状态常量 */ public static final int STATUS_MOVE = 4; /** * 用于对图片进行移动和缩放变换的矩阵 */ private Matrix matrix = new Matrix(); /** * 待展示的Bitmap对象 */ private Bitmap sourceBitmap; /** * 记录当前操作的状态,可选&#;为STATUS_INIT、STATUS_ZOOM_OUT、STATUS_ZOOM_IN和STATUS_MOVE */ private int currentStatus; /** * ZoomImageView控件的宽度 */ private int width; /** * ZoomImageView控件的高度 */ private int height; /** * 记录两指同时放在屏幕上时,中心点的横坐标&#; */ private float centerPointX; /** * 记录两指同时放在屏幕上时,中心点的纵坐标&#; */ private float centerPointY; /** * 记录当前图片的宽度,图片被缩放时,这个&#;会一起变动 */ private float currentBitmapWidth; /** * 记录当前图片的高度,图片被缩放时,这个&#;会一起变动 */ private float currentBitmapHeight; /** * 记录上次手指移动时的横坐标 */ private float lastXMove = -1; /** * 记录上次手指移动时的纵坐标 */ private float lastYMove = -1; /** * 记录手指在横坐标方向上的移动距离 */ private float movedDistanceX; /** * 记录手指在纵坐标方向上的移动距离 */ private float movedDistanceY; /** * 记录图片在矩阵上的横向偏移&#; */ private float totalTranslateX; /** * 记录图片在矩阵上的纵向偏移&#; */ private float totalTranslateY; /** * 记录图片在矩阵上的总缩放比例 */ private float totalRatio; /** * 记录手指移动的距离所造成的缩放比例 */ private float scaledRatio; /** * 记录图片初始化时的缩放比例 */ private float initRatio; /** * 记录上次两指之间的距离 */ private double lastFingerDis; /** * ZoomImageView构造函数,将当前操作状态设为STATUS_INIT。 * * @param context * @param attrs */ public ZoomImageView(Context context, AttributeSet attrs) { super(context, attrs); currentStatus = STATUS_INIT; } /** * 将待展示的图片设置进来。 * * @param bitmap * 待展示的Bitmap对象 */ public void setImageBitmap(Bitmap bitmap) { sourceBitmap = bitmap; invalidate(); } @Override protected void onLayout(boolean changed, int left, int top, int right, int bottom) { super.onLayout(changed, left, top, right, bottom); if (changed) { // 分别获取到ZoomImageView的宽度和高度 width = getWidth(); height = getHeight(); } } @Override public boolean onTouchEvent(MotionEvent event) { switch (event.getActionMasked()) { case MotionEvent.ACTION_POINTER_DOWN: if (event.getPointerCount() == 2) { // 当有两个手指按在屏幕上时,计算两指之间的距离 lastFingerDis = distanceBetweenFingers(event); } break; case MotionEvent.ACTION_MOVE: if (event.getPointerCount() == 1) { // 只有单指按在屏幕上移动时,为拖动状态 float xMove = event.getX(); float yMove = event.getY(); if (lastXMove == -1 && lastYMove == -1) { lastXMove = xMove; lastYMove = yMove; } currentStatus = STATUS_MOVE; movedDistanceX = xMove - lastXMove; movedDistanceY = yMove - lastYMove; // 进行边界检查,不允许将图片拖出边界 if (totalTranslateX &#; movedDistanceX > 0) { movedDistanceX = 0; } else if (width - (totalTranslateX &#; movedDistanceX) > currentBitmapWidth) { movedDistanceX = 0; } if (totalTranslateY &#; movedDistanceY > 0) { movedDistanceY = 0; } else if (height - (totalTranslateY &#; movedDistanceY) > currentBitmapHeight) { movedDistanceY = 0; } // 调用onDraw()方法绘制图片 invalidate(); lastXMove = xMove; lastYMove = yMove; } else if (event.getPointerCount() == 2) { // 有两个手指按在屏幕上移动时,为缩放状态 centerPointBetweenFingers(event); double fingerDis = distanceBetweenFingers(event); if (fingerDis > lastFingerDis) { currentStatus = STATUS_ZOOM_OUT; } else { currentStatus = STATUS_ZOOM_IN; } // 进行缩放倍数检查,最大只允许将图片放大4倍,最小可以缩小到初始化比例 if ((currentStatus == STATUS_ZOOM_OUT && totalRatio < 4 * initRatio) || (currentStatus == STATUS_ZOOM_IN && totalRatio > initRatio)) { scaledRatio = (float) (fingerDis / lastFingerDis); totalRatio = totalRatio * scaledRatio; if (totalRatio > 4 * initRatio) { totalRatio = 4 * initRatio; } else if (totalRatio < initRatio) { totalRatio = initRatio; } // 调用onDraw()方法绘制图片 invalidate(); lastFingerDis = fingerDis; } } break; case MotionEvent.ACTION_POINTER_UP: if (event.getPointerCount() == 2) { // 手指离开屏幕时将临时&#;还原 lastXMove = -1; lastYMove = -1; } break; case MotionEvent.ACTION_UP: // 手指离开屏幕时将临时&#;还原 lastXMove = -1; lastYMove = -1; break; default: break; } return true; } /** * 根据currentStatus的&#;来决定对图片进行什么样的绘制操作。 */ @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); switch (currentStatus) { case STATUS_ZOOM_OUT: case STATUS_ZOOM_IN: zoom(canvas); break; case STATUS_MOVE: move(canvas); break; case STATUS_INIT: initBitmap(canvas); default: canvas.drawBitmap(sourceBitmap, matrix, null); break; } } /** * 对图片进行缩放处理。 * * @param canvas */ private void zoom(Canvas canvas) { matrix.reset(); // 将图片按总缩放比例进行缩放 matrix.postScale(totalRatio, totalRatio); float scaledWidth = sourceBitmap.getWidth() * totalRatio; float scaledHeight = sourceBitmap.getHeight() * totalRatio; float translateX = 0f; float translateY = 0f; // 如果当前图片宽度小于屏幕宽度,则按屏幕中心的横坐标进行水平缩放。否则按两指的中心点的横坐标进行水平缩放 if (currentBitmapWidth < width) { translateX = (width - scaledWidth) / 2f; } else { translateX = totalTranslateX * scaledRatio &#; centerPointX * (1 - scaledRatio); // 进行边界检查,保证图片缩放后在水平方向上不会偏移出屏幕 if (translateX > 0) { translateX = 0; } else if (width - translateX > scaledWidth) { translateX = width - scaledWidth; } } // 如果当前图片高度小于屏幕高度,则按屏幕中心的纵坐标进行垂直缩放。否则按两指的中心点的纵坐标进行垂直缩放 if (currentBitmapHeight < height) { translateY = (height - scaledHeight) / 2f; } else { translateY = totalTranslateY * scaledRatio &#; centerPointY * (1 - scaledRatio); // 进行边界检查,保证图片缩放后在垂直方向上不会偏移出屏幕 if (translateY > 0) { translateY = 0; } else if (height - translateY > scaledHeight) { translateY = height - scaledHeight; } } // 缩放后对图片进行偏移,以保证缩放后中心点位置不变 matrix.postTranslate(translateX, translateY); totalTranslateX = translateX; totalTranslateY = translateY; currentBitmapWidth = scaledWidth; currentBitmapHeight = scaledHeight; canvas.drawBitmap(sourceBitmap, matrix, null); } /** * 对图片进行平移处理 * * @param canvas */ private void move(Canvas canvas) { matrix.reset(); // 根据手指移动的距离计算出总偏移&#; float translateX = totalTranslateX &#; movedDistanceX; float translateY = totalTranslateY &#; movedDistanceY; // 先按照已有的缩放比例对图片进行缩放 matrix.postScale(totalRatio, totalRatio); // 再根据移动距离进行偏移 matrix.postTranslate(translateX, translateY); totalTranslateX = translateX; totalTranslateY = translateY; canvas.drawBitmap(sourceBitmap, matrix, null); } /** * 对图片进行初始化操作,包括让图片居中,以及当图片大于屏幕宽高时对图片进行压缩。 * * @param canvas */ private void initBitmap(Canvas canvas) { if (sourceBitmap != null) { matrix.reset(); int bitmapWidth = sourceBitmap.getWidth(); int bitmapHeight = sourceBitmap.getHeight(); if (bitmapWidth > width || bitmapHeight > height) { if (bitmapWidth - width > bitmapHeight - height) { // 当图片宽度大于屏幕宽度时,将图片等比例压缩,使它可以完全显示出来 float ratio = width / (bitmapWidth * 1.0f); matrix.postScale(ratio, ratio); float translateY = (height - (bitmapHeight * ratio)) / 2f; // 在纵坐标方向上进行偏移,以保证图片居中显示 matrix.postTranslate(0, translateY); totalTranslateY = translateY; totalRatio = initRatio = ratio; } else { // 当图片高度大于屏幕高度时,将图片等比例压缩,使它可以完全显示出来 float ratio = height / (bitmapHeight * 1.0f); matrix.postScale(ratio, ratio); float translateX = (width - (bitmapWidth * ratio)) / 2f; // 在横坐标方向上进行偏移,以保证图片居中显示 matrix.postTranslate(translateX, 0); totalTranslateX = translateX; totalRatio = initRatio = ratio; } currentBitmapWidth = bitmapWidth * initRatio; currentBitmapHeight = bitmapHeight * initRatio; } else { // 当图片的宽高都小于屏幕宽高时,直接让图片居中显示 float translateX = (width - sourceBitmap.getWidth()) / 2f; float translateY = (height - sourceBitmap.getHeight()) / 2f; matrix.postTranslate(translateX, translateY); totalTranslateX = translateX; totalTranslateY = translateY; totalRatio = initRatio = 1f; currentBitmapWidth = bitmapWidth; currentBitmapHeight = bitmapHeight; } canvas.drawBitmap(sourceBitmap, matrix, null); } } /** * 计算两个手指之间的距离。 * * @param event * @return 两个手指之间的距离 */ private double distanceBetweenFingers(MotionEvent event) { float disX = Math.abs(event.getX(0) - event.getX(1)); float disY = Math.abs(event.getY(0) - event.getY(1)); return Math.sqrt(disX * disX &#; disY * disY); } /** * 计算两个手指之间中心点的坐标。 * * @param event */ private void centerPointBetweenFingers(MotionEvent event) { float xPoint0 = event.getX(0); float yPoint0 = event.getY(0); float xPoint1 = event.getX(1); float yPoint1 = event.getY(1); centerPointX = (xPoint0 &#; xPoint1) / 2; centerPointY = (yPoint0 &#; yPoint1) / 2; } }

由于这个类是整个多点触控缩放功能最核心的一个类,我在这里给大家详细的讲解一下。首先在ZoomImageView里我们定义了四种状态,STATUS_INIT、STATUS_ZOOM_OUT、STATUS_ZOOM_IN和STATUS_MOVE,这四个状态分别代表初始化、放大、缩小和移动这几个动作,然后在构造函数里我们将当前状态置为初始化状态。接着我们可以调用setImageBitmap()方法把要显示的图片对象传进去,这个方法会invalidate一下当前的View,因此onDraw()方法就会得到执行。然后在onDraw()方法里判断出当前的状态是初始化状态,所以就会调用initBitmap()方法进行初始化操作。

那我们就来看一下initBitmap()方法,在这个方法中首先对图片的大小进行了判断,如果图片的宽和高都是小于屏幕的宽和高的,则直接将这张图片进行偏移,让它能够居中显示在屏幕上。如果图片的宽度大于屏幕的宽度,或者图片的高度大于屏幕的高度,则将图片进行等比例压缩,让图片的的宽或高正好等同于屏幕的宽或高,保证在初始化状态下图片一定能完整地显示出来。这里所有的偏移和缩放操作都是通过矩阵来完成的,我们把要缩放和偏移的&#;都存放在矩阵中,然后在绘制图片的时候传入这个矩阵对象就可以了。

图片初始化完成之后,就可以对图片进行缩放处理了。这里在onTouchEvent()方法来对点击事件进行判断,如果发现有两个手指同时按在屏幕上(使用event.getPointerCount()判断)就将当前状态置为缩放状态,并调用distanceBetweenFingers()来得到两指之间的距离,以计算出缩放比例。然后invalidate一下,就会在onDraw()方法中就会调用zoom()方法。之后就在这个方法里根据当前的缩放比例以及中心点的位置对图片进行缩放和偏移,具体的逻辑大家请仔细阅读代码,注释已经写得非常清楚。

Android多点触控技术实战,自由地对图片进行缩放和移动(安卓多点触屏在哪里设置)

然后当只有一个手指按在屏幕上时,就把当前状态置为移动状态,之后会对手指的移动距离进行计算,并处理了边界检查的工作,以防止图片偏移出屏幕。然后invalidate一下当前的view,又会进入到onDraw()方法中,这里判断出当前是移动状态,于是会调用move()方法。move()方法中的代码非常简单,就是根据手指移动的距离对图片进行偏移就可以了。

介绍完了ZoomImageView,然后我们新建一个布局image_details.xml,在布局中直接引用创建好的ZoomImageView:

[html] view plaincopy<?xml version="1.0" encoding="utf-8"?> <com.example.photowallfallsdemo.ZoomImageView xmlns:android=" android:id="@&#;id/zoom_image_view" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#" > </com.example.photowallfallsdemo.ZoomImageView> 接着创建一个Activity,在这个Activity中来加载image_details布局。新建ImageDetailsActivity,代码如下所示:[java] view plaincopypublic class ImageDetailsActivity extends Activity { private ZoomImageView zoomImageView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.image_details); zoomImageView = (ZoomImageView) findViewById(R.id.zoom_image_view); String imagePath = getIntent().getStringExtra("image_path"); Bitmap bitmap = BitmapFactory.decodeFile(imagePath); zoomImageView.setImageBitmap(bitmap); } } 可以看到,首先我们获取到了ZoomImageView的实例,然后又通过Intent得到了需要展示的图片路径,接着使用BitmapFactory将路径下的图片加载到内存中,然后调用ZoomImageView的setImageBitmap()方法将图片传入,就可以让这张图片展示出来了。

接下来我们需要考虑的,就是如何在照片墙上给图片增加点击事件,让它能够启动ImageDetailsActivity了。其实这也很简单,只需要在动态添加图片的时候给每个ImageView的实例注册一下点击事件就好了,修改MyScrollView中addImage()方法的代码,如下所示:

[java] view plaincopyprivate void addImage(Bitmap bitmap, int imageWidth, int imageHeight) { LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(imageWidth, imageHeight); if (mImageView != null) { mImageView.setImageBitmap(bitmap); } else { ImageView imageView = new ImageView(getContext()); imageView.setLayoutParams(params); imageView.setImageBitmap(bitmap); imageView.setScaleType(ScaleType.FIT_XY); imageView.setPadding(5, 5, 5, 5); imageView.setTag(R.string.image_url, mImageUrl); imageView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(getContext(), ImageDetailsActivity.class); intent.putExtra("image_path", getImagePath(mImageUrl)); getContext().startActivity(intent); } }); findColumnToAdd(imageView, imageHeight).addView(imageView); imageViewList.add(imageView); } } 可以看到,这里我们调用了ImageView的setOnClickListener()方法来给图片增加点击事件,当用户点击了照片墙中的任意图片时,就会启动ImageDetailsActivity,并将图片的路径传递过去。

由于我们添加了一个新的Activity,别忘了在AndroidManifest.xml文件里注册一下:

[html] view plaincopy<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android=" package="com.example.photowallfallsdemo" android:versionCode="1" android:versionName="1.0" > <uses-sdk android:minSdkVersion="" android:targetSdkVersion="" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.INTERNET" /> <application android:allowBackup="true" android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name="com.example.photowallfallsdemo.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name="com.example.photowallfallsdemo.ImageDetailsActivity" > </activity> </application> </manifest> 这样所有的编码工作就已经完成了,现在我们运行一下程序,又会看到熟悉的照片墙界面,点击任意一张图片会进入到相应的大图界面,并且可以通过多点触控的方式对图片进行缩放,放大后还可以通过单指来移动图片,如下图所示。

好了,今天的讲解到此结束,有疑问的朋友请在下面留言。

源码下载,请点击这里

Android中图片适配屏幕问题 近日在学习美化android应用的界面,在做APP启动画面时遇到这种情况:自己很喜欢的一张图跟手机屏幕分辨率不统一!!多么痛苦的一件事!于是网上各

android之存储篇_SQLite数据库_让你彻底学会SQLite的使用 SQLite最大的特点是你可以把各种类型的数据保存到任何字段中,而不用关心字段声明的数据类型是什么。例如:可以在Integer类型的字段中存放字符串,

Android的材料设计兼容库(Design Support Library) 原文链接:

标签: 安卓多点触屏在哪里设置

本文链接地址:https://www.jiuchutong.com/biancheng/386725.html 转载请保留说明!

上一篇:五十八 后记 我在软件园的那些日子里 第一部《职场的温柔》(五十八二)

下一篇:Android中图片适配屏幕问题(android图片适配方法)

  • 资产负债表不平衡如何查找
  • 注册500万公司实缴多少钱
  • 返点的保险费应计入哪里
  • 个体工商户怎么变更法人
  • 专票当普票用,发票勾选怎么操作
  • 实收资本记账凭证摘要怎么写
  • 团建费用会计怎么写记账凭证
  • 出差车费报销申请怎么写
  • 建筑工程外地预交税款后完工怎么办
  • 进项抵扣怎么操作
  • 购买资产佣金应该怎么算
  • 个人转到公司账上的钱能开发票吗
  • 坏账准备如何计提计算
  • 企业经营者试行什么制度
  • 一般纳税人的兼职合法吗
  • 提供建筑服务应在发票备注栏注明
  • 人力资源公司差额开票
  • 纳税退税申请表的基本情况如何写
  • 利息支出应计入
  • 咨询公司怎么交社保
  • 小规模可以不报增值税吗
  • 事业单位在建工程转固定资产的账务处理
  • 销售合作分成会计分录
  • 撤销权之诉需要哪些证据
  • 汽车销售公司购买车辆会计科目
  • 证券权益包括哪些内容
  • ati2sgag.exe进程安全吗 ati2sgag进程信息查询
  • 同业代付融资
  • 非居民企业股权转让特殊性税务处理
  • 办公室装修费怎么入账
  • 增值税附加税的税率
  • 网络安全技术
  • 企业所得税是填本年累计数吗
  • read命令 linux
  • 理财产品利息计算方法
  • 什么情况下开劳务费发票
  • 财务费用包括什么利息
  • 帝国CMS根据不同会员组显示不同内容的方法
  • PostgreSQL教程(十二):角色和权限管理介绍
  • 进出口货物收发货人报关注册登记证书
  • 小规模纳税人出租不动产免征增值税
  • 存货跌价准备确认损失分录
  • 公共电话亭的话费怎么算
  • 还借款收据怎么写
  • 风险纳税人去税务局去报税可以吗
  • 什么是代扣代缴税收缴款凭证
  • 哪些凭证是有效凭证
  • 公司是生产企业现在要开出租赁的发票可以开吗
  • 六大类科目的借贷口诀余额怎么填
  • 为什么贷款要收手续费
  • 金蝶软件版本号有哪些
  • 进项税额抵扣是按税率分开抵扣吗
  • 个体工商户的公章丢了怎么办
  • 应付票据含税吗
  • win7咋样
  • fix it club
  • 电脑连接宽带时出错怎么办
  • bootcamp安装windows一直小白杠
  • windows xp怎么设置桌面
  • linux里vim常用命令
  • linux各种命令
  • win7系统c盘占用空间大
  • linux中argv
  • eval()函数python
  • javascript例子
  • css新闻页面制作
  • 备份多个数据库
  • batch批处理
  • shell脚本 -mtime
  • unity3d怎么做动画
  • jQuery插件在使用前都需要引入jQuery的js文件
  • 怎样用在js中使用css的内容
  • 原生js常用的方法
  • jquery日期控件onchange事件
  • jquery自带的弹出框
  • 国家税务局网发票查验
  • 申报税务登记日期怎么填
  • 骗取国家出口退税罪
  • 税务稽查立案标准金额
  • 异辛烷征收消费税2023
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设