Skip to main content

How to UICollectionView in swift

this tutorial i want to show you how to use "UICollectionView " in swift
ready to get started and go to File->New->Project and select iOS->SingleView Application


click Next to fill out information about the application Set the Product Name "Colectionview"

Company Identifier : KienPhamDev It’s actually the domain name written the other way round.if you have domain,you can use your own domain name otherwise you may use mine or just fill in
Device family :you can chose universal it’s not important
Choose swift as Language
Click Next to select the project location, and then click CreateStarting your Colectionview:
open Main.storyboard and drag in a Collection view Controller.go to Editor\Embed in\ Navigation Controller to creat a Navigation Controller and automatically set the collection view controller as the root

we can drag Uiimageview and Lableview from the Object Library

at fist,we have to create a new file and go to iOS->Cocoa Touch Class ->UICollectionViewCell

Next, select the Collection View Cell and set the identifier as “Cell” in the Attribute Inspector.
Open the “Assistant editor” and control-drag from the "Colectionview" and make an outlet named myColectionview
and open the Collection View cell and control - drag form lableview and make outlet named
myLable
then control drag from Imageview and make outlet names myImageview
Close Assistantant editor and going to Viewcontroller.file
Ok fist thing you need to know “UITableview ”and “UIpickerview ” ,"UIColecectionview"like the same
It need delegate and datasourse in the “viewdidload” above we set both the delegate and dataSource to to self so we can add the required methods here change the class declaration to this :
class ViewController: UIViewController ,UICollectionViewDataSource,UICollectionViewDelegate{

Add some data to display:Add a property called items as an Array of Strings and set some values   var imageview:[String] = ["a.jpg","c.jpg","E.jpg","jp.jpg"]
    var detail:[String] = ["America","Canada","England","Japan"]

after that I need to element:

func numberOfSections(in collectionView: UICollectionView) -> Int {
        return 1
    }
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return imageview.count
    }

Create the cell:

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "Cell", for: indexPath as IndexPath) as! CollectionViewCell
        cell.myImageview.image = UIImage(named: imageview[indexPath.row])
        cell.lblView.text = detail[indexPath.row]
    
        return cell
        
    }

Then, Build and Run the application you will get the output like below.


so this end of my blog i hope that it help you learn a lot please post any question and comment right here so that i can support for you
i'm Kevin see you next time






Labels:

Comments

Post a Comment

Popular posts from this blog

When is viewWillAppear, viewDidAppear, viewDidLoad, viewWillDisappear actually called

A few months ago I decided to apply for a job at a software company, I interviewed for IOS developer position. After a week I got a result they  gave me an offer 400$ per months, salary not too high, not too low for me  I also  struggled with a lot of questions from my interviewer, so today in this article I will share with you my experiment to answer the question from the interviewer  if you are  IOS developer you are familiar with  viewWillAppear , viewDidAppear , viewDidLoad , viewWillDisappear , and viewDidDisappear  let me ask you a question what is the running order of viewDidAppear , viewDidLoad , viewWillDisappear , and viewDidDisappear. This question sounds easy it’s straightforward. Actually, it very hard to answer, because when you make app maybe you don't care about it , No one tells you before you get an interview ,  now we need to create a new project, inside of ViewController.swift  we need to implement some method...
Post a Comment
Read more

Build Carousel Effect in iOS with Swift Kien Pham

This tutorial I’m going to show you how to build Carousel effect it is the most common, you can see it everywhere you can see it on Instagram or App Store which is beautiful UI you can use a lot of in your app many places  that you want to show beautiful text and beautiful image view First thing first we need to create a new project and select iOS->SingleView Application Product Name: Tableview – this the name of your project ·      Company Identifier: KienPhamDev It’s actually the domain name written the other way round. if  you have a domain, you can use your own domain name otherwise you may use mine or just fill in ·      Device family: you can choose universal it’s not important ·      Choose swift as Language And then we are going to the main storyboard , in this tutorial we want to use ViewController so we just need to drag a new Collection View from Object library ...
Post a Comment
Read more

How to update two images using GCD in swift

If you are IOS developer you can run into a problem when your app download a lot of image from URL maybe your app is crashed or you can't interact with the rest of the application, when I interviewed for a job  a few months ago, I also got this question from my interviewer   He assumed that there are 3 images from URL when user click on the update button all of them will be updated at  the same time so let’s do it a demo to know what happens when your application run without multithreading    Inside of my project I need  some element into ViewController,  As you can see we have 2 images and a button to update our image  Inside of ViewController , we need to hook up all of them with  @IBOutlet and @IBAction it should look like this  As you can see when user click on the update button to download two images from URL, you can't interact with the rest of the application you can’t d...
Post a Comment
Read more