Inicio rápido: Crear un icono predeterminado con el editor de manifiestos de Microsoft Visual Studio (aplicaciones de Windows en tiempo de ejecución)

[ Este artículo está destinado a desarrolladores de Windows 8.x y Windows Phone 8.x que escriben aplicaciones de Windows en tiempo de ejecución. Si estás desarrollando para Windows 10, consulta la documentación más reciente

Este tema te guía a través de los pasos para crear un icono predeterminado —el icono que se muestra en la pantalla Inicio hasta que comienza a recibir notificaciones— con el editor de manifiestos de Visual Studio.

Consulta esta característica como parte de nuestra serie Características de aplicaciones, de principio a fin: Interfaz de usuario de aplicaciones de la Tienda Windows, de principio a fin

Objetivo: crear un nuevo proyecto en Visual Studio con una plantilla instalada y después definir un icono predeterminado y su imagen en el manifiesto del paquete.

Requisitos previos

  • Una versión de Visual Studio que admite, al menos, Windows 8.
  • Una imagen de logotipo o un conjunto de imágenes para mostrar en el icono.
  • Una versión pequeña de esa imagen de logotipo para utilizarla en los resultados de búsqueda, la lista de aplicaciones y otros lugares de la interfaz de usuario.
  • Opcional: una versión amplia del archivo de la imagen de logotipo. Para más información sobre cuándo incluir o no una imagen amplia, consulta el tema sobre directrices y lista de comprobación de iconos.

Instrucciones

1. Crea un nuevo proyecto.

  1. Abre Visual Studio.
  2. Haz clic en Nuevo proyecto...
  3. Haz clic en Instalado en el panel izquierdo, si aún no se ha expandido.
  4. En Plantillas, expande el idioma del proyecto.
  5. Selecciona Aplicaciones de la Tienda.
  6. Selecciona la mejor opción para tu aplicación: Aplicaciones de Windows, Aplicaciones de Phone, o Aplicaciones universales (incluye tanto Windows como Windows Phone).
  7. En el panel central de la ventana Nuevo proyecto, selecciona Aplicación vacía.
  8. Dale un nombre al proyecto en la parte inferior de la ventana.
  9. Haz clic en Aceptar.

2. Abre el editor de manifiestos

  1. Si el Explorador de soluciones no se muestra, selecciónalo en el menú Ver.
  2. Haz doble clic en package.appxmanifest. Esto abre la ventana del editor de manifiestos.

3. Suministra los detalles del icono predeterminado

Nota  Este paso no cubre todas las opciones disponibles en el editor de manifiestos, solo las pertinentes para el icono predeterminado.

 

  1. Selecciona la ficha Aplicación si no está seleccionada.

  2. Cambia el Nombre para mostrar si fuese necesario. Este es el nombre por el que se identifica el icono en la lista de Aplicaciones y se muestra en el icono.

  3. Selecciona la ficha Activos visuales

  4. Bajo Imágenes y logotipos de icono, se proporcionan imágenes predeterminadas para todos los logotipos en el manifiesto de Windows Phone y &&selecciona los logotipos en el manifiesto de Windows:

    • Logotipo cuadrado 150x150
    • Logotipo cuadrado 30x30
    • Logotipo de la Tienda

    Debes cambiar estas imágenes por las tuyas, Tienes la opción de proporcionar imágenes para diferentes escalas visuales, pero no tienes que proporcionarlas todas. Si solo quieres suministrar una imagen para cada logotipo, proporciona la escala de 180% para Windows y la de 240% para Windows Phone. Ten en cuenta que las imágenes proporcionadas deben tener exactamente las mismas dimensiones de píxeles que las especificadas en el editor de manifiestos.

    Importante  Para tamaños de icono anchos y altos, debes proporcionar imágenes de logotipo anchas y altas para que el usuario pueda ajustar el tamaño del icono de tu aplicación a esos tamaños. Sin esas imágenes de logotipo, el icono de tu aplicación se vería restringido a tamaños medios y pequeños.

     

  5. Escribe un nombre corto para la aplicación. Este nombre puede utilizarse sobre el icono en lugar del nombre para mostrar. Este nombre debería tener 13 caracteres o menos. Si el nombre es demasiado largo, se truncará. Puedes elegir mostrar el logotipo, el nombre corto o ninguno de los dos.

  6. Elige los tamaños de icono sobre los que se puede mostrar el nombre corto.

  7. Solo para Windows : elige si el texto del nombre debería utilizar una fuente clara u oscura, basando tu decisión en el color de fondo del icono.

  8. Solo para Windows: selecciona un tamaño predeterminado para tu icono. Cuando el usuario toque tu aplicación en la pantalla Inicio, este es el tamaño que se mostrará.

  9. Acepta el color de fondo predeterminado o proporciona el tuyo propio tal como una cadena de color W3DC (por ejemplo, "#FFFFFF"). El color de fondo se usa para colorear otros aspectos de la aplicación: el color de los botones en cualquier cuadro de diálogo perteneciente a la aplicación y la página de descripción de la aplicación en la Tienda Windows. Nota  Windows Phone: define el color de fondo como "transparente" para utilizar el color de énfasis del sistema.

     

Resumen y siguientes pasos

En este inicio rápido, creaste la definición de un icono predeterminado en un manifiesto de paquete.

Después de que la aplicación se instale, puedes comenzar a actualizar el icono con información importante para el usuario. Si quieres obtener más información sobre el diseño y envío de una notificación de icono, consulta el tema de Inicio rápido: enviar una actualización de icono.

Temas relacionados

Escenarios de características de muestra de Reversi: icono y pantalla de presentación