MWPhotoBrowser 是一個(gè)強(qiáng)大且古老的圖片瀏覽庫(kù)希柿,在GitHub上有英文版的詳細(xì)使用說(shuō)明一屋。它同時(shí)依賴DACircularProgress 洛口,MBProgressHUD 影兽,SDWebImage策精。
GitHub地址
所以很多人建議是用cocoaPods導(dǎo)入 舰始,但如果導(dǎo)入后它所依賴的其它三個(gè)庫(kù)是低版本的,例如MBProgressHUD是0.92的咽袜,想用1.0版本時(shí)丸卷,再導(dǎo)入一次MBProgressHUD 1.0很容易發(fā)生沖突出錯(cuò),暫未解询刹。
@interface ViewController ()<MWPhotoBrowserDelegate>
@property (nonatomic,retain) NSMutableArray *photosArray;
@property (nonatomic,retain) NSMutableArray *thumbArray;
@property (nonatomic,retain) NSMutableArray *selectedArray;
@end
- (void)initPhotos{
//先清空數(shù)組
[self.photosArray removeAllObjects];
[self.thumbArray removeAllObjects];
//再添加圖片
for (int i = 0;i < 5; i++) {
MWPhoto *photo = [MWPhoto photoWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"%d.jpg",i]]];
photo.caption = [NSString stringWithFormat:@"第%d張圖片",i];
[self.photosArray addObject:photo];
}
//添加照片
//MWPhoto *photo1 = [MWPhoto photoWithURL:[NSURL fileURLWithPath:[[NSBundle mainBundle] pathForResource:@"0" ofType:@"jpg"]]];
//MWPhoto *photo2 = [MWPhoto photoWithURL:[NSURL URLWithString:@"http://image.tianjimedia.com/uploadImages/2014/113/40/PMCZD10TC4UM_680x500.jpg"]];
//添加視頻
MWPhoto *video = [MWPhoto photoWithURL:[NSURL URLWithString:@"https://scontent.cdninstagram.com/hphotos-xpt1/t51.2885-15/e15/11192696_824079697688618_1761661_n.jpg"]];
video.videoURL = [[NSURL alloc] initWithString:@"https://scontent.cdninstagram.com/hphotos-xpa1/t50.2886-16/11200303_1440130956287424_1714699187_n.mp4"];
video.caption = @"這是一個(gè)視頻";
[self.photosArray addObject:video];
self.thumbArray = self.photosArray;
//初始化
MWPhotoBrowser *photoBrowser = [[MWPhotoBrowser alloc]initWithDelegate:self];
//set options
[photoBrowser setCurrentPhotoIndex:0];
photoBrowser.displayActionButton = YES;//顯示分享按鈕(左右劃動(dòng)按鈕顯示才有效)
photoBrowser.displayNavArrows = YES; //顯示左右劃動(dòng)
photoBrowser.displaySelectionButtons = YES; //是否顯示選擇圖片按鈕
photoBrowser.alwaysShowControls = NO; //控制條始終顯示
photoBrowser.zoomPhotosToFill = YES; //是否自適應(yīng)大小
photoBrowser.enableGrid = YES;//是否允許網(wǎng)絡(luò)查看圖片
photoBrowser.startOnGrid = YES; //是否以網(wǎng)格開(kāi)始;
photoBrowser.enableSwipeToDismiss = YES;
photoBrowser.autoPlayOnAppear = NO;//是否自動(dòng)播放視頻
//這樣處理的目的是讓整個(gè)頁(yè)面跳轉(zhuǎn)更加自然
UINavigationController *navC = [[UINavigationController alloc] initWithRootViewController:photoBrowser];
navC.modalTransitionStyle = UIModalTransitionStyleCrossDissolve;
[self presentViewController:navC animated:YES completion:nil];
}
接下來(lái)主要就是MWPhotoBrowser的代理方法
#pragma mark - MWPhotosBrowserDelegate
//必須實(shí)現(xiàn)的方法
- (NSUInteger)numberOfPhotosInPhotoBrowser:(MWPhotoBrowser *)photoBrowser{
return self.photosArray.count;
}
- (id<MWPhoto>)photoBrowser:(MWPhotoBrowser *)photoBrowser photoAtIndex:(NSUInteger)index{
if (index < self.photosArray.count) {
return [self.photosArray objectAtIndex:index];
}
return nil;
}
//可選方法
- (void)photoBrowser:(MWPhotoBrowser *)photoBrowser didDisplayPhotoAtIndex:(NSUInteger)index{
NSLog(@"當(dāng)前顯示圖片編號(hào)----%ld",index);
}
- (void)photoBrowser:(MWPhotoBrowser *)photoBrowser actionButtonPressedForPhotoAtIndex:(NSUInteger)index{
NSLog(@"分享按鈕的點(diǎn)擊方法----%ld",index);
}
- (BOOL)photoBrowser:(MWPhotoBrowser *)photoBrowser isPhotoSelectedAtIndex:(NSUInteger)index{
//瀏覽圖片時(shí)是圖片是否選中狀態(tài)
return NO;
}
- (void)photoBrowser:(MWPhotoBrowser *)photoBrowser photoAtIndex:(NSUInteger)index selectedChanged:(BOOL)selected{
//selected表示是否選中
if (selected) {
[self.selectedArray addObject:@(index)];
NSLog(@"第%ld張圖片在被選中",index);
}else{
[self.selectedArray removeObject:@(index)];
NSLog(@"第%ld張圖片在被選中",index);
}
}
//有navigationBar時(shí)title才會(huì)顯示
- (NSString *)photoBrowser:(MWPhotoBrowser *)photoBrowser titleForPhotoAtIndex:(NSUInteger)index{
NSString *str = nil;
switch (index) {
case 0 :
str = @"這是第111張圖片";
break;
case 1 :
str = @"這是第222張圖片";
break;
case 2 :
str = @"這是第333張圖片";
break;
default:
break;
}
return str
;
}
//如果要看縮略圖必須實(shí)現(xiàn)這個(gè)方法
- (id<MWPhoto>)photoBrowser:(MWPhotoBrowser *)photoBrowser thumbPhotoAtIndex:(NSUInteger)index{
return [self.thumbArray objectAtIndex:index];
}
-(void)photoBrowserDidFinishModalPresentation:(MWPhotoBrowser *)photoBrowser{
[self dismissViewControllerAnimated:YES completion:nil];
}
PS:
- MWPhotoBrowser 更多的是做為圖片的瀏覽更合適谜嫉,而不太適合做為圖片上傳的選擇框架萎坷,選擇的話QBImagePickerController更合適。
- 如果不是特定圖片而是要瀏覽相冊(cè)中的圖片的話沐兰,由于涉及到8.0前后蘋(píng)果對(duì)相冊(cè)的調(diào)整哆档,方法都不相同,所以要做各種版本和權(quán)限的判斷住闯。