Henry F
Henry F

Reputation: 4980

Adding A Background Image In Interface Builder

I'm trying to add a custom image as a background for my application using Xcode 4.2, but I'm not too sure how to do it. I can add plain colors as the background in Interface Builder, but I do not see the option to add a custom image. I have Googled this issue and have researched it for hours, but none of the solutions have seemed to work for me and are out of date. I've read Apple's documentation, but it went over my head. I'm still a beginner when it comes to programming. Does anyone know of a simple way to set my custom image as the background for the UIView?

Thank you.

Upvotes: 14

Views: 57667

Answers (6)

Yash Bedi
Yash Bedi

Reputation: 1355

Swift 3.0 :

Above code for swift 3.0 is

import UIKit
@IBOutlet weak var mainUIView: UIView!


class fileName: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()

    mainUIView.backgroundColor = UIColor(patternImage: UIImage(named: "your_image_name.png")!)

   }
}

Hope it Helps Some1 =]

if you're using Autolayout then you have to struggle a lot coz the image which you're going to add to the background, will not set itself perfectly , as we're doing Programmatically !

If anyone finds an answer of this question, and can be done by interface builder.. Than It would be helpful for all of us =D..

Lastly Add a ImageView to that view ,that'll do the job.

Upvotes: 1

Rinku
Rinku

Reputation: 920

[self.view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"foo.bar"]]];

You can use this statement. But you should notice that the size of the image should be the size of the view else it will be repeated. For the repeated image it works great.

Upvotes: 0

Desert Rose
Desert Rose

Reputation: 3434

If you want to change the background of all screens of the app then you can do it your AppDelegate.m file.First of all make all xib files background color clear color.Then use following code to change background color.

self.window.backgroundColor = [UIColor redcolor];

If you want to make background color like an Image then use following code.

self.window.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"background_image.1.png"]];

Upvotes: 2

Dennis Stritzke
Dennis Stritzke

Reputation: 5578

You could also use this Statement in Code.

    [self.view setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"foo.bar"]]];

Upvotes: 15

Raunak
Raunak

Reputation: 3414

Just drag-and-drop the image from Finder to the extreme left pane of your Xcode window (where the list of files is shown). Now open your xib file and locate the image in your media library. Just drag-and-drop the image from the media library to your view. Adjust the size of the image as you need.

Upvotes: 5

Mark Adams
Mark Adams

Reputation: 30846

Use a UIImageView that is the size of your views frame.

Upvotes: 37

Related Questions