收藏官网首页
查看: 6621|回复: 0

体验非常好的Android图片手势放大控件

45

主题

92

帖子

507

积分

高级会员

Rank: 4

积分
507
发表于 2016-9-26 10:13:29 | 显示全部楼层 |阅读模式
校园创客福利
项目地址:https://github.com/boycy815/PinchImageView


手势

单指滑动
单指滑动惯性
滑动触及边界停止
双击放大缩小
双击放大时双击点会尽量移动到控件中心
双手指手势放大缩小
缩放模式下可以移动图片
缩放模式下图片允许移动到边界之外
缩放模式下允许图片放大缩小超过边界尺寸
缩放模式下屏幕上有多于2个手指并且按照任意顺序抬起放下均不会引起错乱和不平滑
缩放模式下最后一个手指抬起如果图片处于边界之外或者尺寸过大过小会使用动画回弹到最接近的正确位置
回弹动画过程中允许立即通过手势进入缩放模式并且保持平滑

显示

允许显示任何ImageView能显示的内容,使用ImageView相同的api设置显示内容
允许任何情况下(包括手势进行中,动画进行中)替换显示内容(例如将低清图换成高清图),并且保持当前的缩放尺寸
允许设置矩形遮罩

扩展性

允许设置click,长按事件
允许设置图片大小位置变化的事件监听
允许获得图片当前变换过后的大小以及位置
允许获得PinchImageView当前的手势状态
允许通过api为图片执行缩放移动动画
允许通过api为图片遮罩执行移动缩放动画
允许通过override设置图片的最大放大尺寸
允许通过override设置图片双击之后要放大或缩小到的比例

Quick start

1) 将PinchImageView.java复制到项目中

2) 在布局文件中添加如下代码,它已经能显示一张资源中的图片了:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.boycy815.pinchimageview.PinchImageView
        android:id="@+id/pic"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/my_pic"/>
</RelativeLayout>

2) 接下来你可以直接把它作为ImageView取出来使用:

//作为ImageView取出来
ImageView imageView = (ImageView)findViewById(R.id.pic);
//可以使用任何ImageView支持的方式设置图片
imageView.setImageResource(R.drawable.my_pic);
//or...
imageView.setImageBitmap(bitmap);
//or...
imageView.setImageDrawable(drawable);
//or 你还能使用第三方图片加载库加载图片,如ImageLoader
imageLoader.displayImage("http://host.com/my_pic.jpg", imageView);
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

加入Q群 返回顶部

版权与免责声明 © 2006-2024 Gizwits IoT Technology Co., Ltd. ( 粤ICP备11090211号 )

快速回复 返回顶部 返回列表