在storyboard中搭建tableView,一種是以UITableViewController為容器,另一種則是以UIViewController為容器,拖出一個(gè)tableView來。
當(dāng)以UITableViewController為容器時(shí),UITableViewCell可以是動態(tài)也可以是靜態(tài)的,若是靜態(tài)的則控制器可以不關(guān)聯(lián)文件。(具體待驗(yàn)證)http://m.blog.csdn.net/blog/yhc13429826359/39580763
當(dāng)UIViewController為容器時(shí),cell必須是動態(tài)的,并且控制器必須得關(guān)聯(lián)文件,將tableView對象關(guān)聯(lián)到控制器來使用。
原以為對scrollView的這幾個(gè)屬性已經(jīng)夠了解了,最近碰到contentInset才發(fā)現(xiàn)自己依舊是含糊不清的,在此再做一番理解:
UIScrollView:以容器的方式存在
contentView:內(nèi)容視圖,scrollView上用來滾動的區(qū)域,姑且將其當(dāng)做是一個(gè)view方便理解,add到scrollView上的視圖或者控件都是添加在這上面的。這個(gè)東西并不存在,或者說不知道是否存在,至少我們看不到,只是個(gè)遐想的東西。
contentSize:contentView的size,即滾動視圖的大小。
contentInset:contentView的展示區(qū)域,或者滾動區(qū)域,默認(rèn)為UIEdgeInsetsZero,即默認(rèn)整個(gè)scrollView(容器)為展示區(qū)域。所謂展示區(qū)域,就是contentView可以在這個(gè)范圍內(nèi)任意滾動。
contentOffset:CGPonit屬性,是scrollView左上角原點(diǎn)相對于contentView左上角的偏移量。
這樣講可能有點(diǎn)抽象了,打個(gè)比方,將一張畫布放在一個(gè)櫥窗上展示,那么:
scorllView <————> 櫥窗
contentView <————> 畫布
contentSize <————> 畫布大小
contentInset <————> 決定櫥窗上的展示畫布的區(qū)域
contentOffset <————> 櫥窗原點(diǎn)相對于畫布當(dāng)前位置原點(diǎn)的偏移
當(dāng)畫布大小大于展示區(qū)域,即畫布的長或?qū)挻笥谡故緟^(qū)域的長或?qū)挄r(shí),這時(shí)候畫布是不能夠在櫥窗上完整顯示的,這個(gè)時(shí)候畫布就能在櫥窗的展示區(qū)域內(nèi)任意滾動,但是畫布邊緣不能越過展示區(qū)域邊緣。
假設(shè)有一個(gè)scrollView,frame為{0 ,0,self.view.frame.size.width, self.view.frame.size.height}。
設(shè)置contentInset為UIEdgeInsetsMake(100, 0, 100, 0),即上下均偏移100,那么這個(gè)scrollView的滾動區(qū)域(展示區(qū)域)則為{0,100 ,self.view.frame.size.width, self.view.frame.size.height-200 }。
接下來設(shè)置scrollView的contentSize,即內(nèi)容視圖的大小,假如我們將尺寸寬高設(shè)置為和滾動區(qū)域一樣大或者比滾動區(qū)域小,那么運(yùn)行發(fā)現(xiàn)是無法滾動的,因?yàn)檫@個(gè)時(shí)候滾動區(qū)域能完全展示內(nèi)容視圖,還要它滾動干嘛呢?如果contentSize的尺寸比展示區(qū)域大,那么運(yùn)行發(fā)現(xiàn)是可以滑動的,假如寬度和滾動區(qū)域一致,高度比它大100,那么就能在垂直方向滾動,滾動上下極限偏差相差100。
設(shè)置contentOffset的效果則是指定畫布滾動到什么位置。調(diào)用方法- (void)setContentOffset:(CGPoint)contentOffset animated:(BOOL)animated可以使這個(gè)過程伴隨滾動動畫。
幾個(gè)注意點(diǎn):
1、添加到scrollView上的視圖是被添加上contentView上的。
2、先設(shè)置contentInset再設(shè)置contentSize和先設(shè)置contentSize再設(shè)置contentInset的一開始展示效果(即初始效果)是不一樣的,實(shí)際效果是一樣的。在一開始不設(shè)置contentOffset的情況下,對前者而言,一開始展示出來的效果是content view的上沿跟滾動區(qū)域的上沿貼合;而對于后者而言,contentView的上沿則是跟scrollView的上沿貼合。通常情況下,前者才是我們想要的結(jié)果,因此一眼情況下先設(shè)置contentInset再設(shè)置contentSize。
UICollectionView的精髓在于它的布局,UICollectionViewFlowLayout是系統(tǒng)定義好的規(guī)則矩形流布局方式,要挖掘UICollectionView的強(qiáng)大之處,就得自定義布局方式,即自己定義一個(gè)布局類繼承自UICollectionViewLayout。
UICollectionView常規(guī)用法:
(1)初始化UICollectionViewFlowLayout實(shí)例并設(shè)置好響應(yīng)屬性,若屬性不寫死,即各個(gè)section屬性值不一,就調(diào)用相應(yīng)的代理方法設(shè)置。
(2)根據(jù)布局實(shí)例初始化UICollectionView實(shí)例,設(shè)置好代理及數(shù)據(jù)源等屬性。
(3)實(shí)現(xiàn)相應(yīng)的代理方法。
UICollectionView的自定義用法(即自定義布局方式):
(1)定義一個(gè)布局類繼承自UICollectionView,在控制器中初始化布局類實(shí)例。
(2)根據(jù)布局實(shí)例初始化UICollectionView實(shí)例,設(shè)置好代理及數(shù)據(jù)源等屬性。
(3)實(shí)現(xiàn)相應(yīng)的代理方法。
(4)自定義布局(核心所在)
關(guān)于自定義布局,是通過重載父類的方法實(shí)現(xiàn)的,具體方法實(shí)現(xiàn)如下:
(1)首先,-(void)PRepareLayout將被調(diào)用,默認(rèn)下該方法什么沒做,但是在自己的子類實(shí)現(xiàn)中,一般在該方法中設(shè)定一些必要的layout的結(jié)構(gòu)和初始需要的參數(shù)等。
(2)之后,-(CGSize) collectionViewContentSize將被調(diào)用,以確定內(nèi)容視圖的尺寸(UIScrollView的概念)。
(3)接下來-(NSArray *)layoutAttributesForElementsInRect:(CGRect)rect被調(diào)用,用于返回包含了每個(gè)單元、補(bǔ)充視圖、修飾視圖布局屬性的數(shù)組。每一個(gè)布局屬性對應(yīng)一個(gè)實(shí)例,在方法中手動調(diào)用下面三個(gè)方法以得到對應(yīng)的布局屬性:
layoutAttributesForCellWithIndexPath: //單元布局屬性
*layoutAttributesForSupplementaryViewOfKind:withIndexPath: //補(bǔ)充視圖布局屬性 根據(jù)需要調(diào)用
*layoutAttributesForDecorationViewOfKind:withIndexPath: //裝飾視圖布局屬性 根據(jù)需要調(diào)用
(4)重寫layoutAttributesForCellWithIndexPath,設(shè)置布局屬性(這里是布局的關(guān)鍵所在)。根據(jù)需要重寫layoutAttributesForSupplementaryViewOfKind:withIndexPath:和layoutAttributesForDecorationViewOfKind:withIndexPath:
(5)-(BOOL)shouldInvalidateLayoutForBoundsChange:(CGRect)newBounds。
當(dāng)邊界發(fā)生改變時(shí),是否應(yīng)該刷新布局。默認(rèn)返回NO,如果返回YES則在邊界變化(通常是滑動)時(shí)刷新布局,即會重新先后調(diào)用上面(1)(2)(3)方法。根據(jù)需要重寫該方法,如果滑動過程中需要時(shí)刻刷新布局就重寫返回YES(通常用于滑動過程中動畫實(shí)現(xiàn)),如果沒有這個(gè)需求就不用重寫了。
具體見Demo
新聞熱點(diǎn)
疑難解答
圖片精選