前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >iOS上传图片视图的封装【支持删除和添加】(采用Masonry进行布局,MVVM结构)

iOS上传图片视图的封装【支持删除和添加】(采用Masonry进行布局,MVVM结构)

作者头像
公众号iOS逆向
发布2021-03-24 16:05:50
9580
发布2021-03-24 16:05:50
举报
文章被收录于专栏:iOS逆向与安全

前言

demo源码下载:https://download.csdn.net/download/u011018979/15868813

1、文章:https://kunnan.blog.csdn.net/article/details/106814250 2、应用场景: 上传和展示多张图片的场景,比如风险商户处理、发布商品图片 3、 效果图:

4、技术特点:使用UICollectionViewCell、UITableViewCell 控件进行搭建,使用Masonry 框架布局,采用MVVM结构。

5、我的其他类似SDK pod 'KNPodlib'

I、 使用方法

1.0 初始化

配置相册访问权限key

代码语言:javascript
复制
NSPhotoLibraryUsageDescription
代码语言:javascript
复制
The app's Info.plist must contain an NSPhotoLibraryUsageDescription key with a string value explaining to the user how the app uses this data.

1.0.0 cell

  • cell
代码语言:javascript
复制
        case ERPRelease_commoditiesViewSection4UploadPic:{
            
            
                            return  [ERPcomposePhotosTableViewCell tableViewCellWithTableView:tableView block:^(id  _Nonnull sender) {
            
                            } models:self.viewModel.Model4UploadPictures];
            
            


            
            
        }break;

  • 上传图片界面的初始模型数据
代码语言:javascript
复制
#pragma mark - ******** 上传图片界面的初始模型数据
+ (NSMutableArray*)getModel4ADDUploadPicturesWithBlock:(void (^)(id sender))block {
    
    
    NSMutableArray *tmpD = @[
        @{@"block":block,@"imgName":@"img_zhuece_tianjia",@"imageType":[NSNumber numberWithInt:ERPimageType4name],@"type":[NSNumber numberWithInt:QCTCollectionModelType4UploadPicturesAddIcon],@"isHiddenDelBtn":@1},
                                     
                             
                             ];
    
    
    
    
    NSMutableArray *tmp   = [[self class] mj_objectArrayWithKeyValuesArray:tmpD];
    
    
    return tmp;
    
    
}


  • 处理上传图片逻辑
代码语言:javascript
复制

- (void)Model4UploadPictures{
    __weak __typeof__(self) weakSelf = self;

    self.viewModel.Model4UploadPictures = [QCTCollectionModel getModel4ADDUploadPicturesWithBlock:^(UISwitch* sender) {
        
        
        
        
        [weakSelf setupChooseimage];//上传图片
        
        
    } ];
    
    
    
    
    
}


1.0.1 初始化ERPcomposePhotosV4UploadPictures

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2021-03-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 iOS逆向 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • I、 使用方法
    • 1.0 初始化
      • 1.0.0 cell
      • 1.0.1 初始化ERPcomposePhotosV4UploadPictures
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档