0
我想使用帶有自定義佈局的UICollectionView,其方式爲集合的部分水平滾動並且部分中的項目垂直滾動。UICollectionViewLayout水平部分,垂直單元格
目前我正在使用UICollectionView,然後使用自己的集合視圖的單元格,但希望做出更清晰的實現,並且想知道是否可以使用自定義UICollectionViewLayout。
我想使用帶有自定義佈局的UICollectionView,其方式爲集合的部分水平滾動並且部分中的項目垂直滾動。UICollectionViewLayout水平部分,垂直單元格
目前我正在使用UICollectionView,然後使用自己的集合視圖的單元格,但希望做出更清晰的實現,並且想知道是否可以使用自定義UICollectionViewLayout。
我上傳自定義集合視圖和自定義流佈局Objective C的項目,你可以從這裏下載,但如果你喜歡快速的我也貼翻譯對SWIFT 3.0
http://www.filedropper.com/collectionviewinfinitescrollintwodimentions
import UIKit
class CustomCollectionViewFlowLayout: UICollectionViewFlowLayout {
var itemWidth:CGFloat = 20
var itemHeight:CGFloat = 20
var space:CGFloat = 10
var columns: Int{
return self.collectionView!.numberOfItems(inSection: 0)
}
var rows: Int{
return self.collectionView!.numberOfSections
}
init(itemWidth: CGFloat = 20, itemHeight: CGFloat = 20, space: CGFloat = 5) {
self.itemWidth = itemWidth
self.itemHeight = itemHeight
self.space = space
super.init()
}
required init(coder aDecoder: NSCoder) {
self.itemWidth = 20
self.itemHeight = 20
self.space = 3
super.init()
}
override var collectionViewContentSize: CGSize{
let w : CGFloat = CGFloat(columns) * (itemWidth + space) - 500
let h : CGFloat = CGFloat(rows) * (itemHeight + space)
return CGSize(width: w, height: h)
}
override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
let attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)
let x : CGFloat = CGFloat(indexPath.row) * (itemWidth + space)
let y : CGFloat = CGFloat(indexPath.section) + CGFloat(indexPath.section) * (itemHeight + space)
attributes.frame = CGRect(x: x, y: y, width: itemWidth + CGFloat(indexPath.row), height: itemHeight)
return attributes
}
override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
let minRow : Int = (rect.origin.x > 0) ? Int(floor(rect.origin.x/(itemWidth + space))) : 0
let maxRow : Int = min(columns - 1, Int(ceil(rect.size.width/(itemWidth + space)) + CGFloat(minRow)))
var attributes : Array<UICollectionViewLayoutAttributes> = [UICollectionViewLayoutAttributes]()
for i in 0 ..< rows {
for j in minRow ... maxRow {
attributes.append(self.layoutAttributesForItem(at: IndexPath(item: j, section: i))!)
}
}
return attributes
}
import UIKit
class CustomCollectionView: UICollectionView {
override func layoutSubviews(){
super.layoutSubviews()
var currentOffset = self.contentOffset;
var contentWidth = self.contentSize.width;
var contentHeight = self.contentSize.height;
var centerOffsetX = (contentWidth - self.bounds.size.width)/2.0;
var centerOffsetY = (contentHeight - self.bounds.size.height)/2.0;
var distanceFromCenterX = fabsf(Float(CGFloat(currentOffset.x - centerOffsetX)));
var distanceFromCenterY = fabsf(Float(CGFloat(currentOffset.y - centerOffsetY)));
if (CGFloat(distanceFromCenterX) > contentWidth/4.0) { // this number of 4.0 is arbitrary
//self.contentOffset = CGPoint(x:centerOffsetX, y:currentOffset.y);
}
if (CGFloat(distanceFromCenterY) > contentHeight/4.0) {
//self.contentOffset = CGPoint(x:currentOffset.x, y:centerOffsetY);
}
}
}
兩大類我認爲自定義佈局對你來說是完美的。我可以給你示例代碼和項目實施自定義佈局,看看它是如何工作的。你更喜歡快速還是客觀的C實現? –
甜,我不熟悉的API,目前在它的文檔丟失:) - 斯威夫特對我很好:)謝謝! –
我上傳目標C項目,但如果您有問題,歡迎您問:) –