Partilhar via

Adicionar um ecrã inicial

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

Definir a imagem da tela inicial e a cor do plano 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 do ecrã inicial assume como predefinição um cinzento claro. Se pretender alterar a imagem ou a cor predefinida do ecrã inicial da aplicação, siga estes passos:

  1. Abra seu projeto de aplicativo existente da Plataforma Universal do Windows (UWP) 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 Ecrã de Início 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 do .

    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 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 ecrã de boas-vindas para um aplicativo UWP, pressione o botão com reticências que aparece ao lado do rótulo 1240 x 600 px abaixo de Recursos dimensionados. Escolha a imagem de 1240 x 600 pixels (.png, .jpgou .jpeg) que você gostaria de 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 do 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 splash screen (tela inicial) para um aplicativo da Loja do Windows Phone, pressione o botão com reticências que aparece ao lado do rótulo 1152 x 1920 px abaixo Recursos dimensionados. Escolha a imagem de 1152 x 1920 pixels (.png, .jpgou .jpeg) que você gostaria de 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 escala de 2,4x. Se este for o único ativo fornecido, ele será reduzido para fatores de escala de 1,4x e 1x.

  6. No campo Cor do Plano de Fundo da seção da Tela Inicial do , defina a cor do plano 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 o ecrã inicial é opcional. Se você não especificar uma cor para um aplicativo UWP, a cor de fundo da tela inicial assumirá como padrão um cinza claro (valor hexadecimal #464646). Esta é a mesma cor que a cor de fundo predefinida do bloco Tile (consulte o campo "Cor do fundo" na seção "Imagens e Logotipos do Bloco" dentro do separador "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 seu aplicativo demorar um pouco para carregar, considere adicionar uma tela inicial estendida. Para obter orientação passo a passo, consulte Criar uma tela inicial personalizada.

  • Last updated on