MWPhotoBrowser

MWPhotoBrowser 是一個強大且古老的圖片瀏覽庫,在GitHub上有英文版的詳細使用說明。它同時依賴DACircularProgress ,MBProgressHUD ,SDWebImage。

GitHub地址
所以很多人建議是用cocoaPods導入 ,但如果導入后它所依賴的其它三個庫是低版本的,例如MBProgressHUD是0.92的,想用1.0版本時,再導入一次MBProgressHUD 1.0很容易發(fā)生沖突出錯,暫未解。

@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 = @"這是一個視頻";
    [self.photosArray addObject:video];
    self.thumbArray = self.photosArray;

    //初始化
    MWPhotoBrowser *photoBrowser = [[MWPhotoBrowser alloc]initWithDelegate:self];
    //set options
    [photoBrowser setCurrentPhotoIndex:0];
    photoBrowser.displayActionButton = YES;//顯示分享按鈕(左右劃動按鈕顯示才有效)
    photoBrowser.displayNavArrows = YES; //顯示左右劃動
    photoBrowser.displaySelectionButtons = YES; //是否顯示選擇圖片按鈕
    photoBrowser.alwaysShowControls = NO; //控制條始終顯示
    photoBrowser.zoomPhotosToFill = YES; //是否自適應大小
    photoBrowser.enableGrid = YES;//是否允許網(wǎng)絡(luò)查看圖片
    photoBrowser.startOnGrid = YES; //是否以網(wǎng)格開始;
    photoBrowser.enableSwipeToDismiss = YES;
    photoBrowser.autoPlayOnAppear = NO;//是否自動播放視頻
    
    //這樣處理的目的是讓整個頁面跳轉(zhuǎn)更加自然
    UINavigationController *navC = [[UINavigationController alloc] initWithRootViewController:photoBrowser];
    navC.modalTransitionStyle = UIModalTransitionStyleCrossDissolve;
    [self presentViewController:navC animated:YES completion:nil];

}

接下來主要就是MWPhotoBrowser的代理方法

#pragma mark - MWPhotosBrowserDelegate
//必須實現(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(@"當前顯示圖片編號----%ld",index);
}
- (void)photoBrowser:(MWPhotoBrowser *)photoBrowser actionButtonPressedForPhotoAtIndex:(NSUInteger)index{
    NSLog(@"分享按鈕的點擊方法----%ld",index);
}

- (BOOL)photoBrowser:(MWPhotoBrowser *)photoBrowser isPhotoSelectedAtIndex:(NSUInteger)index{
    //瀏覽圖片時是圖片是否選中狀態(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時title才會顯示
- (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
    ;
}
//如果要看縮略圖必須實現(xiàn)這個方法
- (id<MWPhoto>)photoBrowser:(MWPhotoBrowser *)photoBrowser thumbPhotoAtIndex:(NSUInteger)index{
    return [self.thumbArray objectAtIndex:index];
}
-(void)photoBrowserDidFinishModalPresentation:(MWPhotoBrowser *)photoBrowser{
    
    [self dismissViewControllerAnimated:YES completion:nil];
}

PS:

  1. MWPhotoBrowser 更多的是做為圖片的瀏覽更合適,而不太適合做為圖片上傳的選擇框架,選擇的話QBImagePickerController更合適。
  2. 如果不是特定圖片而是要瀏覽相冊中的圖片的話,由于涉及到8.0前后蘋果對相冊的調(diào)整,方法都不相同,所以要做各種版本和權(quán)限的判斷。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容