Ativos visuais de bloco e notificação do sistema (aplicativos do Tempo de Execução do Windows)

Applies to Windows and Windows Phone

Este tópico discute os requisitos de tamanho para os ativos de arquivo de imagem usados em blocos e notificações do sistema.

Requisitos gerais de imagem

As imagens de origem de blocos e notificações do sistema devem ter dimensões iguais ou inferiores a 1024 x 1024 pixels, o tamanho de arquivo deve ser igual ou inferior a 200 KB e o tipo deve ser .png, .jpg, .jpeg ou .gif. Não há requisitos de cores ou de intensidade de bits para uma imagem, contanto que os outros requisitos sejam atendidos.

Blocos quadrados e largos

Os blocos são mostrados na tela inicial e podem ser largos (310 x 150 pixels em uma escala de 100%) ou quadrados. Existem vários tamanhos de blocos:

  • Pequeno (70 x 70) (somente no Windows)
  • Pequeno (71 x 71) (somente no Windows Phone)
  • Médio (150 x 150)
  • Largo (310 x 150)
  • Grande (310 x 310) (somente no Windows)

Um usuário pode redimensionar seu bloco apenas para tamanhos para os quais uma imagem de logotipo é fornecida no arquivo de manifesto do aplicativo (package.appxmanifest). Um logotipo de bloco médio é necessário, no mínimo. Se você não fornecer nenhum outro, o bloco de aplicativos sempre será médio (150 x 150) e apenas os conteúdos de modelos de bloco médio nas notificações de bloco do aplicativo serão mostradas. Isso pode ser suficiente em alguns cenários.

Se várias imagens de logotipo forem fornecidas no manifesto, você poderá especificar um bloco médio ou largo como o padrão a ser usado quando o bloco é fixado na tela inicial.

  • Applies to Windows Phone

Em um Windows Phone, essa opção não existe. Um bloco é sempre fixado na tela inicial como um bloco médio, embora o usuário possa redimensioná-lo depois.

O usuário pode alterar o tamanho do seu bloco a qualquer momento. Não há uma maneira programática de saber que tamanho está sendo usado atualmente, e somente notificações correspondentes ao seu tamanho atual são exibidas. Portanto, cada notificação de bloco enviada ao aplicativo deve incluir um modelo para cada tamanho compatível. Por exemplo, se você inclui somente um modelo largo na notificação e o usuário optou por exibir o bloco médio, essa notificação não será mostrada, a menos que o usuário redimensione para larga antes da notificação expirar.

Escolhendo uma forma de bloco

  • Use o bloco médio para um bloco estático; isto é, seu aplicativo não utilizará notificações para enviar atualizações ao bloco.
  • Use o bloco médio com uma notificação quando o seu aplicativo permite apenas cenários com notificações resumidas. Por exemplo, um aplicativo de SMS que só mostra o número de novas mensagens recebidas.
  • Só use o bloco largo ou grande se o seu aplicativo tiver conteúdos novos e interessantes para exibir ao usuário e as notificações que entregam esse conteúdo forem enviadas frequentemente (pelo menos uma vez por semana). Espera-se que o conteúdo de um bloco largo e grande seja recente e atraente. Deve haver um bom motivo para ocupar esse espaço extra.

Outros ativos visuais

  • Minúsculo (30 x 30) (somente no Windows)
  • Minúsculo (44 x 44) (somente no Windows Phone)

Os ativos minúsculos e pequenos não são blocos dinâmicos; eles apenas mostram o logotipo do bloco conforme especificado no manifesto do aplicativo. O bloco pequeno é usado na tela inicial, mas o bloco minúsculo é usado apenas nos resultados da pesquisa e na lista de Aplicativos.

Como as imagens são dimensionadas em um aplicativo do Tempo de Execução do Windows

A tela inicial em um dispositivo com Windows tem suporte para quatro valores de escala que afetam as dimensões da imagem: 80%, 100%, 140% e 180%. Os aplicativos da Loja do Windows Phone têm suporte para 100%, 140% e 240% por meio do manifesto, mas também 120%, 160%, 180%, 200%, 220%, 300% e 400% na prática.

Você pode fornecer um ativo de imagem separado para cada valor de escala ou pode fornecer apenas um subconjunto dessas imagens e deixar a escala do sistema a mais próxima da imagem para caber. Devido à variedade de dispositivos que podem exibir seu bloco, uma prática recomendada é incluir versões de suas imagens em diferentes escalas no pacote do aplicativo, de modo que o sistema possa escolher a versão mais apropriada para o dispositivo e suas configurações. Embora não vá gerar os melhores resultados, se você quiser fornecer apenas um único ativo de imagem e contar totalmente com o escalonamento, então forneça o ativo de 180% para Windows e o ativo de 240% para um aplicativo da Loja do Windows Phone.

