CODEWITHSUNDEEP
iosuser-interface
Juan González
Juan González

Reputation: 1526

UI Improvements

since my app is finished (enough) I'm starting to implement the UI changes that (hopefully would) make it all pretty.

I sent the original screens to a friend who knows his ways around photoshop and he's been sending me back his ideas and proposals.

I've been able to implement most of them in my app which is pretty cool. We've learned a few good tricks and procedures on the Apprentice tutorials to make these changes, but now I'm facing something I don't know exactly how to deal with.

My question is about the possibility to go from this:

Original screen:

enter image description here

to this:

Designer's proposal:

enter image description here

I'm guessing it is possible but I wouldn't know where to start. I tried looking for background options on the UITable but I didn't find anything to make it even similar.

This is the only screen giving me a hard time on my simple app.

If you have any ideas or recommendations they'd greatly appreciated.

Thanks in advanced,

Upvotes: 0

Views: 119

Answers (3)

colbadhombre
colbadhombre

Reputation: 813

Place the three text fields directly into a UIView with the wood grain/instructions as a background image. Adjust the field frames until they line up.

Upvotes: 1

Mick MacCallum
Mick MacCallum

Reputation: 130212

You could do something along these lines for the background.

        self.myTableView.backgroundColor = [UIColor clearColor];

and then simply add the image behind the the table in interface builder, or you could cut out the middle man and use this...

    self.myTableView.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"myImage.jpg"]];

Upvotes: 1

NeverBe
NeverBe

Reputation: 5038

Background for UITableView? Make it transparent and put image under table.

Upvotes: 1

Related Questions