How To Make an App – Ep 11 – Image Asset Library in Xcode 6

How To Make iPhone Apps with NO Programming Experience!
Lesson 11: Image Asset Library in Xcode 6
In this lesson, you’ll learn how to add images to your Xcode 6 project and display them in your app. You’ll also learn about various images sizes that you need for retina and high resolution displays.

Download the images on this page (Scroll down to lesson 11 to find the link to the zip file):

Card images by Charles Esquiaqui Licensed under Creative Commons:

This video series uses the latest and greatest from Apple (Xcode 6, Swift, iOS 8) and will teach a beginner with no programming experience how to make iPhone apps. I’m creating these videos with the assumption that the student has no prior knowledge and is starting from scratch.

The lesson plan for the How To Make an App series can be found on my site here:

For more tutorials on how to build iPhone apps, make sure you subscribe and visit my site where you’ll find a community of like minded learners! Learning something new is always more fun with other people!


CodeWIthChris is dedicated to teaching beginners and non-programmers all about building iOS apps. On the site, you’ll find a ton of free resources and tutorials to aid you on your journey to learn iOS development. Many people have successfully picked up Swift, Objective-C, Xcode and app building from my course and materials!

Intro & Outro music
“Heartbreaker” by Jahzzar (






23 responses to “How To Make an App – Ep 11 – Image Asset Library in Xcode 6”

  1. Koanda Mohamed Avatar

    Chris Thank You very much for lessons, So far at lesson 11 and I already learn so much. Your explanation is very clear.

  2. Luca Fucci Avatar

    Thanks a lot, this helped me so much, the best explanation on youtube!!

  3. J.T. McQuigg Avatar

    I got a fatal error?

  4. Rachel Hamilton Avatar

    Where do you resize an image to get x2 and x3 sizes?

  5. Garthe Nelson Avatar

    Hey, not sure how many people are still here but,

    I'm having a problem with my War ap, in that even after putting all the stuff in the ViewController.swift and running the simulator, the "deal" button doesn't do anything to the cards.

    I've noticed that I seem to have gotten out of sync with seemingly different versions of the videos. The first series I was looking at (perhaps the older one?), had IBOutlet Properties in lesson 11, but then when I got half way through lesson 12 it seemed I had missed out on adding the images.

    Clicking on a link saying that it was more updated got me to a version of episode 11 which dealt with the Image asset library, but when I continue from there, I get to the result with my dead "deal" button.

    Can anyone give me a clue?

  6. Charles esquiaqui Avatar

    Hey is cool to see my card game design on youtube! 🙂

  7. Aljosa G. Avatar


    When I press Play button in Xcode, get red line on

    self.playRoundButton.setTitle("Play", forState: UIControlState.Normal)

    and it gives the error
    " Thread 1: EXC BAD_INSTRUCTION (code=EXC_l386_INVOP, subcode=0x0) "

    Can you please help me how to solve problem.

  8. recombinant Avatar

    Great tutorial! I needed a quick overview on how to use Image Asset Catalogs, and your video is EXACTLY what I was looking for. I had a question about it, though… In the past, I've typically moved my images into a subdirectory of my project directory, and then just added the images to the project to a Group (like "Images", for example) and accessed them from the project bundle. Now, when using an Image Asset Catalog, do I need to also make sure my images are in a subdirectory of my project, or is Xcode smart enough to copy them to a location within the project folder hierarchy on its own when I drag and drop them from another location on my file system? Thanks! (I hope my question made sense…)

  9. Angelo Flores Avatar

    GotDamnit +Nick Mcdonald you saint!!!!! code with +Chris your a saint too!!!

  10. Mariana Onix Avatar

    hi! when i was making the code to change the image from the back to the card 1 i get an error, the error its when i put:
    self.firstCardImageView.image = UIImage(named: "card1")
    and the alarm of the error says: " UIView does not have a member named image"
    I hope you can help me.
    And i was asking me if you don't have the same tutorials but in spanish, because I'm from America of south and for me is very hard understand some words.
    Thanks for the tutorials

  11. Connor Brereton Avatar

    Hi Chris,

    I am getting an error in my AppDelegate.swift for some reason. I did not touch any of the code and am unsure why I am getting this error. 

    class AppDelegate: UIResponder,UIApplicationDelegate {
    //I am getting a Thread 1 signal SIGABART

  12. Kartihan Sri Avatar

    Hey there, I was just wonder if you can allow the user to make more of the same pages by clicking like a + button on like the top right of a page?

  13. brandon walker Avatar

    When I try to run the app all I get is a green screen. Can someone please help?

  14. Rockcem1 Avatar

    Can someone help me with this, so at 18:35 when I press play it switches to Xcode and highlights my code which is 
    " self.secondCardImageView.image = UIImage(named: "card11") " 
    and it gives the error 
    " Thread 1: EXC BAD_INSTRUCTION (code=EXC_l386_INVOP, subcode=0x0) "

    EDIT: The problem was the secondCardImage was not connected to the view controller from reference outlet

  15. G&S TV Avatar

    Thank you very much. What's the program that you use for viewing what key in the keyboard is pressed? Thank You

  16. Richard lin Avatar

    thanks for those great tutorials! we r running an iOS community in Taipei. and we till beginners to learn your tutorials!

  17. John Panagiotopoulos Avatar

    link :Download the images on this page (Scroll down to lesson 11 to find the link to the zip file):
    doesn't connect or work for some reason

  18. Noor Sultan Avatar

    +Code With Chris I downloaded the file and I get three files there "card" "card deck.eps" and "card deck.svg" How can I get all the cards individually? Please help me.
     Reply  · 

  19. MadMasterInventor Avatar

    How did you get individual png files for the images.  The site seems to give you a file that contains all of the cards side by side.  Did you cut it up to make individual image files?

  20. Yuji Tsuzuki Avatar

    where did you get those card images ??

  21. Lars-Bo Vadgaard Nielsen Avatar

    Can't the app just scale the images itself?

  22. Dreamcatcherapps Avatar

    I really enjoyed your videos and learning from it. How do you process individual images from vector file?

Leave a Reply

Your email address will not be published. Required fields are marked *