微专业GeekBand-IOS开发高级进阶笔记-第一周

本周的主要内容包括工程管理,View的层次结构与属性,Event,Gesture,还有UIScrollView。

我讲主要讲一讲UIScrollView要如何配合PageControl来使用。

首先PageControl,需要设置的参数是numberOfPages还有currentPage,这两个参数是非常重要的。它还可以设置一个Value Changed的一个IBAction函数,代表在它的左边或者右边点击。这个行为本身会使得PageControl的currentView增加或者减少,但是它不能循环。

UIScrollView的重点在于它本身具有UIGestureRecognizer的能力,可以被滑动。它需要一个内容的大小,以便用来滑动,还有一个Subview,也就是内容。

设置UIScrollView

所以想要设置一个UIScrollView,可以纯代码,也可以配合InterfaceBuilder来使用,以下的例子里面就是两者结合。首先在IB里面我拖入了一个UIScrollView,并使用了一个IBOutlet连接到了ViewController里面。

在设置scrollView的时候,很重要的一点是delegate = self,这需要在Interface的()之后添加 <UIScrollViewDelegate>

这代表我们就可以使用一些delegate的函数,例如以下的就是常用的两个例子。

- (void)scrollViewDidScroll: (UIScrollView *) sView
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView

在我们的setup里面,我们主要就是设置PageControl的页数,在这里个例子里面,PageControl.numberOfPages就是我们的页数,这里是4个,那么为了制作一个ScrollView,而且有4个Page,那么我们就需要将它的contentSize设置成4个View的大小。仅仅只是这样做我们就有了一个足够大的银幕,但是里面没有任何的View

为UIScrollView添加内容

这时候我们就需要给它添加一些真正的内容 —— SubView

在我们的例子里面,我们使用的是UIImageView,我们总共创造了4个不同的imageView,分别有着自己的图片,而且,他们的bounds.x从0增加到1个屏幕,2个屏幕,3个屏幕。这就成功的使得它们成功地依次排开。

小贴士:这里的图片设置是ScaleAspectFill,如果没有clipsToBounds的话,图片会蔓延到其它的View上面哦

这里的绿点就是CGRectMake括号后的第一个参数所代表的位置,它的本意就是Offset

想要理解UIImageView是怎么Scroll的么?很简单,就是 Offset ,当 Offset 是0的时候,那么显示的就是红色的第一页,如果 Offset 是UIScrollView.frame.size.width*1,那么就是橙色的第二页,如果是两倍的width 自然就是黄色啦,以此类推。

我们可以通过以下的一行代码来手动换页。这行代码在做循环展示的时候很有用,理解挺重要的。

[self.scrollView setContentOffset:CGPointMake(self.scrollView.frame.size.width, 0) animated:NO];

接下来我们来讲讲如何将 Page Control 和 UIScrollControl 联合起来。其实挺简单的,首先需要一个 Page Control 的 IBOutlet,

然后我们就可以在 scrollViewDidScroll 里面设置 pageControl 的 currentPage。不过在这之前我们需要计算一个重要的数据,也就是现在是第几页。算法见下图。(请无视中间的一部分)


没错就是这么简单,那么如何在点击Page Control的左右边时换页呢?其实也非常简单,首先用一个IBAction,连到Page Control的Value Changed Event上。以下的代码就是根据更改后的 currentPage 来计算出 Offset, 最后用前面提到过的手动换页来执行。


循环!!

众所周知,在 UIScrollView 本身的API里面是没有循环播放的这个功能的,但是我们可以取巧。我们的方法就是在前添加最后的一个View,在最后添加第一个View,在转到第一个或者是最后一个View的时候,我们便手动调转到第二个View,或者是倒数第二个View,这样子就形成了一个循环。

详细代码如下:


好了!就这么多,希望大家有学到一些东西,

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

推荐阅读更多精彩内容