UIScrollView


UIScrollView無法滾動的幾個原因

1.沒有設置contentSize

可滾動尺寸:contentSize的尺寸 減去 scrollView的尺寸
self.scrollView.contentSize = CGSzieMake(width,height);
//注意點:contentSize的尺寸小于或者等于scrollView的尺寸也是不可以滾動的

2.把scrollEnabled 屬性設置為 No

self.scrollView.scrollEnabled = NO;

3.把userInteractionEnabled 設置為 NO

是否能夠跟用戶交互(響應用戶的點擊等操作)
self.scrollView.userInteractionEnabled = NO;
// 注意點:設置userInteractionEnabled = NO,scrollView以及內部所有的子控件都不能跟用戶交互

UIScrollView的常見屬性


1.創(chuàng)建UIScrollView

UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.backgroundColor = [UIColor redColor];
scrollView.frame = CGRectMake(0, 20, 300, 200);
[self.view addSubview:scrollView];
// 注意點:通過代碼創(chuàng)建scrollView,一開始subviews這個數組為nil
// 注意點:千萬不要通過索引去subviews數組訪問scrollView子控件

2.創(chuàng)建UIImageView

UIImage *image = [UIImage imageNamed:@"minion"];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
[scrollView addSubview:imageView];

3.設置contenSize

scrollView.contentSize = CGRectMake(width,height);

4.設置代理

scrollView.delegate = self;

是否有彈簧效果

self.scrollView.bounces = NO;

不管有沒有設置contentSize,總是有彈簧效果(下拉刷新)

self.scrollView.alwaysBounceHorizontal = YES;
self.scrollView.alwaysBounceVertical = YES;

是否顯示滾動條

self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.showsVerticalScrollIndicator = NO;

設置內容的偏移量

// 作用1:控制內容滾動的位置
// 作用2:得知內容滾動的位置
self.scrollView.contentOffset = CGPointMake(0, -100);

設置內邊距

self.scrollView.contentInset = UIEdgeInsetsMake(100, 0, 0, 0);

設置縮放比例

self.scrollView.maximumZoomScale = 2.0;
self.scrollView.minimumZoomScale = 0.5;

UIScrollView的代理(delegate)

#pragma mark - UIScrollViewDelegate 代理方法
/**
 *  當scrollView正在滾動的時候就會自動調用這個方法
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//    NSLog(@"scrollViewDidScroll--");
}
/**
 *  用戶即將開始拖拽scrollView時就會調用這個方法
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    NSLog(@"scrollViewWillBeginDragging-");
}
/**
 *  用戶即將停止拖拽scrollView時就會調用這個方法
 */
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
{
//    NSLog(@"scrollViewWillEndDragging");
}
/**
 *  用戶已經停止拖拽scrollView時就會調用這個方法
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    if (decelerate == NO) {
        NSLog(@"用戶已經停止拖拽scrollView,停止?jié)L動");
    } else {
        NSLog(@"用戶已經停止拖拽scrollView,但是scrollView由于慣性會繼續(xù)滾動,減速");
    }
}
/**
 * scrollView減速完畢會調用,停止?jié)L動
 */
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
   NSLog(@"scrollView減速完畢會調用,停止?jié)L動");
}

/**
 * 設置內容的縮放
 *  返回需要縮放的子控件(scrollView的子控件)
 */
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.imageView;
}

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

簡單的分頁功能

//
//  ViewController.m
// 分頁功能-
//

#import "ViewController.h"

@interface ViewController () <UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

/** 定時器 */
@property (nonatomic, weak) NSTimer *timer;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    // 1.添加圖片
    CGFloat scrollViewW = self.scrollView.frame.size.width;
    CGFloat scrollViewH = self.scrollView.frame.size.height;
    int count = 5;
    for (int i = 0; i < count; i ++) {
        UIImageView *imageView = [[UIImageView alloc] init];
        NSString *name = [NSString stringWithFormat:@"img_0%d",i + 1];
        imageView.image = [UIImage imageNamed:name];
        imageView.frame = CGRectMake(i * scrollViewW, 0, scrollViewW, scrollViewH);
        [self.scrollView addSubview:imageView];
    }

    // 2.設置contentSize
    // 這個0表示豎直方向不可以滾動
    self.scrollView.contentSize = CGSizeMake(count * scrollViewW, 0);

    // 3.開啟分頁功能
    // 標準:以scrollView的尺寸為一頁
    self.scrollView.pagingEnabled = YES;

    // 4.設置總頁數
    self.pageControl.numberOfPages = count;

    // 5.單頁的時候是否隱藏pageControl
    self.pageControl.hidesForSinglePage = YES;

    // 6.設置pageControl的圖片
    [self.pageControl setValue:[UIImage imageNamed:@"current"] forKeyPath:@"_currentPageImage"];
    [self.pageControl setValue:[UIImage imageNamed:@"other"]  forKeyPath: @"_pageImage"];

   // 7.開啟定時器
    [self startTimer];

}

// 線程
// 主線程:程序一啟動,系統(tǒng)會默認創(chuàng)建一條線程.
// 主線程作用:顯示刷新UI界面,處理與用用戶的交互事件
// 多線程的原理: 1s --->  1萬個0.0001s

#pragma mark - 定時器相關的代碼
- (void)startTimer
{
    // 返回一個自動執(zhí)行的定時器對象
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"123" repeats:YES];
    // NSDefaultRunLoopMode(默認): 同一時間只能執(zhí)行一個任務
    // NSRunLoopCommonModes(公用): 可以分配一定的時間執(zhí)行其他任務
    // 作用:修改timer在runLoop中的模式為NSRunLoopCommonModes
    // 目的:不管主線程在做什么操作,都會分配一定的時間處理定時器
    [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}

- (void)stopTimer
{
    [self.timer invalidate];
}

/**
 *  滾動到下一頁
 */
- (void)nextPage:(NSTimer *)timer
{
    // 1.計算下一頁的頁碼
    NSInteger page = self.pageControl.currentPage + 1;

    // 2.超過了最后一頁
    if ( page == 5) {
        page = 0;
    }

    // 3.滾動到下一頁
    [self.scrollView setContentOffset:CGPointMake(page * self.scrollView.frame.size.width, 0) animated:YES];
}

#pragma mark - UIScrollViewDelegate

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 1.計算頁碼
    int page = (int)(scrollView.contentOffset.x / scrollView.frame.size.width + 0.5);

    // 2.設置頁碼
    self.pageControl.currentPage = page;
}

/**
 *  用戶即將開始拖拽scrollView時,停止定時器
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    [self stopTimer];
}

/**
 *  用戶已經停止拖拽scrollView時,開啟定時器
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    [self startTimer];
}
@end

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容