【無(wú)限互聯(lián)】ios開(kāi)發(fā)之瀑布流的實(shí)現(xiàn)(uicollectionview與uiscrollview)

《【無(wú)限互聯(lián)】ios開(kāi)發(fā)之瀑布流的實(shí)現(xiàn)(uicollectionview與uiscrollview)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。

1、【無(wú)限互聯(lián)】IOS開(kāi)發(fā)之瀑布流的實(shí)現(xiàn)(UICollectionView與UIScrollView)瀑布流可以在保證圖片原始比例的情況下，靈活的展現(xiàn)內(nèi)容，相對(duì)于傳統(tǒng)的使用相同大小的網(wǎng)格展現(xiàn)大量圖片,要好上很多，而實(shí)現(xiàn)瀑布流的方式有很多種，網(wǎng)上比較流行的有三種實(shí)現(xiàn)方式。1，使用UIScrollView，主要技術(shù)點(diǎn)在于視圖的重用。2，使用UITableView,這種方式應(yīng)該是最易想到的，因?yàn)樾枰宫F(xiàn)幾列就用幾個(gè)tabelview就ok了，而且不需要考慮重用，應(yīng)為蘋果已經(jīng)做好了，只需要考慮如何在幾列tabelView滑動(dòng)的時(shí)候，保持同步不出現(xiàn)

2、BUG。3，使用UICollectionView，UICollectionView在iOS6中第一次被介紹，它與UITableView有許多相似點(diǎn)，但它多了一個(gè)布局類，而實(shí)現(xiàn)瀑布流，就與這個(gè)布局類有關(guān)。此種方式實(shí)現(xiàn)，也不需要考慮視圖重用。以上三種方式實(shí)現(xiàn)瀑布流,使用UICollectionView應(yīng)該算是最簡(jiǎn)單的了,so,就重最簡(jiǎn)單的開(kāi)始吧。由于網(wǎng)絡(luò)太差，所以展現(xiàn)的并不是網(wǎng)絡(luò)上的圖片，而是將用戶相冊(cè)中的圖片讀取出，并用瀑布流展現(xiàn)。首先，遍歷用戶相冊(cè)，將照片放到準(zhǔn)備好的數(shù)組中。訪問(wèn)用戶相冊(cè)需要導(dǎo)入

3、sLibrary.h>框架[objc]?viewplaincopy1.????_images?=?[NSMutableArray?array];??2.????//創(chuàng)建相冊(cè)庫(kù)??3.????library?=?[[ALAssetsLibrary?alloc]?init];??4.??????5.????[library?enumerateGroupsWithTypes:ALAssetsGroupSavedPhotos?usingBlock:^(ALAssetsGroup?*g

4、roup,?BOOLBOOL?*stop)?{??6.????????if?(group)?{??7.????????????[group?enumerateAssetsUsingBlock:^(ALAsset?*result,?NSUInteger?index,?BOOLBOOL?*stop)?{??8.????????????????if?(result)?{??9.????????????????????ALAssetRepresentation?*resentation?=?[result?defaultRepresentat

5、ion];??10.????????????????????CGImageRef?imageRef?=?resentation.fullResolutionImage;??11.????????????????????UIImage?*image?=?[UIImage?imageWithCGImage:imageRef];??12.??????????????????????1.????????????????????//將相片加入到數(shù)組中??2.????????????????????[self.images?addObject:i

6、mage];??3.????????????????????[_collectionView?reloadData];??4.????????????????}??5.??????????????????6.????????????}];??7.????????}??8.??????????9.????}?failureBlock:^(NSError?*error)?{??10.??????????11.????}];??12.??然后創(chuàng)建UICollectionView，注意這里放置UICollectionView的控

7、制器要實(shí)現(xiàn),UICollectionViewDelegateFlowLayout和UICollectionViewDatasource兩個(gè)協(xié)議。UICollectionView創(chuàng)建時(shí)需要傳入一個(gè)布局對(duì)象，布局類繼承自UICollectionViewLayout這個(gè)抽象基類,我們需要自定義布局對(duì)象，繼承UICollectionViewLayout的子類，UICollectionViewFlowLayout類，命名為WaterFlowLayout。[objc]?viewplaincopy1.

8、4px;">@interface?WaterFlowLayout?:?UICollectionViewFlowLayout??2.@property?(nonatomic,assign)id