Pergunta

O que é a resolução da imagem para o item da barra de guia?

E também, por favor, fornecer algumas outras informações úteis sobre a imagem item de guia.

Agradecemos antecipadamente.

Foi útil?

Solução

A documentação diz que a imagem barra de guia é geralmente 30x30, mas eu descobri que o melhor tamanho para configurar as imagens é 48x32 pixels. Este tamanho ainda rende e dá-lhe um espaço de pouco mais.

A imagem é um PNG com transparência, apenas a máscara é usada. A interface do usuário torna o cinza máscara quando não selecionada ou azul / cromo quando selecionado.

Outras dicas

http://developer.apple .com / iphone / biblioteca / documentação / UserExperience / conceitual / MobileHIG / IconsImages / IconsImages.html

Quando possível, você deve usar os botões e ícones fornecidos pelo sistema em barras de navegação, barras de ferramentas e barras de guia ... Para obter uma lista completa de botões padrão e ícones, e orientações sobre como usá-los, consulte ‘botões do sistema fornecido e ícones.’

É claro que nem todas as tarefas seus aplicativo executa é um padrão. Se os seus suportes de aplicativos personalizados tarefas os usuários precisam realizar com freqüência, você precisa criar ícones personalizados que representam essas tarefas em sua barra de ferramentas ou barra de navegação. Da mesma forma, se seu aplicativo exibe uma barra de guia que permite aos usuários alternar entre os modos de aplicação personalizados ou subconjuntos personalizados de dados, você precisa para projetar ícones da barra de guia que descrevem claramente esses modos ou subconjuntos. Esta secção dá-lhe alguma orientação sobre como ícones de design que funcionam bem em barras de navegação, barras de ferramentas e barras de guia.

Antes de criar a arte para o seu ícone, você precisa passar algum tempo pensando sobre o que ele deve transmitir. Como você considera projetos, apontar para um ícone que é:

  • Simples e racionalizado. Muitos detalhes pode fazer um ícone aparecer desleixada ou indecifrável.
  • Não é facilmente confundido com um dos ícones fornecidos pelo sistema. Os usuários devem ser capazes de distinguir o seu ícone personalizado a partir dos ícones padrão de relance.
  • facilmente compreendido e amplamente aceitável. Esforce-se para criar um símbolo que a maioria dos usuários irá interpretar corretamente e que nenhum usuário vai achar ofensivo.

Depois de ter decidido sobre a aparência do seu ícone, siga estas diretrizes como você criá-lo:

  • Use o formato PNG.
  • Use branco puro com alfa apropriada.
  • Não inclua uma sombra.
  • Use anti-aliasing.
  • Se você decidir adicionar um chanfro, certifique-se de que é 90 ° (para ajudar você a fazer isso, imagine uma fonte de luz posicionada no topo do ícone).
  • Para ícones da barra de ferramentas e barra de navegação, criar um ícone que mede cerca de 20 x 20 pixels.
  • Para ícones da barra de guia, criar um ícone que mede cerca de 30 x 30 pixels ...

Esta afirmação é tecnicamente incorreto:

"... apenas a máscara é usada. A interface do usuário torna o cinza máscara quando / cromo desmarcada ou azul quando selecionado ..."

Você não está fornecendo qualquer tipo de máscara. Pelo contrário, a imagem da guia deve ser simplesmente uma monocromático .png imagem, também conhecido como um apenas 1 cor usada .

Se você fornecer uma imagem colorida, UIKit será quantizar-lo para uma imagem monocromática. No pior dos casos a imagem colorida será ~ 8000 bytes, que é um desperdício de ~ 6k (retina). O formato do arquivo deve ser de 24 bits .png com transparência para a quantização para funcionar corretamente. Mesmo que este é um formato de arquivo de cor, não use a cor ou você está perdendo espaço.

Bottom line é ter o tamanho certo, com o melhor desempenho e uso de memória, uso de um destes:

exibição padrão
48x32 .PNG, 24-bit com transparência (mas o uso de apenas 1 cor) . Pior caso tamanho ~ 500 bytes.
30x30 .PNG, 24-bit com transparência (mas o uso de apenas 1 cor) . Pior caso de tamanho de ~ 350 bytes.

tela Retina
60x60 .PNG, 24-bit com transparência (mas o uso de apenas 1 cor) . Pior caso de tamanho ~ 2000 bytes.

Verifique a "UITabBarItem Referência Classe" no documentação SDK

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top