Discussion Forums  >  Uncategorized

Replies: 6    Views: 481

claudio
buzztouch Evangelist
Profile
Posts: 51
Reg: Jun 10, 2011
Chiang Mai, Tha...
510
08/17/11 01:50 AM (14 years ago)

Menu list with thumbnails for each item and a subtitle line - HOW TO?

Hello, I'm working on a new app, and I would like to create a menu list that looks just like this: http://a1.mzstatic.com/us/r1000/056/Purple/f2/82/de/mzl.vsikqtve.320x480-75.jpg Inspired from the ipod app on album mode, with a different thumbnail for each item, and a subtitle line. Do you think it's possible? If so, what size the thumbnail should have? Thank you guys for making this forum so helpful :)
 
claudio
buzztouch Evangelist
Profile
Posts: 51
Reg: Jun 10, 2011
Chiang Mai, Tha...
510
like
08/17/11 11:43 AM (14 years ago)
I found this on the iOS dev library: [...] This style is used in the iPod application and is associated with the UITableViewCellStyleSubtitle constant. UITableViewCellStyleSubtitle A style for a cell with a left-aligned label across the top and a left-aligned label below it in smaller gray text. The iPod application uses cells in this style. Available in iOS 3.0 and later. Declared in UITableViewCell.h. got it here : http://developer.apple.com/library/ios/#documentation/UIKit/Reference/UITableViewCell_Class/Reference/Reference.html#//apple_ref/c/econst/UITableViewCellStyleSubtitle and here (figure 1-7) : http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/TableView_iPhone/TableViewStyles/TableViewCharacteristics.html now.. from here I'm totally lost (but still trying as my forum status shows ;) .. someone know how I can implement it on BT app? I pray good there is a user-friendly way, without coding, but I think there isn't.. it so, It would be great if someone can tell me step by step what I should do on xcode.. Using xcode 4
 
Parker @ buzztouch
buzztouch Evangelist
Profile
Posts: 1395
Reg: May 09, 2011
Pacific Grove, ...
24,500
like
08/17/11 01:39 PM (14 years ago)
Hi Claudio - No coding needed for the effect I believe you're after. Simply open up the options for each menu list item and configure a few settings. For the thumbnail set either Icon File Name or Icon URL. For the subtitle just fill in the Description field. Whatever is entered there will be displayed in smaller font underneath the Row Title. Should work. Respond here if you're still having problems.
 
claudio
buzztouch Evangelist
Profile
Posts: 51
Reg: Jun 10, 2011
Chiang Mai, Tha...
510
like
08/17/11 11:20 PM (14 years ago)
Parker, Thank you so much!!! I was scanning the menu option inside every item (e.g.: options below custom HTML/Text) instead that clicking in the main setting of each item! You made my day! I tried and works perfect! Thanks BT to be here! Just a question.. witch size you suggested me for thumbnails (the app will have iPhone/iPad support)?
 
David @ buzztouch
buzztouch Evangelist
Profile
Posts: 6866
Reg: Jan 01, 2010
Monterey, CA
78,840
like
08/18/11 11:45 AM (14 years ago)
I like 60 x 60 for iPhone icons in a list... 72 x 72 for iPad. Just my preference. Be sure to set the row-height accordingly.
 
claudio
buzztouch Evangelist
Profile
Posts: 51
Reg: Jun 10, 2011
Chiang Mai, Tha...
510
like
08/19/11 12:17 AM (14 years ago)
Ouch I did it in 48x48 following some advices on internet.. that's why It's always better to wait for you all BT evangelist to suggest us.. I will do it again... Is there a way to put in the app both icon large device and icon small device, just like we do with the background images?
 
David @ buzztouch
buzztouch Evangelist
Profile
Posts: 6866
Reg: Jan 01, 2010
Monterey, CA
78,840
like
08/19/11 01:35 PM (14 years ago)
Yup...for reach item you can set the Row Height / Image Size for small device and large device.
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.