UIScrollView 详解

本文详细介绍了如何使用 UIScrollView 进行视图滚动和缩放操作。包括创建 UIScrollView 的步骤、配置关键属性如 contentSize 和 zoomScale,以及实现 UIScrollViewDelegate 协议以响应用户交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、创建
 1. CGRect bounds = [ [ UIScreen mainScreen ] applicationFrame ] ;  
 2. UIScrollView* scrollView = [ [UIScrollView alloc ] initWithFrame:bounds ]; 

当你创建完滚动视图后,你可以将另一个视图的内容粘合到滚动视图的空白页上。这回创建一个滚动的内容窗口:
[ scrollView addSubview:myView];   
你必须给出内容的实际大小,这样滚动视图才知道滚动的范围:
scrollView.contentSize = myView.frame.size; 
要开启缩放功能需要调整视图的两个属性,分别是maxinumZoomScale mininumZoomScale 。这样就可以允许用户使用捏合手势调整内容大小:
 1. scrollView.maxinumZoomScale = 2.0;//允许放大2  
 2. scrollView.mininumZoomScale = 0.5;//允许放大到0.5  

要打开缩放功能,你还需要增加一个UIScrollViewDelegate 代理,通过一个名为 viewForZoomingScrollView的方法做出响应。这个方法会返回进行缩放时所使用的 UIView 对象:
 1. scrollView.delegate = self;  
 2. - (UIView*)viewForZoomingInScrollView:(UIScrollView*)scrollView{  
 3. <span style="white-space:pre">    </span>retutn myView;  
 4. }  

二、属性
除了上面用到的缩放属性外,滚动视图还有会让你多其他属性,可以对现实内容的行为进行微调。你可以对 UIScrollView 类进行多方位定制。下面这些属性是最常用的。
1.indicatorStyle
指定你希望使用的滚动条指示器的类型。默认行为是在白边界上绘制黑色的滚动条,这在大多数背景下都适用。可用风格如下:
 1. UIScrollViewIndicatorStyleDefault  
 2. UIScrollViewIndicatorStyleBlack  
 3. UIScrollViewIndicatorStyleWhite  

2.contentOffset
一个CGPoint结构,其中包含有要显示内容相对于窗口左上角的偏移量。默认是从0×0开始的,但是你也可以将显示内容放在其他位置。

3.directionalLockEnabled
默认行为是允许用户同时进行横向和纵向的滚动。将这个属性设置为YES会导致将用户的滚动行为锁定成只允许横向或纵向进行,具体方向由初始姿态决定。

4.bounces
当用户抵达滚动区域边缘时,这个功能允许用户稍微拖动到边界外一点。当用户松开手指后,这个区域会像个橡皮筋一样,弹回到原位,给用户一个可见的提示,表示他已经到达了文档开始或结束位置。如果不想让用户的滚动范围能够超出可见内容,可以将这个属性设置为NO

5.bouncesZoom
类似于bounces 选项,这个方法可以令用户的缩放操作超出最大或最小缩放级别,然后弹回到范围以内。如果你不想让用户能够超出你指定的范围进行缩放,将这个属性设置为NO

6.pagingEnabled
当开启了分页功能时,滚动视图被分割成多个独立区段,二用户的滚动体验则变成了页面翻转,你可以用这个属性来进行页面翻转。

三、委托方法
可以赋予滚动视图一个委托,下列委托方法会在特定时刻收到通知。
-(void)scrollViewDidScroll:(UIScrollView*)scrollView;//
会在视图滚动时收到通知。包括一个指向被滚动视图的指针,从中可以读取contentOffset属性以确定其滚动到的位置。  

-(void)scrollViewWillBeginDragging:(UISCrollView*)scrollView;//当用户首次在某个方向上进行拖动时得到通知。这个方法会得到被作为参数传递的滚动视图指针,也同样可以从中读取 contentOffset 属性。  

-(void)scrollViewDidEndDragging:(UIScrollView*)scrollView willDecelerate:(BOOL)decelerate;  //当用户抬起拖动到手指时得到通知。还会得到一个布尔值,知名报告滚动视图最后位置之前,是否需要减速。  

-(void)scrollViewWillBeginDecelerate:(UIScrollView*)scrollView;//当用户抬起手指而视图需要继续移动时,会收到通知。这个方法可以用来读取 contentOffset属性,从而判断出当用户抬起手指钱最后一次滚动到的位置,虽然这个位置并不会使滚动条的最终停止位置。  

-(void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView;//当上面提到的减速完毕、滚动视图停止时得到通知。收到这个通知的时刻,滚动视图的contentOffset属性会反映出滚动条最终停止的位置。  

-(void)scrollViewDidEndZooming:(UIScrollview*)scrollView withView:(UIView*)view atScale:(float)scale;//当用户对内容进行缩放时,会收到通知。缩放比例表示为一个浮点值,会作为参数传递进来。 

-(BOOL)scrollViewShouldScrollToTop:(UIScrollView*)scrollView;  
-(void)scrollViewDidScrollToTop:(UIScrollView*)scrollView;  
//当用户点出iPhone状态条时,滚动视图委托可以决定视图是否滚动回到开头。



首先实现UIScrollViewDelegate协议:

#import <UIKit/UIKit.h>


@interface Activity01ViewController : UIViewController<UIScrollViewDelegate>{

    UIScrollView *myscrollview;

}

@property (nonatomic,retain) UIScrollView *myscrollview;

@end

实现协议的下列方法:


#import <UIKit/UIKit.h>

@interface Activity01ViewController : UIViewController<UIScrollViewDelegate>{

    UIScrollView *myscrollview;

}

@property (nonatomic,retain) UIScrollView *myscrollview;

@end


对myscrollview进行初始化:

 


- (void)viewDidLoad

{

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    myscrollview = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, 44,768, 1004)];

    myscrollview.directionalLockEnabled = YES; //只能一个方向滑动  

    myscrollview.pagingEnabled = NO; //是否翻页

    myscrollview.backgroundColor = [UIColor blackColor]; 

    myscrollview.showsVerticalScrollIndicator =YES; //垂直方向的滚动指示

    myscrollview.indicatorStyle = UIScrollViewIndicatorStyleWhite;//滚动指示的风格

    myscrollview.showsHorizontalScrollIndicator = NO;//水平方向的滚动指示

    myscrollview.delegate = self;

    CGSize newSize = CGSizeMake(self.view.frame.size.width, self.view.frame.size.height+1);

    [myscrollview setContentSize:newSize];

    

    float x=0;

    float y=0;

    float width =768;

    float height = 1004;

    

    UIImageView *myimage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"Activity01.png"]];

    //[myimage setContentMode:UIViewContentModeScaleAspectFill];

    [myimage setFrame:CGRectMake(x, y, width, height)];

    [myscrollview addSubview:myimage];

    

    

    [self.view addSubview:myscrollview];

}


