Titanium Community Questions & Answer Archive

We felt that 6+ years of knowledge should not die so this is the Titanium Community Questions & Answer Archive

Updating graphics for Retina Display

Hey, so how do we update our graphics for the Retina Display??

Those who have iPhone 4s know that non-updated graphics look really bad on this thing.

It's my understanding that you have to include graphics for both screen resolutions, using an @2x at the end of the file name to designate which graphics are the 326dpi versions, but I don't have an iPhone 4 to test this on (yet).

Anyone have any insight on this? It's really important to all of Titanium devs, I think.

— asked June 24th 2010 by Alexander Stone
  • 326dpi
  • @2x
  • design
  • display
  • graphics
  • iphone4
  • retina
  • retinadisplay
2 Comments

  • looks like it will be in 1.4 for sure - status is already resolved:
    https://appcelerator.lighthouseapp.com/projects/32238/tickets/1206-iphone-add-support-for-2x-hi-res-images

    at this time, only one open issue for 1.4, so hopefully that means we are only hours away from a real release that solves everyone's iOS4/iPhone 4 problems.

    — commented July 1st 2010 by paul seymour

  • You can test it with the current iPhone emulator. Just swith to device "iPhone 4" and zoom to 100% in the "Window" menu. No you should see if something is "really bad".

    — commented August 2nd 2010 by Gero Willi

5 Answers

  • If you have the 4.0 SDK from Apple, and at least the Titanium 1.3.2 RC1, you can use the high resolution iPhone 4 resolution in the simulator.

    When you get these two installed, be sure to select 4.0 as the SDK version in the Test & Package window.

    Once the iPhone simulator launches, you can go up to the Hardware menu, go to Device and select iPhone 4. You'll then see a giant iPhone on your screen. :)

    — answered June 29th 2010 by Clifton Labrum
    permalink
    1 Comment

    • Didn't know that was there. Good tip sir, thank you.

      — commented June 29th 2010 by Sj Singh

  • does this mean that we can't test this on the simulator? maybe there is a setting in xcode that would allow to test/switch high/low res in the simulator

    — answered June 24th 2010 by Christian Sigl
    permalink
    1 Comment

    • No. You can simulate the iPhone 4 in the simulator. see?

      — commented June 25th 2010 by Alexander Stone

  • would be great to get an answer on the OP's question… is the @2x convention supported in titanium?? anyone go ahead and try it? haven't had a chance yet myself.

    — answered June 29th 2010 by paul seymour
    permalink
    0 Comments

  • Using either the iPhone 4 or iPhone 3 simulators does not 'fix' the problem. The issue is that UIImage is not using the @2x versions of the image, so iOS4 will not pick them up.

    — answered June 30th 2010 by Sam Sykes
    permalink
    0 Comments

  • I have installed the 1.3.2 SDK and selected it for the project,
    I have an image called 'logo_home_screen.png', and a higher resolution one called 'logo_home_screen@2x.png' in the same directory,
    and I am using the iPhone 4 in the simulator.

    But, I'm still seeing the original 'logo_home_screen.png' image displayed… is there something else I'm missing?

    — answered July 14th 2010 by Malcolm Christie
    permalink
    1 Comment

    • i believe 1.3.2 does not support this. 1.3.3 does (no official release for it yet). i really hope this gets released sooner than later. 1.3.2 was a wash, generally. it's been weeks now :-(

      — commented July 14th 2010 by paul seymour
The ownership of individual contributions to this community generated content is retained by the authors of their contributions.
All trademarks remain the property of the respective owner.