Compartilhar via

Adicionar uma tela inicial

Defina a imagem inicial do aplicativo e a cor da tela de fundo 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 sua tela de abertura é padronizada como um cinza claro. Se você quiser alterar a imagem ou a cor padrão da tela inicial do 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 Project>Store>Editar Manifesto do Aplicativo.

  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 ativos visuais.

    uma captura de tela da janela

    Se você abrir "Package.appxmanifest" em um editor de texto, o elemento SplashScreen aparecerá como um filho do elemento VisualElements. A marcação de tela inicial padrão no arquivo de manifesto é semelhante a esta 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 1240 x 600 px abaixo de ativos dimensionados. Escolha a imagem de 1240 x 600 pixels (.png, .jpgou .jpeg) que você gostaria de usar para sua imagem de tela inicial.

    Importante A imagem de tela inicial escolhida deve ter 620 x 300 pixels usando um fator de dimensionamento 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 Windows Phone Store.

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

    Importante A imagem de tela inicial escolhida deve ter 1152 x 1920 pixels, que é o tamanho correto para um fator de dimensionamento de 2,4x. Se este for o único ativo fornecido, ele será redimensionado para os 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 sua tela inicial. Você pode inserir o nome de uma cor ou '#' e o valor hexadecima de uma cor. Para obter uma lista dos nomes das cores disponíveis, consulte o elemento SplashScreen. Definir uma cor de plano de fundo para sua tela inicial é opcional. Se você não especificar uma cor para um aplicativo UWP, a cor da tela inicial será padrão para um cinza claro (valor hex #464646). Essa é a mesma cor da cor padrão do bloco cor de fundo (consulte o campo Cor 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 da tela inicial será transparente.

Resumo e próximas etapas

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