当前位置:   article > 正文

iOS开发-ScrollView图片缩放

ios 设置scrollview缩放

智能手机一般常用常用的操作触摸,滑动,缩放,感觉对于生活而言就是手机在手,天下我有,看网页的时候字体太小,缩放一下,看美女的看的不爽,缩放一下,地图看的不清,缩放一下。缩放是一个很常见的操作,不论是从生活还是写程序而言,都是一个绕不开的东西,做了一个Demo,缩放一下美女,熟悉ScrollView中的常见属性的设置,开始正题吧。

常见属性

先看图,要实现的效果:

  

1
2
3
4
5
6
7
UIImage *image=[UIImage imageNamed:@ "girl0.jpg" ];
 
_imageView=[[UIImageView alloc] initWithImage:image];
 
[_scrollView addSubview:_imageView];
//设置ScrollView和image是一样的大小
[_scrollView setContentSize:image.size];

 可以设置ScrollView的初始位置和大小:

1
2
//CGRect枚举一个矩形,然后设置imageView的位置
[_imageView setFrame:CGRectMake(0, 0, 100, 100)];

设置边界区域:

1
2
//设置边界区域
[_scrollView setContentInset:UIEdgeInsetsMake(20, 20.0, 20.0, 20.0)];

 上下左右移动调用哪个同意IBAction,通过Tag区分(之前文章有介绍),移动就是控制坐标,IOS中左上角是0,X轴向右自增,Y轴向下自增:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
UIButton *button=(UIButton *)sender;
CGPoint currentPoint= self .scrollView.contentOffset;
switch  (button.tag) {
     case  0:
         currentPoint.y-=50;
         break ;
     case  1:
         currentPoint.y+=50;
         break ;
     case  2:
         currentPoint.x-=50;
         break ;
     case  3:
         currentPoint.x+=50;
         break ;
     default :
         break ;
}
//横轴的边界值
if  (currentPoint.x<0) {
     currentPoint.x=0;
} else  if  (currentPoint.x>_scrollView.contentSize.width-_scrollView.bounds.size.width){
     currentPoint.x=_scrollView.contentSize.width-_scrollView.bounds.size.width;
}
 
//纵轴的边界值
if  (currentPoint.y<0) {
     currentPoint.y=0;
} else  if  (currentPoint.y>_scrollView.contentSize.height-_scrollView.bounds.size.height){
     currentPoint.y=_scrollView.contentSize.height-_scrollView.bounds.size.height;
}
 
 
//动画效果
[ self .scrollView setContentOffset:currentPoint animated: YES ];

 动画效果可以通过block设置:

1
2
3
4
[UIView animateWithDuration:0.3f animations:
^{
      [ self .scrollView setContentOffset:currentPoint];
}];

缩放

缩放之前需要涉及到一个东西就是控制器需要遵守UIScrollViewDelegate协议,然后实现协议中方法,应用场景中如果我们在对ScrollView中图片进行缩放,将消息通知给UIScrollViewDelegate,最终将事件实现委托给是实现方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//
//  ViewController.h
//  ScrollView
//  http://www.cnblogs.com/xiaofeixiang
//  Created by keso on 15/1/20.
//  Copyright (c) 2015年 keso. All rights reserved.
//
 
#import <UIKit/UIKit.h>
 
@interface  ViewController : UIViewController <UIScrollViewDelegate>
 
@property  (weak,  nonatomic IBOutlet  UIScrollView *scrollView;
 
@end

设置一下最大和最小缩放比例,设置委托:

1
2
3
[_scrollView setMinimumZoomScale:0.3];
[_scrollView setMaximumZoomScale:1.8];
[_scrollView setDelegate: self ];

实现一个返回的图像,如果不是实现,没有效果:

1
2
3
4
//缩放过程中的图像
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
     return  _imageView;
}

有的时候如果可能有业务需要会需要一个缩放结束的方法:

1
2
3
4
缩放结束
- ( void )scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{
     NSLog (@ "缩放比例:%f" ,scale);
}

还有一个不常用的,缩放中的方法:

1
2
3
4
//缩放中
- ( void )scrollViewDidZoom:(UIScrollView *)scrollView{
     NSLog (@ "缩放中的调用~" );
}

 最终效果:

本文转自Fly_Elephant博客园博客,原文链接:http://www.cnblogs.com/xiaofeixiang/p/4240324.html,如需转载请自行联系原作者

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/程序安全守护者/article/detail/60276
推荐阅读
相关标签
  

闽ICP备14008679号