As imagens de logotipo fornecidas pelo manifesto devem ter as dimensões de pixel exatas que ele solicita. As imagens fornecidas em um bloco ou uma notificação do sistema não têm esse requisito, uma vez que elas estão de acordo com os requisitos gerais da imagem acima. Se uma imagem não se adaptar às dimensões da área de imagem da notificação, o sistema a dimensionará e recortará para que fique de acordo.

Para saber mais sobre a atribuição de nome e a organização de ativos da imagem, veja Definindo recursos do aplicativo.

  • Applies to Windows Phone

Detalhes sobre dimensionamento, preenchimento, escalonamento e transparência dos aplicativos da Loja do Windows Phone

Como já mencionado, forneça os ativos de escala 240 no mínimo para um aplicativo da Loja do Windows Phone; preferencialmente escala 140 e escala 100 também.

Os ativos de arquivo de imagem propriamente ditos devem ter uma tela de fundo transparente, conforme indicado pelo efeito tabuleiro de xadrez nas ilustrações a seguir (as ilustrações também dão uma dica de como a cor que aparece abaixo será mostrada). No manifesto do aplicativo, defina o valor da propriedade apropriada como "Assets\ < nome do ativo >. png" e defina um valor para VisualElements@BackgroundColor. Você pode usar a cor da tela de fundo da marca do seu aplicativo, ou definir a cor da tela de fundo como "transparente" para corresponder à aparência dos aplicativos nativos.

Nome da propriedade no manifesto do aplicativo<nome do ativo>.scale-100.png<nome o ativo>.scale-140.png<nome do ativo>.scale-240.png

Square71x71Logo

(Bloco pequeno da tela inicial)

ativo 71 x 71 pixels

preenchimento 19, 19 pixels

logotipo 32 x 32 pixels

ativo 99 x 99 pixels

preenchimento 27, 27 pixels

logotipo 45 x 45 pixels

ativo 170 x 170 pixels

preenchimento 46, 46 pixels

logotipo 77 x 77 pixels

Square150x150Logo

(Bloco médio da tela inicial)

ativo 150 x 150 pixels

preenchimento 45, 45 pixels

logotipo 60 x 60 pixels

ativo 210 x 210 pixels

preenchimento 63, 63 pixels

logotipo 84 x 84 pixels

ativo 360 x 360 pixels

preenchimento 108, 108 pixels

logotipo 144 x 144 pixels

Wide310x150Logo

(Bloco largo da tela inicial)

ativo 310 x 150 pixels

preenchimento 125, 45 pixels

logotipo 60 x 60 pixels

ativo 434 x 210 pixels

preenchimento 175, 63 pixels

logotipo 84 x 84 pixels

ativo 744 x 360 pixels

preenchimento 300, 108 pixels

logotipo 144 x 144 pixels

Square44x44Logo

(Lista de "Todos os aplicativos")

ativo 44 x 44 pixels

preenchimento 6, 6 pixels

logotipo 32 x 32 pixels

ativo 62 x 62 pixels

preenchimento 9, 9 pixels

logotipo 44 x 44 pixels

ativo 106 x 106 pixels

preenchimento 15, 15 pixels

logotipo 76 x 76 pixels

Pacote/Propriedades/Logotipo

ativo 50 x 50 pixels

preenchimento 9, 9 pixels

logotipo 32 x 32 pixels

ativo 70 x 70 pixels

preenchimento 12, 12 pixels

logotipo 46 x 46 pixels

ativo 120 x 120 pixels

preenchimento 20, 20 pixels

logotipo 80 x 80 pixels

 

Tópicos relacionados

Recursos do aplicativo e exemplos de localização
Design para um mercado global
O catálogo de modelos de bloco
Diretrizes e lista de verificação para blocos
Guia de início rápido: criando um bloco padrão com o editor de manifesto do Microsoft Visual Studio
Guia de início rápido: Enviando uma atualização de bloco
Esquema XML de blocos
Exemplo de blocos de aplicativo e destaques
Visão geral de blocos e notificações de bloco
Escolhendo as imagens do seu aplicativo
Definido recursos de aplicativos

 

 

Mostrar:
© 2015 Microsoft