VisualElements (schéma de package pour Windows 8)

Décrit les aspects visuels de l’application UWP : sa vignette par défaut, les images de logo, le texte et les couleurs d’arrière-plan, l’orientation initiale de l’écran, l’écran de démarrage et l’apparence de la vignette d’écran de verrouillage.

Hiérarchie d’éléments

<Paquet>
<Applications>
<Application>
<VisualElements>

Syntax

<VisualElements DisplayName     = A string between 1 and 256 characters in length.
                Logo            = A string between 1 and 256 characters in length that ends with ".jpg", ".png", or ".jpeg" that can't contain these characters: <, >, :, %, ", |, ?, or *. In this string, the / and \ characters can't be the first or last characters. Also, the string can contain / or \ but not both.
                SmallLogo       = A string between 1 and 256 characters in length that ends with ".jpg", ".png", or ".jpeg" that can't contain these characters: <, >, :, %, ", |, ?, or *. In this string, the / and \ characters can't be the first or last characters. Also, the string can contain / or \ but not both.
                Description     = A string between 1 and 2048 characters in length that cannot include characters such as tabs, carriage returns, and line feeds.
                ForegroundText  = "light" | "dark"
                BackgroundColor = A three-byte hexadecimal number preceded by "#" or a named color.
                ToastCapable?   = boolean >

  <!-- Child elements -->
  ( DefaultTile?
  & LockScreen?
  & SplashScreen
  & InitialRotationPreference?
  )

</VisualElements>

Clé :

? facultatif (zéro ou un)

& connecteur interleave (peut se produire dans n’importe quel ordre)

Attributs et éléments

Attributs

Attribut Description Type de données Obligatoire Valeur par défaut
BackgroundColor

Spécifie la couleur d’arrière-plan de la vignette de l’application. Consultez la section Remarques pour connaître les noms de couleurs. Notez que la couleur d’arrière-plan spécifiée ici s’applique également à ces éléments :

  • Couleur du bouton dans les boîtes de dialogue appartenant à l’application
  • Page Description de l’application dans le Microsoft Store
  • S’applique à Windows Phone : le choix de « transparent » entraîne l’utilisation de la couleur d’accentuation système.
Nombre hexadécimal de trois octets précédé de « # » ou d’une couleur nommée. Oui
Description

Description de l’application. Cette chaîne est localisable ; consultez Remarques pour plus d’informations.

Chaîne comprise entre 1 et 2048 caractères qui ne peuvent pas inclure de caractères tels que des onglets, des retours chariots et des flux de ligne. Oui
DisplayName

Nom convivial de l’application qui peut être affichée aux utilisateurs. Cette chaîne est localisable ; consultez Remarques pour plus d’informations.

Il existe deux mots réservés explicitement qui peuvent ne pas être utilisés comme DisplayName pour les applications chargées dans le Microsoft Store : « NoUIEntryPoints » et « NoUIEntryPoints-DesignMode ». L’utilisation de ces identificateurs est réservée aux outils de développement et aux suites de tests.

Chaîne comprise entre 1 et 256 caractères de longueur. Oui
ForegroundText

Spécifie la couleur de premier plan de la vignette de l’application.

  • S’applique à Windows Phone : cette valeur est ignorée. Toutes les vignettes utilisent la couleur de texte clair.

Cet attribut peut avoir l’une des valeurs suivantes :

  • léger
  • Sombre
Oui
Logo

Image utilisée comme vignette carrée de l’application. Pour plus d’informations sur la façon de spécifier l’image dans cet attribut, consultez Remarques.

Chaîne comprise entre 1 et 256 caractères qui se termine par « .jpg », « .png » ou « .jpeg » qui ne peut pas contenir ces caractères : <, , >:, %, « |, ? » ou *. Dans cette chaîne, les caractères / et \ ne peuvent pas être les premiers ou les derniers caractères. En outre, la chaîne peut contenir / ou \ mais pas les deux. Oui
SmallLogo

Une petite image affichée dans le coin de la vignette pour identifier l’application. Pour plus d’informations sur la façon de spécifier l’image dans cet attribut, consultez Remarques.

  • S’applique à Windows Phone : Windows Phone n’affiche pas le petit logo sur la vignette. Elle est utilisée uniquement dans la liste Applications.
Chaîne comprise entre 1 et 256 caractères qui se termine par « .jpg », « .png » ou « .jpeg » qui ne peut pas contenir ces caractères : <, , >:, %, « |, ? » ou *. Dans cette chaîne, les caractères / et \ ne peuvent pas être les premiers ou les derniers caractères. En outre, la chaîne peut contenir / ou \ mais pas les deux. Oui
ToastCapable

La valeur true indique que l’application est autorisée à fournir des notifications toast. La valeur par défaut est false. Si vous ne souhaitez pas que les notifications toast apparaissent, ne spécifiez pas de valeur pour cet attribut. Notez que les applications ne doivent pas prendre de décisions sur l’envoi de notifications toast en fonction de cette valeur.

boolean Non

 

Éléments enfants

Élément enfant Description
DefaultTile

Vignette par défaut qui représente l’application sur l’écran de démarrage. Cette vignette s’affiche lorsque l’application est installée pour la première fois, avant de recevoir des notifications de mise à jour. Lorsqu’une vignette n’a aucune notification à afficher, la vignette revient à cette valeur par défaut.

InitialRotationPreference

Décrit les orientations dans lesquelles l’application préférerait être affichée pour la meilleure expérience utilisateur. Sur un appareil qui peut être pivoté, tel qu’une tablette, l’application ne sera pas redessinée pour les orientations qui ne sont pas spécifiées ici. Par exemple, si l’application spécifie uniquement les orientations Paysage et PaysageFlipped, et que l’appareil est pivoté vers une orientation Portrait, l’application ne pivote pas.

