Utilizar imagens com várias resoluções para vários iOS

12thJul 10

Com o aparecimento do novo iPhone 4 e a sua nova resolução os programadores para iPhone deverão ter mais algum cuidado com o desenvolvimento das suas aplicações. Principalmente no aspecto visual.

Para os que compram o grafismo a terceiros poderá implicar mais custos, e aqueles que criam o seu próprio grafismo terão de ter mais algum trabalho.

No entanto a Apple tratou de simplificar algumas coisas neste processo. Vamos supor que a nossa aplicação contem uma imagem com o nome logo.png, e que esta imagem está criada para a resolução de iPhone anteriores ao 4. O que teremos de fazer é criar uma nova imagem com a nova resolução do iPhone 4 e dar-lhe o nome logo@2x.png.

Assim quando utilizamos a imagem da seguinte forma:

UIImage* myLogo = [UIImage imageNamed:@"logo"];

o iOS trata de procurar automaticamente a imagem correcta para a versão de iPhone que está a executar a aplicação.

Simples, não é?

Para acabarmos… também os “Icons” e “Launch Images” seguem o mesmo padrão e desde que sigam a seguinte regra estão sempre seguros:

Standard: <ImageName><device_modifier>.<filename_extension>
High resolution: <ImageName>@2x<device_modifier>.<filename_extension>

A utilização de <device_modifier> deverá conter as strings ~ipad ou ~iphone, consoante queiram diferenciar as imagens com base no equipamento, e a inclusão do <device_modifier> no nome da imagem é inteiramente opcional.

Alguma bibliografia se quiserem aprofundar mais sobre este assunto:

iPhone Human Interface Guidelines: Creating Custom Icons and Images

iPhone Application Programming Guide: Build-Time Configuration Details

iPhone Application Programming Guide: Supporting High-Resolution Screens

Esta entrada foi publicada em iOS Dev e com as tags , , , , . Guardar nos favoritos o link permanente. Publicar comentário ou deixar um trackback: URL de Trackback.

Publicar Comentário

O seu endereço de e-mail nunca será publicado ou partilhado. Campos obrigatórios marcados com *

*
*

Pode usar as seguintes tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">