Compartilhar via


Adicionar uma tela inicial

Defina a imagem da tela inicial e a cor da tela de fundo do aplicativo usando o Microsoft Visual Studio.

Definir a imagem da tela inicial e a cor da tela de fundo no Visual Studio

Quando você usa um modelo do Visual Studio para criar seu aplicativo, uma imagem padrão é adicionada ao seu projeto e definida como a imagem da tela inicial. A cor de fundo da tela inicial é padrão para um cinza claro. Se você quiser alterar a imagem ou a cor padrão da tela inicial do seu aplicativo, siga estas etapas:

  1. Abra seu projeto de aplicativo UWP (Plataforma Universal do Windows) existente no Visual Studio.

  2. No Gerenciador de Soluções, abra o arquivo "Package.appxmanifest". Você também pode abrir esse arquivo na barra de menus escolhendo Editar Manifesto do Aplicativo da Loja>do Project.>

  3. Abra a guia Ativos Visuais e selecione Tela Inicial no painel Todos os Ativos Visuais no lado esquerdo da janela "Package.appxmanifest". Se você estiver alterando sua tela inicial pela primeira vez, verá o caminho "Ativos\SplashScreen.png" no campo Tela inicial.

    A captura de tela a seguir mostra a janela "Package.appxmanifest" no Visual Studio. Dependendo do tipo de projeto, você verá um conjunto ligeiramente diferente de recursos visuais.

    uma captura de tela da janela

    Se você abrir "Package.appxmanifest" em um editor de texto, o elemento SplashScreen aparecerá como filho do elemento VisualElements. A marcação de tela inicial padrão no arquivo de manifesto tem esta aparência em um editor de texto:

    <uap:SplashScreen Image="Assets\SplashScreen.png" />
    
  4. Para selecionar uma nova imagem de tela inicial para um aplicativo UWP, pressione o botão com reticências que aparece ao lado do rótulo de 1240 x 600 px abaixo de Ativos Dimensionados. Escolha a imagem de 1240 x 600 pixels (.png, .jpg ou .jpeg) que deseja usar para a imagem da tela inicial.

    Importante A imagem da tela inicial escolhida deve ter 620 x 300 pixels usando um fator de escala de 1x. Além disso, ao projetar sua tela inicial, observe que ela é menor que a tela e centralizada. Ele não preenche a tela como uma tela inicial para um aplicativo da Loja do Windows Phone.

  5. Para selecionar uma nova imagem de tela inicial para um aplicativo da Loja do Windows Phone, pressione o botão com reticências que aparece ao lado do rótulo de 1152 x 1920 px abaixo de Ativos Dimensionados. Escolha a imagem de 1152 x 1920 pixels (.png, .jpg ou .jpeg) que deseja usar para a imagem da tela inicial.

    Importante : a imagem da tela inicial escolhida deve ter 1152 x 1920 pixels, que é o tamanho correto para um fator de dimensionamento de 2,4x. Se esse for o único ativo que você fornecer, ele será reduzido para fatores de escala de 1,4x e 1x.

  6. No campo Cor de fundo da seção Tela inicial, defina a cor de fundo exibida com a imagem da tela inicial. Você pode inserir o nome de uma cor ou '#' e o valor hexadecimal de uma cor. Para obter uma lista dos nomes das cores disponíveis, consulte Elemento SplashScreen. Definir uma cor de fundo para a tela inicial é opcional. Se você não especificar uma cor para um aplicativo UWP, a cor da tela de fundo da tela inicial será padronizada como cinza claro (valor hexadecimal #464646). Essa é a mesma cor que a cor de fundo padrão do Bloco (consulte o campo Cor do Plano de Fundo da seção Imagens e Logotipos do Bloco na guia Ativos Visuais). Se você não especificar uma cor para um Windows Phone ou defini-la como "transparente", a cor de fundo da tela inicial será transparente.

Resumo e próximas etapas

Se o aplicativo demorar um pouco para carregar, considere adicionar uma tela inicial estendida. Para obter diretrizes passo a passo, consulte Criar uma tela inicial personalizada.