UIKit之UIScrollView、UIPageControl

UIScrollView

// 声明
@property(nonatomic,retain)UIScrollView *scrollView;

    self.scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(100, 100, 200, 400)];
    self.scrollView.backgroundColor = [UIColor whiteColor];
   
    //1. contentSize 定义内容区域大小 当contentsize 比frame.size大时,才可实现滚动
    self.scrollView.contentSize = CGSizeMake(400, 800);
   
    UIImageView *imageView = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"2.png"]];
    imageView.tag = 100;
    imageView.frame = CGRectMake(0, 0, 200, 350);
    [self.scrollView addSubview:imageView];
   
    //2.  contentOffset 视图左上角距离坐标原点的偏移量
    self.scrollView.contentOffset = CGPointMake(-20, -50);
   
    //3.  scrollsToTop 滑动到顶部
    self.scrollView.scrollsToTop = YES; // default YES.
   
    // 4. pagingEnabled 是否整屏滑动
    self.scrollView.pagingEnabled = YES; // default NO.
   
    // 5. bounces边界是否回弹
    self.scrollView.bounces = YES;// default YES.
   
    // 6. scroll 设置是否能够滚动 (不常用)
    self.scrollView.scrollEnabled = YES;
    // 7. 显示水平或竖直方向进度条
    self.scrollView.showsHorizontalScrollIndicator = YES;
    self.scrollView.showsVerticalScrollIndicator = NO;
    // 8. 设置水平或竖直方向的边框是否反弹
    self.scrollView.alwaysBounceHorizontal = YES;
    self.scrollView.alwaysBounceVertical = YES;
   
   
    // 缩放相关
    // 要实现缩放,还需要实现delegate,指定缩放的视图是谁
   
    // 指定最大缩放 和 最小缩放
    self.scrollView.minimumZoomScale = 0.5;
    self.scrollView.maximumZoomScale = 2.0;
  
    // 设置缩放变化比例
    self.scrollView.zoomScale  = 1.5;
   
    // 控制缩放是否反弹
    self.scrollView.bouncesZoom = YES;
   
    [self addSubview:self.scrollView];
}
#pragma mark UIScrollViewDelegate
// 1. 遵守协议
@interface RootViewController : UIViewController<UIScrollViewDelegate>
 // 2.设置代理
self.rootV.scrollView.delegate = self;
// 3.实现 指定scrollView设置代理的方法
-(UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView{
    // 1.利用Tag值
    // return [scrollView viewWithTag:100];
    // 2. 利用子视图
    return  scrollView.subviews[0];
}
// ScrollView 滚动流程

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    NSLog(@"开始拖拽");
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    NSLog(@"正在滚动");
}
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView{
    NSLog(@"结束拖拽");
}
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView{
    NSLog(@"开始减速");
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    NSLog(@"结束减速");
}
- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale{
    NSLog(@"我已经完成缩放了");
}

UIPageControl

@property(nonatomic,retain)UIPageControl *page;

- (void)p_setupView{
    self.backgroundColor = [UIColor yellowColor];
    self.page = [[UIPageControl alloc]initWithFrame:CGRectMake(CGRectGetMinX(self.frame), CGRectGetMaxY(self.frame) - 50, CGRectGetWidth(self.frame), 50)];
    self.page.backgroundColor = [UIColor blackColor];

    [self addSubview:self.page];
    // 1. 一共多少页
    self.page.numberOfPages = 5;
   
    // 2. 获取当前页
    // NSInteger *i = self.page.currentPage;
   
    // 3. 设置页面指示器 非当前页小圆点 的颜色
    self.page.pageIndicatorTintColor = [UIColor redColor];
   
    // 4. 设置页面指示器 当前页小圆点 的颜色
    self.page.currentPageIndicatorTintColor = [UIColor greenColor];
   
    // 不常用且不明所以
    // 5. 跳转页面 关闭小圆点跳转
    //self.page.defersCurrentPageDisplay = YES;
  
    self.page.hidesForSinglePage = YES;
    [self.page updateCurrentPageDisplay];
    [self.page sizeForNumberOfPages:2];
}

// 使用 添加action
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
   // 添加action 
    [self.rootV.page addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];
}
- (void)pageAction:(UIPageControl *)sender{
    NSLog(@"这是第 %ld 页",sender.currentPage);
}

UIScrollView和UIPageControl 结合使用

// 遵循协议
@interface RootViewController ()<UIScrollViewDelegate>

@property(nonatomic,retain)RootView *rootV;
@property(nonatomic,retain)NSMutableArray *nameArr;

@end

@implementation RootViewController

-(void)loadView{
    self.rootV = [[RootView alloc]initWithFrame:[[UIScreen mainScreen]bounds]];
    self.view = self.rootV;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // 1. 处理数据
    [self p_date];
    // 2. 显示图片
    [self p_show];
    // 3.设置代理
    self.rootV.scrollV.delegate = self;
    // 4. 设置图片随 currentpage移动而换
    [self.rootV.pageC addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];
   
    // Do any additional setup after loading the view.
}
- (void)pageAction:(UIPageControl *)sender{
    [UIView animateWithDuration:0.5 animations:^{
        self.rootV.scrollV.contentOffset = CGPointMake(self.rootV.pageC.currentPage * self.rootV.frame.size.width, 0);
    }];
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    self.rootV.pageC.currentPage = scrollView.contentOffset.x / self.rootV.frame.size.width;
}
- (void)p_date{
    self.nameArr = [NSMutableArray array];
    for (int i = 0; i < 7; i ++) {
        NSString *name = [NSString stringWithFormat:@"%d.jpeg",i];
        [self.nameArr addObject:name];
    }
}
- (void)p_show{
    for (int i = 0; i < self.nameArr.count; i ++) {
        UIImageView *image = [[UIImageView alloc]initWithImage:[UIImage imageNamed:self.nameArr[i]]];
        image.frame = CGRectMake(self.rootV.frame.size.width * i, 0, self.rootV.frame.size.width, self.rootV.frame.size.height);
        [self.rootV.scrollV addSubview:image];
    }
    self.rootV.scrollV.contentSize = CGSizeMake(self.rootV.frame.size.width * self.nameArr.count, self.rootV.frame.size.height);
    self.rootV.pageC.currentPage = 0;
    self.rootV.pageC.numberOfPages = self.nameArr.count;
    self.rootV.scrollV.pagingEnabled = YES;
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,951评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,606评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,601评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,478评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,565评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,587评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,590评论 3 414
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,337评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,785评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,096评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,273评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,935评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,578评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,199评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,440评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,163评论 2 366
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,133评论 2 352

推荐阅读更多精彩内容