Notez que sur les appareils qui ne peuvent pas être pivotés, une application peut être affichée dans l’orientation par défaut de cet appareil et l’orientation préférée de l’application sera ignorée. Toutefois, sur un appareil avec un verrou de rotation activé, la rotation préférée de votre application sera toujours honorée.

Ces choix de préférence d’orientation s’appliquent à la fois à l’écran de démarrage (element-splashscreen.md) et à l’interface utilisateur de l’application lorsqu’une nouvelle session est lancée pour votre application. Les préférences peuvent être modifiées pendant l’exécution via [AutoRotationPreferences](/uwp/api/Windows. Propriété Graphics.Display.DisplayProperties).

LockScreen

Définit le badge et les notifications qui représentent l’application sur l’écran de verrouillage, qui s’affiche lorsque le système est verrouillé.

SplashScreen

Définit l’apparence de l’écran de démarrage, qui est affichée par l’application pendant le lancement.

 

Éléments parents

Élément parent Description
Application

Représente une application qui comprend une partie ou l’ensemble des fonctionnalités fournies dans le package.

 

Remarques

Pour plus d’informations sur les exigences en matière de dimension de vignette, consultez Tailles des vignettes.

Les images Logo et SmallLogo peuvent être fournies comme un chemin direct vers un fichier image ou en tant que ressource. En utilisant une référence à une ressource, vous pouvez fournir des images d’échelles différentes afin que Windows puisse choisir la taille la mieux adaptée à l’appareil et à la résolution d’écran. Vous pouvez également fournir des images à contraste élevé pour l’accessibilité et des images localisées correspondant aux différentes langues d’interface utilisateur. Cette fonctionnalité vous permet également de localiser les attributs DisplayName et Description . Pour plus d’informations, consultez la rubrique Globalisation .

Applications/Application/Extensions/Extension/FileTypeAssociation/Logo Applications/Application/Extensions/Extension/Protocol/Logo

Les exigences de taille de deux types d’images de logo sont affichées ici :

Taille de l’image d’échelle de l’attribut image en pixels Applications\Application\VisualElements\@Logo 100 150x150 140 210x210 180 270x270 Applications\Application\VisualElements\@SmallLogo 100 30x30 140 42x42 180 54x544

Voici les noms de couleurs d’arrière-plan pris en charge :

Nom Nom Nom Nom Nom Nom
aliceBlue antiqueWhite Bleu vert Vert eau marine azure Beige
Beige bisque black blanchedAlmond blue blueViolet Marron
Burlywood cadetBlue Vert Chartreuse Brun chocolat Corail cornflowerBlue
Violet bourbon Rouge cramoisi Cyan Darkblue darkCyan darkGoldenrod
darkGray darkGreen darkKhaki darkMagenta darkOliveGreen darkOrange
darkOrchid darkRed darkSalmon darkSeaGreen darkSlateBlue darkSlateGray
darkTurquoise darkViolet deepPink deepSkyBlue dimGray dodgerBlue
Rouge brique floralWhite forestGreen Fuchsia Gris Gainsboro ghostWhite
Or Jaune doré Gris green greenYellow Miellé
Rose vif indianRed Indigo Blanc ivoire Vert kaki Bleu lavande
lavandeBlush lawnGreen lemonChiffon Lightblue lightCoral lightCyan
lightGoldenrodYellow lightGreen lightGray lightPink lightSalmon lightSeaGreen
lightSkyBlue lightSlateGray lightSteelBlue lightYellow lime limeGreen
Blanc lin Magenta Bordeaux mediumAquamarine mediumBlue mediumOrchid
mediumPurple mediumSeaGreen mediumSlateBlue mediumSpringGreen mediumTurquoise mediumVioletRed
midnightBlue mintCream mistyRose Beige mocassin navajoWhite Bleu marine
oldLace Vert olive oliveDrab orange orangeRed Violet orchidée
paleGoldenrod paleGreen paleTurquoise paleVioletRed papayaWhip pêchePuff
Brun Pérou pink Violet prune powderBlue purple rouge
rosyBrown royalBlue saddleBrown Saumon Sandybrown seaGreen
Seashell Brun terre de Sienne Gris argent skyBlue slateBlue slateGray
Blanc neige springGreen steelBlue tan Bleu sarcelle Violet chardon
Rouge tomate transparent Turquoise Violet Jaune blé white
Whitesmoke yellow yellowGreen

 

Exemples

L’exemple suivant est extrait du manifeste de package d’un exemple de KIT DE développement logiciel (SDK).

                    
<Applications>
    <Application Id="App" StartPage="default.html">
        <VisualElements 
            DisplayName="ApplicationDataSample" 
            Logo="images\squareTile-sdk.png" 
            SmallLogo="images\smallTile-sdk.png" 
            Description="Application data sample" 
            ForegroundText="dark" 
            BackgroundColor="#FFFFFF" 
            ToastCapable="false">
            <DefaultTile ShowName="allLogos"/>
            <SplashScreen BackgroundColor="white" Image="images\splash-sdk.png"/>
        </VisualElements>
    </Application>
</Applications>
                

Voir aussi

Images et captures d’écran de l’application

Classe Colors

Démarrage rapide : Création d’une vignette par défaut à l’aide de l’éditeur de manifeste Visual Studio

Spécifications

Valeur
Espace de noms http://schemas.microsoft.com/appx/2010/manifest