Change the flow layout of a collectionView – from grid to list view

Change The Flow Layout Of A CollectionView – From Grid To List View

Create your own flow layout I've always wanted to do this solution that I'm about to show you guys now, and the time is finally here. I'm pretty sure you've seen this before in other apps. We are going to do create 2 separate UICollectionViewFlowLayouts and transition from one to another. A typical example of this is when you have a grid layout and you wish to display your items in a list view (similar to a normal UITableView but…

Read more

Pass data using UIStoryboard segue between UIViewControllers

Pass Data Using UIStoryboard Segue Between UIViewControllers

I've been asked a lot of times, how to achieve the most common scenario in iOS, that is to pass data with UIStoryboard segue between 2 UIViewControllers. Most common because it happens almost everytime you interact with an app. Think about Instagram for example, when you tap on a post(image, video) you perform a push segue, pushing a new UIViewController on top of the current one, and that controller displays the object you selected.

Read more

Create your own custom overlay view in swift

Create Your Own Custom Overlay View In Swift

There are lot of cases when you need an overlay view to display various feedback messages and errors. These overlays are displayed whenever you perform an action, for example: you add an item to the cart, or you save a product as a favorite. It is just a small feedback to your users that will show them that their action was performed successfully and now they can move on with their tasks.

Read more

Handle onboarding experience in iOS using Swift

Handle Onboarding Experience In IOS Using Swift

There are lot of times when you just simply want to display a different UIViewController to your users when they first open your iOS app. You can do complicated onboarding views, that you need to scroll through (I hate these personally) to get to the app or a signup screen that forces you to sign up in order to use the app, or a view that suggests the app requires location data, so please enable your GPS. I would chose the…

Read more

Custom gradient navigation bar in iOS using Swift

Custom Gradient Navigation Bar In IOS Using Swift

In this tutorial I'm going to show you the new fancy way of displaying your navigation bar to spice your app's design a bit. I don't quite like the original UINavigationBar although it is surely well written and can be customised really well.   But what if you want to go beyond that? You wish to display 2 separate UILabels in the center, have a transparent background and use different icons etc. This is exactly when you would go on…

Read more

Create Custom UICollectionviewCell transition

Create Custom UICollectionviewCell Transition

Dribbble.com is full of great UI animations, since Apple introduced iOS 7 and its flat design style, every designer went crazy. Especially when they saw the Custom UIViewController transitions in iOS apps, and what can be achieved instead of a normal push, pop and modal transitions. Me, personally, I love these custom transitions, might take some time to set it up, and adjust it to your or to your designers' liking, but once you accomplished it, it looks way better…

Read more

Create 3 column grid view with UICollectionView

Create 3 Column Grid View With UICollectionView

Today I'm going to show you how to achieve the basic layout Instagram is using for years in their app, being the 3 column grid view achieved by using a UICollectionView. To tell you the truth, I was always "afraid" of UICollectionViews, whenever I had to do something with it, I always chose another way, cause it was so difficult to use and too many variables. Well it isn't that hard to learn, just need to understand the fundamentals, and…

Read more