OC_图片放大缩小_移动手势综合
2015-07-20 17:34
204 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/iOS_And_Swift/article/details/46971485
1.创建UIImageView打开交互
UIImageView * imageV= [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, kScreen idth, kScreenHeight)]; imageV.contentMode = UIViewContentModeScaleAspectFit ;//UIView的填充模式 imageV.userInteractionEnabled = YES ;//打开交互 //手势 UIPinchGestureRecognizer * pin =[[UIPinchGestureRecognizer alloc]initWithTarget:self action:@selector(scaleImage:)]; [imageV addGestureRecognizer:pin];
2.实现放大缩小scaleImage函数
-(void)scaleImage:(UIPinchGestureRecognizer *)sender{ CGFloat value; if (sender.state == UIGestureRecognizerStateEnded) { _lastScale = 1.0 ;//在手势结束时候 要重置为1.0的,否则下次变化会大小突变 [UIView animateWithDuration:0.25 animations:^{ // sender.view.frame = CGRectMake(kScreenWidth * sender.view.tag, 0, kScreenWidth, kScreenHeight); }]; return ; } else if(sender.state == UIGestureRecognizerStateChanged) { double scaleValue = 1.0 + sender.scale - _lastScale; ; value = scaleValue ; CGAffineTransform treans = (sender.view.transform); CGAffineTransform transNew =CGAffineTransformScale( treans, value, value); sender.view.transform = transNew ; _lastScale = sender.scale ; // NSLog(@"value:%f now:%f last:%f",sender.scale,scaleValue,_lastScale); } // UIScrollView * superView =(UIScrollView*) sender.view.superview; // superView.contentSize= CGSizeMake(getWidth(sender.view.frame), getHeight(sender.view.frame)); }
3.拖动
UIPanGestureRecognizer * pan =[[UIPanGestureRecognizer alloc]initWithTarget:self action:@selector(pan:)]; [imageV addGestureRecognizer:pan];
4.拖动实现
-(void)pan:(UIPanGestureRecognizer *)sender{ CGPoint location = [sender translationInView:sender.view]; sender.view.transform = CGAffineTransformTranslate(sender.view.transform ,location.x , location.y); [sender setTranslation:CGPointZero inView:sender.view]; }
Demo地址
里边有可以直接用的类似微信的图片点击效果,可以看看。
相关文章推荐
- Javascript实现图片的移动,图片的放大,图片缩小功能
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- android Matrix图片手势放大缩小,拖动
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- 安卓开发中的手势操作监听1双击2.滑动关闭Activity 3.放大缩小图片等手势操作,
- 图片随手势放大缩小PhotoView的使用
- iOS开发——手势识别器(用手势实现图片旋转和缩小放大)
- 属性动画图片从上移动到屏幕中间,放大图片的二倍再缩小到原来,自定义圆实现倒计时,解析数据显示,点击条目实现js交互
- android 自定义ImageView实现图片手势滑动,多点触摸放大缩小效果
- 自定义ImageView实现图片手势滑动、放大缩小效果
- 可以通过手势放大缩小图片的TouchImageView
- android 图片的 放大 缩小 移动
- PhotoView手势放大缩小移动
- Canvas实现图片裁剪、移动、放大缩小以及图片的合成
- [js/jquery]移动端手势拖动,放大,缩小预览图片
- JS网页图片查看器-可控制图片放大缩小还原移动效果
- ViewPager图片预览之图片的放大缩小,移动,切换(第一课)连载
- 属性动画图片从上移动到屏幕中间,放大图片的二倍再缩小到原来,自定义圆实现倒计时,解析数据显示,点击条目实现js交互