Simulating iPad "Settings" look!

Getting into LiveCode for iOS? Ask your questions here.

Moderators: FourthWorld, heatherlaine, Klaus, kevinmiller, robinmiller

Post Reply
richardmac
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 211
Joined: Sun Oct 24, 2010 12:13 am

Simulating iPad "Settings" look!

Post by richardmac » Sun Jan 09, 2011 4:09 am

I was hashing this out in a separate thread, but once I figured out this hack I thought I should share it.

When you look at Settings on your iPad, you'll see a gray list display that is the typical iOS way of displaying lists. Since LiveCode has no equivalent, I rolled my own. First I tried using the typical field with "list" properties, but that's no good for this. Finally, I figured out a way to do it. It's very close to the real thing - the only thing I can see is that the white letters on the real thing have a slight bevel to them. But here's mine:

Image

I have attached a very simple example stack. Basically each line is its own field, and the blue is a graphic, and I put a white text field on top of the graphic. The example stack has code I slapped together, but it's good enough to demonstrate the purpose.
Attachments
list_example.livecode.zip
(21.22 KiB) Downloaded 270 times

richardmac
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 211
Joined: Sun Oct 24, 2010 12:13 am

Re: Simulating iPad "Settings" look!

Post by richardmac » Sun Jan 09, 2011 8:45 pm

Update - Sadly, the current version of LiveCode does not preserve the "bold" setting for the font, so it's not going to fool anyone. When this issue gets fixed, it will work...

richardmac
Livecode Opensource Backer
Livecode Opensource Backer
Posts: 211
Joined: Sun Oct 24, 2010 12:13 am

Re: Simulating iPad "Settings" look!

Post by richardmac » Sun Jan 09, 2011 8:51 pm

OK, the workaround is to change the font to Helvetica Bold. That is very close to Helvetica Neue - close enough to fool people unless they know their stuff, I think.

Post Reply