码迷,mamicode.com
首页 > 其他好文 > 详细

图片管理,图片浏览器,九宫格布局

时间:2020-04-17 00:52:32      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:data   delegate   img   size   width   UNC   views   man   实现   

# LXPhotosManagerModule

 

#### 项目介绍

 **

 

### 最完美、最轻量级的图片管理!

** 

 

#### 安装说明

方式1 : cocoapods安装库 

        ** pod ‘LXPhotosManager‘

        pod install** 

 

方式2:   **直接下载压缩包 解压**    **LXPhotosManager **   

 

#### 使用说明

 **下载后压缩包 解压   请先 pod install  在运行项目** 

 

###  模型数据 必须遵守协议  FileInfoProtocol

  

```

class FileModel: FileInfoProtocol {

    var image: UIImage = UIImage()

    var height: CGFloat = 0.0

    var width: CGFloat = 0.0

    var imgUrl: String = ""

 }

```

####九宫格展示(微信朋友圈图片方式)

 

```

  let photoVeiw = NineGridPhotosView(frame: CGRect(x: 0, y: 100, width: UIScreen.main.bounds.width, height: 600))

  photoVeiw.delegate = self

  photoVeiw.loadBlock = { model, imgView in

     imgView.kf.setImage(with: URL(string: model.imgUrl)!)

  }

  photoVeiw.datasource = [model,model1,model2,model3,model4]

  view.addSubview(photoVeiw)

 

```

####九宫格展示 点击调用图片浏览器 (图片浏览)

 

```

  let pView = PhotosBrowserView()

  pView.imgViews = [imgView,imgView1,imgView2]

  pView.loadBlock = { model, imgView in

    imgView.kf.setImage(with: URL(string: model.imgUrl)!)

  }

  pView.photos = [model,model1,model2]

  let index =  [imgView,imgView1,imgView2].firstIndex(of: gesture.view) ?? 0

  pView.startAnimation(with: index, cellType: false)

 

```

####UICollectionView 点击调用图片浏览器 (图片浏览)

 

```

  //图片浏览器

  let pView = PhotosBrowserView()

  pView.delegate = self

  pView.loadBlock = { model, imgView in

    imgView.kf.setImage(with: URL(string: model.imgUrl)!)

  }

  pView.photos = models

  pView.startAnimation(with: indexPath.item, cellType: true)

  

  //必须实现代理方法

  extension ViewController: PhotosBrowserViewDelagete {

      func photosBrowserView(cellIndex: Int, photos: [FileInfoProtocol]) -> UIView {

          return collectionView.cellForItem(at: IndexPath(item: cellIndex, section: 0)) ?? UIView()

      }

  }

  

```

 

 demo : https://github.com/LIXIANGXLee/LXPhotosManagerModule.git

图片管理,图片浏览器,九宫格布局

标签:data   delegate   img   size   width   UNC   views   man   实现   

原文地址:https://www.cnblogs.com/lnxlee/p/12716831.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!