Круговой UICollectionview, как сохранить углы всех ячеек равными 0°

Я создаю круговой UICollectionview, следуя этому руководству, Все работает, как и ожидалось, но я не хочу, чтобы элементы вращались вокруг своего собственного угла/привязки.

Верхний ряд — это то, как мой циклический вид коллекции работает на данный момент, нижний рисунок — это то, как я хотел бы видеть свой набор:

Дизайн

Я использую следующий код атрибута макета:

class CircularCollectionViewLayoutAttributes: UICollectionViewLayoutAttributes {

var anchorPoint = CGPoint(x: 0.3, y: 0.5)

var angle: CGFloat = 0 {
    didSet {
        zIndex = Int(angle*1000000)
        transform = CGAffineTransformMakeRotation(angle)
    }
}

override func copyWithZone(zone: NSZone) -> AnyObject {
    let copiedAttributes: CircularCollectionViewLayoutAttributes = super.copyWithZone(zone) as! CircularCollectionViewLayoutAttributes
    copiedAttributes.anchorPoint = self.anchorPoint
    copiedAttributes.angle = self.angle
    return copiedAttributes
}
}

со следующим классом макета:

class CircularCollectionViewLayout: UICollectionViewLayout {
let itemSize = CGSize(width: 60, height: 110)
var angleAtExtreme: CGFloat {

    return collectionView!.numberOfItemsInSection(0) > 0 ? -CGFloat(collectionView!.numberOfItemsInSection(0)-1)*anglePerItem : 0
}

var angle: CGFloat {
    return angleAtExtreme*collectionView!.contentOffset.x/(collectionViewContentSize().width - CGRectGetWidth(collectionView!.bounds))
}

var radius: CGFloat = 400 {
    didSet {
        invalidateLayout()
    }
}

var anglePerItem: CGFloat {
    return 0.18
}

var attributesList = [CircularCollectionViewLayoutAttributes]()

override func collectionViewContentSize() -> CGSize {
    return CGSize(width: CGFloat(collectionView!.numberOfItemsInSection(0))*itemSize.width,
                  height: CGRectGetHeight(collectionView!.bounds))
}

override class func layoutAttributesClass() -> AnyClass {
    return CircularCollectionViewLayoutAttributes.self
}

override func prepareLayout() {
    super.prepareLayout()
    let centerX = collectionView!.contentOffset.x + (CGRectGetWidth(collectionView!.bounds)/2.0)
    let anchorPointY = ((itemSize.height/2.0) + radius)/itemSize.height

    let theta = atan2(CGRectGetWidth(collectionView!.bounds)/2.0, radius + (itemSize.height/2.0) - (CGRectGetHeight(collectionView!.bounds)/2.0)) //1
    //let theta:CGFloat = 1.0


    var startIndex = 0
    var endIndex = collectionView!.numberOfItemsInSection(0) - 1

    if (angle < -theta) {
        startIndex = Int(floor((-theta - angle)/anglePerItem))
    }

    endIndex = min(endIndex, Int(ceil((theta - angle)/anglePerItem)))

    if (endIndex < startIndex) {
        endIndex = 0
        startIndex = 0
    }
    attributesList = (startIndex...endIndex).map { (i) -> CircularCollectionViewLayoutAttributes in
        let attributes = CircularCollectionViewLayoutAttributes(forCellWithIndexPath: NSIndexPath(forItem: i, inSection: 0))
        attributes.size = self.itemSize
        attributes.center = CGPoint(x: centerX, y: CGRectGetMidY(self.collectionView!.bounds))
        attributes.angle = self.angle + (self.anglePerItem*CGFloat(i))
        attributes.anchorPoint = CGPoint(x: 0.5, y: anchorPointY)
        return attributes
    }
}

override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    return attributesList
}

override func layoutAttributesForItemAtIndexPath(indexPath: NSIndexPath)
    -> (UICollectionViewLayoutAttributes!) {
        return attributesList[indexPath.row]
}

override func shouldInvalidateLayoutForBoundsChange(newBounds: CGRect) -> Bool {
    return true
}


override func targetContentOffsetForProposedContentOffset(proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {
    var finalContentOffset = proposedContentOffset
    let factor = -angleAtExtreme/(collectionViewContentSize().width - CGRectGetWidth(collectionView!.bounds))
    let proposedAngle = proposedContentOffset.x*factor
    let ratio = proposedAngle/anglePerItem
    var multiplier: CGFloat
    if (velocity.x > 0) {
        multiplier = ceil(ratio)
    } else if (velocity.x < 0) {
        multiplier = floor(ratio)
    } else {
        multiplier = round(ratio)
    }
    finalContentOffset.x = multiplier*anglePerItem/factor
    return finalContentOffset
}
}

Я пробовал много вещей, но я не смог изменить вращение ячейки


person Steven B.    schedule 23.06.2016    source источник
comment
Вы пытались изменить угол в CellForItemAtindexPath, а не в LayoutAttributes?   -  person    schedule 26.06.2016
comment
Я бы посоветовал игнорировать трансформацию и просто использовать угол для вычисления center, то есть используя функции sin и cos.   -  person Sulthan    schedule 02.07.2016


Ответы (1)


Я решил эту проблему, повернув вид ячейки на отрицательный угол:

Код ниже:

      override func applyLayoutAttributes(layoutAttributes: UICollectionViewLayoutAttributes!) {
super.applyLayoutAttributes(layoutAttributes)
let circularlayoutAttributes = layoutAttributes as! CircularCollectionViewLayoutAttributes
self.layer.anchorPoint = circularlayoutAttributes.anchorPoint

viewRoot.transform = CGAffineTransformMakeRotation(-circularlayoutAttributes.angle)

self.center.y += (circularlayoutAttributes.anchorPoint.y - 0.5) * CGRectGetHeight(self.bounds)
}
person Nasser Munshi    schedule 20.08.2016
comment
Большое спасибо, изменил viewRoot на мой UILabel и Imageview и работает отлично! - person Steven B.; 24.08.2016
comment
Можем ли мы использовать этот код для iCarousel? Я использую тип колеса из карусели, и я должен делать то же самое, когда колесо вращается. Я использовал UIView для рендеринга элемента карусели. Вы можете помочь мне ? - person Pavan Jangid; 22.09.2019