I created a social media app, and I would like to enhance the UX. For that, I would like to create an animation when an image is loading. I would like to produce the same effect that we can see on Facebook for example
We don't really see it (only on profile image pictures), and I don't even know how I could describe it (I'm not an English native). It's like a flash from the left to the right.
I have no idea about how I could do it. Someone has an idea?
Facebook actually has a handy library to help with this: https://github.com/facebook/Shimmer
From the github page's README, it's as simple as:
FBShimmeringView *shimmeringView = [[FBShimmeringView alloc]
initWithFrame:self.view.bounds];
[self.view addSubview:shimmeringView];
UILabel *loadingLabel = [[UILabel alloc]
initWithFrame:shimmeringView.bounds];
loadingLabel.textAlignment = NSTextAlignmentCenter;
loadingLabel.text = NSLocalizedString(@"Shimmer", nil);
shimmeringView.contentView = loadingLabel;
// Start shimmering.
shimmeringView.shimmering = YES;
The main thing you'd have to do is change the above code from using a UILabel to whatever UIImageView is being used for your profile images. Good luck!
use_frameworks! in your Podfile