Compartir a través de

Iconos de aplicaciones de Windows

  • Artículo

Nota:

Los iconos dinámicos son una característica de Windows 10 que no se admite en versiones posteriores de Windows. En el caso de las nuevas aplicaciones, se recomienda seguir las instrucciones actuales para los iconos de la aplicación.

Un icono es la representación de la aplicación en el menú Inicio. Cada aplicación tiene un icono. Al crear un nuevo proyecto de aplicación de Windows en Microsoft Visual Studio, se incluye un icono predeterminado que muestra el nombre y el logotipo de la aplicación. Windows muestra este icono cuando la aplicación se instala por primera vez. Una vez instalada la aplicación, puede cambiar el contenido del icono a través de notificaciones; por ejemplo, puede cambiar el icono para comunicar nueva información al usuario, como titulares de noticias o el asunto del mensaje no leído más reciente.

Configuración del icono predeterminado

Al crear un nuevo proyecto en Visual Studio, se crea un icono predeterminado sencillo que muestra el nombre y el logotipo de la aplicación.

Para editar el icono, haga doble clic en el archivo Package.appxmanifest en el proyecto principal de UWP para abrir el diseñador (o haga clic con el botón derecho en el archivo y seleccione Ver 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>

Hay algunos elementos que debe actualizar:

  • DisplayName: Reemplace este valor con el nombre que desea mostrar en el icono.

  • ShortName: Dado que hay espacio limitado para que el nombre para mostrar quepa en los iconos, le recomendamos que también especifique un nombre corto para asegurarse de que el nombre de la aplicación no se trunque.

  • Imágenes de logotipo:

    Debe reemplazar estas imágenes por las suyas. Tiene la opción de proporcionar imágenes para diferentes escalas visuales, pero no es necesario proporcionarlas todas. Para asegurarse de que la aplicación se ve bien en una gama de dispositivos, se recomienda proporcionar versiones de escala del 100 %, el 200 % y el 400 % de cada imagen. Consulta Construir el icono de la aplicación de Windows para obtener más información sobre cómo generar estos recursos.

    Las imágenes escaladas siguen esta convención de nomenclatura:

    <Nombre de la imagen>.scale-<factor de escala>.<extensión de archivo de imagen>

    Por ejemplo: SplashScreen.scale-100.png

    Al hacer referencia a la imagen, se hace referencia a ella como <nombre de la imagen>.<extensión de archivo de imagen> ("SplashScreen.png" en este ejemplo). El sistema seleccionará automáticamente la imagen escalada adecuada para el dispositivo en las imágenes proporcionadas.

  • No es necesario, pero recomendamos encarecidamente proporcionar logotipos para tamaños de iconos tanto anchos como grandes para que el usuario pueda cambiar el tamaño del icono de la aplicación a esos tamaños. Para proporcionar estas imágenes adicionales, cree un elemento DefaultTile y utilice los atributos Wide310x150Logo y Square310x310Logo para especificar las imágenes adicionales:

  <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>

Uso de notificaciones para personalizar el icono

Una vez instalada la aplicación, puedes usar notificaciones para personalizar el icono. Puede hacerlo la primera vez que la aplicación se inicie o en respuesta a un evento, como una notificación de inserción.

Para obtener información sobre cómo enviar notificaciones de icono, consulte Envío de una notificación de icono local.