自定义View简单实现图片的手指移动和两指缩放
发布日期:2021-06-29 11:46:13
浏览次数:2
分类:技术文章
本文共 4011 字,大约阅读时间需要 13 分钟。
先看效果图:
直接上源码:
- 自定义View类
public class MyView extends View { private Matrix matrix; private Bitmap bitmap; private Paint paint; private float currentX,currentY; //当前手指所在屏幕的位置坐标 private double pointerDistance=-1; //两指间的距离 private boolean isScaling=false; //是否正在缩放,用来区分位移和缩放的行为 private float imgScale=1; //图片要缩放的比例 public MyView(Context context) { super(context); init(); } public MyView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); init(); } public MyView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); matrix.reset(); //参数1:宽度缩放比;参数2:高度缩放比;参数3:旋转中心点的x点值;参数4:旋转中心点的y点值 //这里是等比例缩放,并将中心点设为图片中心 matrix.postScale(imgScale,imgScale,currentX-(bitmap.getWidth()*imgScale)/2,currentY-(bitmap.getHeight()*imgScale)/2); canvas.save(); canvas.concat(matrix); //参数1:位图;参数2:图片左上角点的x点值;参数3:图片左上角点的y点值 //这里设置为图片在屏幕中心 canvas.drawBitmap(bitmap,currentX-(bitmap.getWidth()*imgScale)/2,currentY-(bitmap.getHeight()*imgScale)/2,paint); canvas.restore(); } private void init(){ //初始化控件 matrix=new Matrix(); bitmap= BitmapFactory.decodeResource(getResources(),R.mipmap.avatar); //设置图片 paint=new Paint(); currentX=Constants.SCREEN_WIDTH/2; currentY=Constants.SCREEN_HEIGHT/2; } @Override public boolean onTouchEvent(MotionEvent event) { float x=event.getX(); float y=event.getY(); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: pointerDistance=-1; break; case MotionEvent.ACTION_MOVE: if(event.getPointerCount()==2) { //是否是两个手指在按屏幕 isScaling=true; if(touchBitmap(x,y)){ //是否手指处在图片内部 float x1=event.getX(1); float y1=event.getY(1); double distance=Math.sqrt((x-x1)*(x-x1)+(y-y1)*(y-y1)); if(pointerDistance>0) { setImgScale((float) (distance / pointerDistance));//设置缩放比例 } pointerDistance=distance; } }else{ //单指 if(!isScaling && touchBitmap(x,y)){ //不在缩放图片 并且 手指处在图片内部 currentX=x; currentY=y; invalidate(); } } break; case MotionEvent.ACTION_UP: isScaling=false; break; } return true; } public void initPosition(int width,int height){ //设置初始时的View中心点位置 currentX=width; currentY=height; } private boolean touchBitmap(float x,float y){ //是否手指处在图片内部 return x>=currentX-(bitmap.getWidth()*imgScale)/2&&x<=currentX+(bitmap.getWidth()*imgScale)/2 &&y>=currentY-(bitmap.getHeight()*imgScale)/2&&y<=currentY+(bitmap.getHeight()*imgScale)/2; } private void setImgScale(float scale){ //设置缩放比例 imgScale=imgScale*scale; invalidate(); }}
- 在MainActivity中的使用
public class MainActivity extends AppCompatActivity { private MyView myView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initWindow(); initView(); } private void initView(){ myView=findViewById(R.id.myview); //设置View的中心点位置 myView.initPosition(Constants.SCREEN_WIDTH/2,Constants.SCREEN_HEIGHT/2); } private void initWindow(){ //获取屏幕尺寸 Display display=getWindowManager().getDefaultDisplay(); Constants.SCREEN_WIDTH=display.getWidth(); Constants.SCREEN_HEIGHT=display.getHeight(); }}
- 最后是布局文件
转载地址:https://blog.csdn.net/zz51233273/article/details/107203730 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
能坚持,总会有不一样的收获!
[***.219.124.196]2024年04月09日 09时02分42秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
MySQL对已存在数据库表添加自增ID字段
2019-04-29
idea中的一些常用快捷键
2019-04-29
js校验表单后提交表单的三种方法总结【转载】
2019-04-29
欢迎使用CSDN-markdown编辑器
2019-04-29
a标签中href调用js的几种方法
2019-04-29
jstl标签详解
2019-04-29
Eclipse中使用SVN的使用
2019-04-29
JSON.parse和eval的区别
2019-04-29
JQuery中$.ajax()方法参数详解
2019-04-29
正则表达式的数字实例
2019-04-29
OGNL表达式struts2标签“%,#,$”的区别
2019-04-29
struts2中<s:if>标签的使用
2019-04-29
js 刷新页面window.location.reload();
2019-04-29
【转】EasyUI 验证
2019-04-29
java开发时内存溢出问题
2019-04-29
【easyui】combobox 关于省市联动
2019-04-29
设置csdn皮肤方法,更改自己喜欢的老版皮肤
2019-04-29