Android单手指控制图片的缩放及旋转

2024-06-01 06:18

本文主要是介绍Android单手指控制图片的缩放及旋转,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章参考:
https://github.com/ryanch741/android-view-rotate-zoom-single-finger
http://stackoverflow.com/questions/5256421/how-to-perform-zoom-in-out-rotation-together-in-android

因为项目需要用到单手控制图片的放大缩小以及旋转,所以便google,找到了答案,参考第二个网址,然后下载了第一个网址中的例子,发现完美实现了这个功能,可以单手实现ImageView的缩放以及旋转,但是项目中需要在原来图片的左上角还放置一个删除图标,用来删除这个ImageView,所以便在这个demo的基础上改动了程序以符合项目的需要。
对照着参考地址1中的代码,修改如下:

1、添加删除按钮。

添加删除按钮的时候注意,这个删除按钮的位置和旋转缩放按钮(简称为控制按钮)的位置一致,即android:layout_gravity=“top|left”,不必操心这个删除按钮的位置和控制按钮的位置重合,这个在代码中还要调整。

2、调整这个按钮的位置。

  • 第一步,为删除按钮添加背景,以及获取到这个背景的大小,以方便后面一步设置它的位置:
Bitmap deleteImageBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.highlight_delete);
this.mDeleteImageHeight = deleteImageBitmap.getHeight();
this.mDeleteImageWidth = deleteImageBitmap.getWidth();
  • 第二步,设置删除按钮的位置,代码如下:
FrameLayout.LayoutParams deleteViewLP = (FrameLayout.LayoutParams) mDeleteView.getLayoutParams();
deleteViewLP.width = (int) mDeleteImageWidth;
deleteViewLP.height = (int) mDeleteImageHeight;
deleteViewLP.leftMargin = (int) (viewLP.leftMargin - mDeleteImageWidth / 2);
deleteViewLP.topMargin = (int) (viewLP.topMargin - mDeleteImageHeight / 2);
mDeleteView.setLayoutParams(deleteViewLP);

这里的viewLp是ImageView的界面属性即LayoutParams,这个删除按钮向左偏移的位置 = ImageView向左偏移的位置 - 删除按钮的宽度的二分之一,这样保证了删除按钮宽度的一半是在ImageView上,删除按钮向下偏移的位置 = ImageView向下偏移的位置 = 删除按钮高度的二分之一,这样保证了删除按钮高度的一半是在Imageview上,这样最后效果就是看起来imageView的左上角一点是删除按钮。注意这一步是没有旋转按钮时候删除按钮的位置,当ImageView旋转的时候,删除按钮是没有动的。

  • 第三步,可以试一下单个手指移动一下ImageView的位置,发现删除按钮的位置并没有移动,为了使删除按钮跟随ImageView一起移动,在ViewOnTouchListener文件中设置删除按钮的位置,因为这个监听事件就是监听ImageView的点击事件,具体代码如下:
代码一(MotionEvent.ACTION_DOWN):
deletePoint = getRawPoint(event);
lastDeleteBtnLeft = deleteBtnLP.leftMargin;
lastDeleteBtnTop = deleteBtnLP.topMargin;
代码二(MotionEvent.ACTION_MOVE):
Point newPoint = getRawPoint(event);
float moveX = newPoint.x - pushPoint.x;
float moveY = newPoint.y - pushPoint.y;
代码三(MotionEvent.ACTION_MOVE):
deleteBtnLP.leftMargin = (int) (lastDeleteBtnLeft + moveX);
deleteBtnLP.topMargin = (int) (lastDeleteBtnTop + moveY);
mDeleteView.setLayoutParams(deleteBtnLP);

每一次手指按下的时候都要记住删除按钮所在的位置,每一次ImageView移动的时候都要随之刷新删除按钮的位置,原理是根据控制按钮左右移动的距离等于整个可动界面移动的距离,所以跟操作按钮采取相同的处理就行了。这样一来就可以让删除按钮跟随着ImageView移动了。

  • 第四步、此时如果旋转ImageView发现删除按钮根本没有转动,因为还没有在push_view的监听事件中处理删除按钮的旋转,在PushBtnTouchListener文件中处理删除按钮的旋转,原理是当ImageView转动一个角度的时候,控制按钮会相应的相对原来的位置发生改变,这个改变在源码中是体现在android:margin_left和android:margin_top上,同样的道理删除按钮随着旋转位置发生改变也是这样来设置。 代码如下 (MotionEvent.ACTION_MOVE):
