上一篇：IOS圖像視圖（Image View）下一篇：iOS表格視圖（Table View）

iOS 滾動(dòng)視圖(Scroll View)

滾動(dòng)視圖的使用

如果內(nèi)容超出屏幕的大小就會(huì)使用到滾動(dòng)視圖來顯示隱藏的部分。

它可以包含所有的其他用戶界面元素如圖像視圖、標(biāo)簽、文本視圖甚至另一個(gè)滾動(dòng)視圖。

重要的屬性

contentSize
contentInset
contentOffset
delegate

重要的方法

- (void)scrollRectToVisible:(CGRect)rect animated:(BOOL)animated

- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated

重要的委托方法

在ViewController.h中，加入滾動(dòng)視圖和聲明滾動(dòng)視圖讓類符合委托協(xié)議，如下所示:

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController<UIScrollViewDelegate>
{
    UIScrollView *myScrollView;
}????

@end

添加自定義方法 addScrollView

-(void)addScrollView{
    myScrollView = [[UIScrollView alloc]initWithFrame:
    CGRectMake(20, 20, 280, 420)];
    myScrollView.accessibilityActivationPoint = CGPointMake(100, 100);
    imgView = [[UIImageView alloc]initWithImage:
    [UIImage imageNamed:@"AppleUSA.jpg"]];
    [myScrollView addSubview:imgView];
    myScrollView.minimumZoomScale = 0.5;
    myScrollView.maximumZoomScale = 3;
    myScrollView.contentSize = CGSizeMake(imgView.frame.size.width,
    imgView.frame.size.height);
    myScrollView.delegate = self;
    [self.view addSubview:myScrollView];
}

注意： 我們必須添加一個(gè)命名為"AppleUSA1.jpg"到我們的項(xiàng)目，可以通過將圖像拖到我們導(dǎo)航區(qū)域，其中列出了我們的項(xiàng)目文件所做的圖像。圖像應(yīng)高于設(shè)備的高度。

ViewController.m中實(shí)現(xiàn)scrollView 委托

 -(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
    return imgView;
}
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSLog(@"Did end decelerating");
}????
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{
//    NSLog(@"Did scroll");
}
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView 
  willDecelerate:(BOOL)decelerate{
    NSLog(@"Did end dragging");
}
-(void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
    NSLog(@"Did begin decelerating");
}
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    NSLog(@"Did begin dragging");
}

在 ViewController.m 中更新 viewDidLoad，如下所示

(void)viewDidLoad
{
   [super viewDidLoad];
   [self addScrollView];
   //Do any additional setup after loading the view, typically from a nib
}

輸出

現(xiàn)在當(dāng)我們運(yùn)行該應(yīng)用程序我們會(huì)看到下面的輸出。一旦滾動(dòng)滾動(dòng)視圖，將能夠查看圖像的其余部分:

scrollViewOutput

其他擴(kuò)展