属性总结:

属性                            作用

CGPoint contentOffSet  监控目前滚动的位置

CGSize contentSize      滚动范围的大小

UIEdgeInsets contentInset  视图在scrollView中的位置

id<UIScrollerViewDelegate> delegate  设置协议

BOOL directionalLockEnabled 指定控件是否只能在一个方向上滚动

BOOL bounces                      控制控件遇到边框是否反弹

BOOL alwaysBounceVertical   控制垂直方向遇到边框是否反弹

BOOL alwaysBounceHorizontal 控制水平方向遇到边框是否反弹

BOOL pagingEnabled             控制控件是否整页翻动

BOOL scrollEnabled               控制控件是否能滚动

BOOL showsHorizontalScrollIndicator 控制是否显示水平方向的滚动条

BOOL showsVerticalScrollIndicator 控制是否显示垂直方向的滚动条

UIEdgeInsets scrollIndicatorInsets 指定滚动条在scrollerView中的位置

UIScrollViewIndicatorStyleindicatorStyle 设定滚动条的样式

float decelerationRate                  改变scrollerView的减速点位置

BOOL tracking                            监控当前目标是否正在被跟踪

BOOL dragging                           监控当前目标是否正在被拖拽

BOOL decelerating                       监控当前目标是否正在减速

BOOL delaysContentTouches         控制视图是否延时调用开始滚动的方法

BOOL canCancelContentTouches    控制控件是否接触取消touch的事件

float minimumZoomScale             缩小的最小比例

float maximumZoomScale            放大的最大比例

float zoomScale                           设置变化比例

BOOL bouncesZoom                     控制缩放的时候是否会反弹

BOOL zooming                             判断控件的大小是否正在改变

BOOL zoomBouncing                     判断是否正在进行缩放反弹

BOOL scrollsToTop                        控制控件滚动到顶部

注意:

1、使scrollview不要上下滑动,可以设置

scrollview.contentSize =  CGSizeMake(你要的长度, 0);

 

协议方法解释:

 

#pragma mark UIScrollViewDelegate//只要滚动了就会触发- (void)scrollViewDidScroll:(UIScrollView *)scrollView;   {//    NSLog(@" scrollViewDidScroll");    NSLog(@"ContentOffset  x is  %f,yis %f",scrollView.contentOffset.x,scrollView.contentOffset.y);}

//开始拖拽视图

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView;   {   NSLog(@"scrollViewWillBeginDragging");}//完成拖拽

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate; {   NSLog(@"scrollViewDidEndDragging");}

//将开始降速时

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView;   {   NSLog(@"scrollViewWillBeginDecelerating");}

//减速停止了时执行,手触摸时执行执行

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView;   {   NSLog(@"scrollViewDidEndDecelerating");}//滚动动画停止时执行,代码改变时出发,也就是setContentOffset改变时

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView;{   NSLog(@"scrollViewDidEndScrollingAnimation");}//设置

放大缩小的视图,要是uiscrollview的subview

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView; 

  {   NSLog(@"viewForZoomingInScrollView");    return viewA;}

//完成放大缩小时调用

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(float)scale; {    viewA.frame=CGRectMake(50,0,100,400);   

NSLog(@"scale between minimum and maximum. called after any 'bounce' animations");}// scale between minimum and maximum. called after any 'bounce' animations

//如果你不是完全滚动到滚轴视图的顶部,你可以轻点状态栏,那个可视的滚轴视图会一直滚动到顶部,那是默认行为,你可以通过该方法返回NO来关闭它

- (BOOL)scrollViewShouldScrollToTop:(UIScrollView *)scrollView;   {    NSLog(@"scrollViewShouldScrollToTop");   returnYES;}

- (void)scrollViewDidScrollToTop:(UIScrollView *)scrollView;     {    NSLog(@"scrollViewDidScrollToTop");}





实现滚动视图商的某个视图对象的缩放


1,设定缩放比例:最大,最小(设置属性)

2指定需要进行缩放的司徒对象(实现代理方法)


1,视图滚动   scrollView

2视图缩放 scrollView只能添加一个视图


1,一个大的 scrollView实现视图滚动

2,添加小得scrollVIew实现视图缩放

 1、滚动展示3张图片

2、对任意一张图片都可以进行缩放

3、添加pageControl,实现

(1)滑动scrollView,pageControl同步设置当前显示页数

(2)控制pageControl,同步设置scrollView滑动到指定视图

4、视图缩放后,可以继续滑动scollview展示其他视图对象,并将滚出屏幕的视图对象还原


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值