Blocos para aplicativos do Windows

Observação

Os Blocos Dinâmicos são um recurso do Windows 10 que não é compatível com versões posteriores do Windows. Para novos aplicativos, recomendamos que você siga as diretrizes atuais para ícones de aplicativos.

Um bloco é a representação de um aplicativo no menu Iniciar. Cada aplicativo tem um bloco. Quando você cria um novo projeto de aplicativo do Windows no Microsoft Visual Studio, ele inclui um bloco padrão que exibe o nome e o logotipo do aplicativo. O Windows exibe esse bloco quando seu aplicativo é instalado pela primeira vez. Depois que o aplicativo for instalado, você poderá alterar o conteúdo do bloco por meio de notificações. Por exemplo, você pode alterar o bloco para comunicar novas informações ao usuário, como manchetes de notícias ou o assunto da mensagem não lida mais recente.

Configurar o bloco padrão

Quando você cria um novo projeto no Visual Studio, ele cria um bloco padrão simples que exibe o nome e o logotipo do aplicativo.

Para editar o bloco, clique duas vezes no arquivo Package.appxmanifest em seu projeto UWP principal para abrir o designer (ou clique com o botão direito do mouse no arquivo e selecione Exibir Código).

  <Applications>
    <Application Id="App"
      Executable="$targetnametoken$.exe"
      EntryPoint="ExampleApp.App">
      <uap:VisualElements
        DisplayName="ExampleApp"
        Square150x150Logo="Assets\Square150x150Logo.png"
        Square44x44Logo="Assets\Square44x44Logo.png"
        Description="ExampleApp"
        BackgroundColor="#464646">
        <uap:SplashScreen Image="Assets\SplashScreen.png" />
      </uap:VisualElements>
    </Application>
  </Applications>

Há alguns itens que você deve atualizar:

  • DisplayName: substitua esse valor pelo nome que você deseja exibir no bloco.

  • ShortName: como há espaço limitado para seu nome de exibição caber em blocos, recomendamos que você especifique um ShortName também para garantir que o nome do aplicativo não seja truncado.

  • Imagens de logotipo:

    Você deve substituir essas imagens por suas próprias. Você tem a opção de fornecer imagens para diferentes escalas visuais, mas não é necessário fornecer todas elas. Para garantir que seu aplicativo fique bem em uma variedade de dispositivos, recomendamos que você forneça versões de escala de 100%, 200% e 400% de cada imagem. Consulte Construir o ícone do aplicativo do Windows para saber mais sobre como gerar esses ativos.

    As imagens dimensionadas seguem esta convenção de nomenclatura:

    <nome da imagem>.escala-<fator da escala>.<extensão de arquivo de imagem>

    Por exemplo: SplashScreen.scale-100.png

    Quando você se refere à imagem, você se refere a ela como <nome de imagem>.<extensão de arquivo de imagem> ("SplashScreen.png" neste exemplo). O sistema selecionará automaticamente a imagem dimensionada apropriada para o dispositivo nas imagens fornecidas.

  • Você não precisa, mas é altamente recomendável fornecer logotipos para tamanhos de bloco largos e grandes para que o usuário possa redimensionar o bloco do aplicativo para esses tamanhos. Para fornecer essas imagens adicionais, você cria um elemento DefaultTile e usa os atributos Wide310x150Logo e Square310x310Logo para especificar as imagens adicionais:

  <Applications>
        <Application Id="App"
          Executable="$targetnametoken$.exe"
          EntryPoint="ExampleApp.App">
          <uap:VisualElements
            DisplayName="ExampleApp"
            Square150x150Logo="Assets\Square150x150Logo.png"
            Square44x44Logo="Assets\Square44x44Logo.png"
            Description="ExampleApp"
            BackgroundColor="#464646">
            <uap:DefaultTile
              Wide310x150Logo="Assets\Wide310x150Logo.png"
              Square310x310Logo="Assets\Square310x310Logo.png">
            </uap:DefaultTile>
            <uap:SplashScreen Image="Assets\SplashScreen.png" />
          </uap:VisualElements>
        </Application>
      </Applications>

Use notificações para personalizar seu bloco

Depois que seu aplicativo for instalado, você poderá usar notificações para personalizar seu bloco. Você pode fazer isso na primeira vez que seu aplicativo é iniciado ou em resposta a um evento, como uma notificação por push.

Para saber como enviar notificações de bloco, consulte Enviar uma notificação de bloco local.