Pull-to-refresh animation in UICollectionView with a sticky header flow layout, written in Swift :large_orange_diamond:

Alex Türk

Last update: Sep 13, 2022

Related tags

Pull to Refresh ReplaceAnimation

Overview

ReplaceAnimation

Implementation of Zee Young's Dribbble animation (https://dribbble.com/shots/2067564-Replace)

Info

I really liked Zee Young's animation so I gave it a shot on iOS. Since I wanted to learn some things that I didn't have the chance to get my hands on lately, I tried using constraints to achieve the parallax effect, use CAShapeLayers for the trees and translate the content offset to the bending. Every button and view should be rendered on the device so I could lay them out in a .xib.

It's basically a UICollectionView with a sticky header flow layout (this one is based on https://github.com/Blackjacx/StickyHeaderFlowLayout) and all the parallax effects happen in applyLayoutAttributes:.

I added some jokes from "http://tambal.azurewebsites.net/joke/random" just so it's a little more interesting :)

Refreshing

Cancelling Refresh Animation

Scrolling

Contribution

Any contribution is welcome. Just submit a pull request.

Questions?

If you have any questions about why or how I solved certain things or the code doesn't make sense to you, just write me a message on Twitter.

License

Available under MIT license. See the LICENSE for more info.

You might also like...

GIFRefreshControl is a pull to refresh that supports GIF images as track animations.

GIFRefreshControl GIFRefreshControl is a pull to refresh that supports GIF images as track animations. Installation You have multiple choices here: Co

163 Oct 4, 2022

Custom animated pull-to-refresh that can be easily added to UIScrollView

PullToMakeSoup Custom animated pull-to-refresh that can be easily added to UIScrollView Check this article on our blog to know more details about anim

1.9k Dec 17, 2022

ESPullToRefresh is an easy-to-use component that give pull-to-refresh and infinite-scrolling implemention for developers.

1.7k Jan 8, 2023

Comments

codebeat badge

Is it fine to add codebeat badge to README?

codebeat is automated code review tool for Swift,Ruby,Go & Python that helps get instant feedback on code quality.

"Quick wins" suggested by codebeat could be a nice candidate for a pull request and help other developers become contributors.

FYI. To be fully open and honest. I'm co-founder of codebeat.

opened by korzonek 0
Flicker when scrolling up during insertItemAtIndexPath

There is still a glitch when you scroll up while calling insertItemAtIndexPath, because the header seems to be reloaded and the initial layout attributes for the cell are wrong causing the header to flicker.

opened by fruitcoder 0