How to change aligment from center to left?

[Nahatakyan]

In all examples, paging is centered. Is there a way to change paging alignment to left and bottom? Like in the image.

[amirdew]

Yes you can achieve this in few ways, the simplest one is just adjusting padding around your target view in the cell content view.
something like this:

func setup() {
        // You can use Autolayout too
        let cardFrame = CGRect(x: 0, y: 300, width: 100, height: 160)
        card = UIView(frame: cardFrame)
        card.backgroundColor = .gray
        contentView.addSubview(card)
    }

You also need to touch anchorPoint since you want to keep items on the same base line so

class MyCell: UICollectionViewCell, ScaleTransformView {

    var scaleOptions: ScaleTransformViewOptions {
        .init(
            minScale: 0.6,
            scaleRatio: 0.4,
            translationRatio: CGPoint(x: 0.66, y: 0)
        )
    }

    func transform(progress: CGFloat) {
        card.layer.anchorPoint = .init(x: 0.5, y: 1.5)
        applyScaleTransform(progress: progress)
    }
}

result:

[Nahatakyan]

Thank you!

[Nahatakyan]

Finally I get what I need with this:

extension Cell: ScaleTransformView {
    var scaleOptions: ScaleTransformViewOptions {
        let minHeight: CGFloat = 220
        let minScale = minHeight / Self.cardSize.height
        let spacing: CGFloat = 16
        let translationRatioXDelta = spacing / cardView.frame.width
        return ScaleTransformViewOptions(
            minScale: minScale,
            scaleRatio: 1 - minScale,
            translationRatio: CGPoint(x: minScale + translationRatioXDelta, y: 0)
        )
    }

    func transform(progress: CGFloat) {
        let leftInset: CGFloat = 20
        let x = 0.5 - (leftInset / cardView.frame.width)
        let height = Self.cardSize.height - cardView.frame.height
        let y = 0.5 - (height / cardView.frame.height)
        cardView.layer.anchorPoint = CGPoint(x: x, y: y)
        applyScaleTransform(progress: progress)
    }
}