pushBtnLP.leftMargin = (int) (anglePoint.x - pushImgWidth / 2);
pushBtnLP.topMargin = (int) (anglePoint.y - pushImgHeight / 2);
pushView.setLayoutParams(pushBtnLP);           int deltaLeft = pushBtnLP.leftMargin - lastPushBtnLeft;
int deltaTop = pushBtnLP.topMargin - lastPushBtnTop;deleteImgLP.leftMargin = lastDeleteBtnLeft - deltaLeft;
deleteImgLP.topMargin = lastDeleteBtnTop - deltaTop;
mDeleteView.setLayoutParams(deleteImgLP);

第四五行代码的意思是将控制按钮当前距离左边的位置减去上次距离左边的距离就等于向左移动的距离差,同理对于距离顶部的位置也是这样计算的。对于删除按钮呢?因为删除按钮的位置跟控制按钮的位置是在对角线上,我们用删除按钮上次左边界和上边界的位置减去控制按钮移动的距离差(这个距离差对于控制按钮和删除按钮是相等的)就得到了删除按钮的位置,具体就是控制按钮向左移动,删除按钮就要减去这个距离差(deltaLeft ),向右移动就要加上这个距离差;控制按钮向上移动,删除按钮就要减去这个距离差(deltaTop ),向下移动就要加上这个距离差(这个距离差可正可负)。

然后为这个删除按钮添加点击事件就可以实现删除的功能了。

最后项目希望可以单手控制TextView控件和文字一起缩放,此时除了要将原来的ImageView换成TextView之外还要在PushBtnTouchListener文件中动态的设置文字的大小,具体如下(MotionEvent.ACTION_MOVE):

Point O = mViewCenter, A = pushPoint, B = getPushPoint(pushBtnLP, event);
float dOA = getDistance(O, A);
float dOB = getDistance(O, B);
float f = dOB / dOA;float textViewSize = lastTextSize * f;
if(currentTextView != null){currentTextView.setTextSize(textViewSize);
}

这里的f按照源码的意思是这个控制按钮移动距离的比率,及按钮下一次按下距离与上一次按下的距离之比,其中这个getDistance是根据勾股定理q求出了两个坐标点之间的位移,f就是前后两次的位移之比,由此可以控制控件以及文字的缩放率。

这篇关于Android单手指控制图片的缩放及旋转的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1020204

相关文章

Spring Security 基于表达式的权限控制

前言 spring security 3.0已经可以使用spring el表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。 常见的表达式 Spring Security可用表达式对象的基类是SecurityExpressionRoot。 表达式描述hasRole([role])用户拥有制定的角色时返回true (Spring security默认会带有ROLE_前缀),去

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸(两张壁纸可不一致)

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸: 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  (注意不能是bmp格式) 替换默认锁屏壁纸: 将图片资源放入vendo

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

poj 2187 凸包or旋转qia壳法

题意: 给n(50000)个点,求这些点与点之间距离最大的距离。 解析: 先求凸包然后暴力。 或者旋转卡壳大法。 代码: #include <iostream>#include <cstdio>#include <cstdlib>#include <algorithm>#include <cstring>#include <cmath>#include <s

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库,所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包,存

从状态管理到性能优化:全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

android应用中res目录说明

Android应用的res目录是一个特殊的项目,该项目里存放了Android应用所用的全部资源,包括图片、字符串、颜色、尺寸、样式等,类似于web开发中的public目录,js、css、image、style。。。。 Android按照约定,将不同的资源放在不同的文件夹中,这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小,以视图的内容或尺寸为基础的布局,比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样,从字面上的意思match_parent更贴切一些,于是从2.2开始,两个属性都可以使用,但2.3版本以后的建议使