PhotoCollectionView

类似于 iOS 上 Facebook Feed 的自定义 CollectionView

概述

要求

• iOS 8.0+
• Xcode 8+
• Swift 3

安装

CocoaPods

要使用 CocoaPods 将 PhotoCollectionView 集成到您的 Xcode 项目中，请指定 Podfile

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '8.0'
use_frameworks!

pod 'PhotoCollectionView', '~> 1.4.2' 

然后，运行以下命令

$ pod install

手动

• 将 Sources 文件夹拖放到您的项目中

用法

创建 PhotoCollectionView

您可以通过代码创建 PhotoCollectionView 的实例

import PhotoCollectionView

let photoCollectionView = PhotoCollectionView(frame: CGRect(x: 0, y: 0, width: 320, height: 240))

或者创建一个在 storyboard 中的 UIView 并将它连接到 Outlet

import PhotoCollectionView

@IBOutlet weak var imageCollectionView: PhotoCollectionView!

PhotoCollectionViewDataSource

• 用于绑定数据的 PhotoCollectionViewDataSource 扩展

extension ViewController: PhotoCollectionViewDataSource {
    func numPhotos(in photoCollectionView: PhotoCollectionView) -> Int {
        // Return count photo.
        return 10
    }
    
    // You can use image for data
    func photoColletionView(_ photoCollectionView: PhotoCollectionView, imageAt index: Int) -> UIImage? {
    	// return image need to show.
        return UIImage(named: "image\(index + 1)")
    }

    // or use image url
    func photoCollectionView(_ photoCollectionView: PhotoCollectionView, urlImageAt index: Int) -> URL? {
        return URL(string: *your image URL here*)
    }

}

• 设置 PhotoCollectionView 的 dataSource

imageCollectionView.dataSource = self

PhotoCollectionViewDelegate

处理 PhotoCollectionView 中的图像选择

imageCollectionView.delegate = self

extension ViewController: PhotoCollectionViewDelegate {
    func photoCollectionView(_ photoCollectionView: PhotoCollectionView, didSelectImageAt index: Int) {
        print("Press at index \(index)")
    }
}

TODO

作者

Luan Tran - [email protected]

许可证

MIT