VisualElements (schéma des extensions pour Windows 8.1)

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 de l’écran de verrouillage.

Hiérarchie d’éléments

<VisualElements>

Syntaxe

<VisualElements DisplayName     = A string between 1 and 256 characters in length. This string is localizable. 
                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
                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. >

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

</VisualElements>

Clé

? facultatif (zéro ou un)

& connecteur entrelacé (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 Notes pour les noms de couleurs. Notez que la couleur d’arrière-plan spécifiée ici s’applique également aux éléments suivants :

  • Couleur du bouton dans toutes les boîtes de dialogue appartenant à l’application
  • Page Description de l’application dans le Microsoft Store

s’applique à Windows Phone : le choix de l’option « 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 peut être localisée ; Pour plus d’informations, consultez la section Notes.

Chaîne comportant entre 1 et 2048 caractères qui ne peuvent pas contenir de caractères tels que des tabulations, des retours chariot et des sauts de ligne. Oui
DisplayName

Nom convivial de l’application qui peut être affiché aux utilisateurs. Cette chaîne peut être localisée ; Pour plus d’informations, consultez la section Notes.

il existe deux mots réservés explicitement qui ne peuvent 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 de longueur comprise entre 1 et 256 caractères. Cette chaîne est localisable. Oui
ForegroundText

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

s’applique à Windows Phone : le choix de l’option « transparent » entraîne l’utilisation de la couleur d’accentuation système.

Cet attribut peut avoir l’une des valeurs suivantes :

  • léger
  • abri
Oui
Logo

Image utilisée comme vignette carrée de l’application. Pour plus d’informations sur la spécification de l’image dans cet attribut, consultez la section Notes.

Chaîne contenant entre 1 et 256 caractères qui se terminent par « .jpg », « .png » ou « . jpeg » qui ne peuvent pas contenir les caractères suivants : < , > , :,», |, ? ou *. Dans cette chaîne, les caractères/et \ ne peuvent pas être le premier ou le dernier caractère. En outre, la chaîne peut contenir/ou \, mais pas les deux. Oui
SmallLogo

Petite image affichée dans l’angle de la vignette pour identifier l’application. Pour plus d’informations sur la façon de spécifier l’image dans cet attribut, consultez la section Notes.

s’applique à Windows Phone : Windows Phone ne prend pas en charge le petit logo sur la vignette. Il est utilisé uniquement dans la liste des applications.

Chaîne contenant entre 1 et 256 caractères qui se terminent par « .jpg », « .png » ou « . jpeg » qui ne peuvent pas contenir les caractères suivants : < , > , :,», |, ? ou *. Dans cette chaîne, les caractères/et \ ne peuvent pas être le premier ou le dernier caractère. 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 s’affichent, ne spécifiez pas de valeur pour cet attribut. Notez que les applications ne doivent pas prendre de décision quant à l’envoi de notifications Toast sur la base de cette valeur.

boolean Non

 

Éléments enfants

Élément enfant Description
DefaultTile

Mosaïque par défaut qui représente l’application sur l’écran d’accueil. Cette vignette s’affiche lorsque l’application est installée pour la première fois, avant d’avoir reçu des notifications de mise à jour. Quand une vignette n’a pas de notifications à afficher, la vignette revient à la valeur par défaut.

InitialRotationPreference

Décrit les orientations dans lesquelles l’application préfère être affichée pour une expérience utilisateur optimale. Sur un appareil qui peut être pivoté, par exemple 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 des orientations paysage et LandscapeFlipped, et que l’appareil passe à l’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 l’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 respectée.

Ces choix d’orientation s’appliquent à la fois à [é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 au moment de l’exécution via le [AutoRotationPreferences] (/UWP/API/Windows. Graphics. Display. DisplayInformation).

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é par l’application lors du lancement.

 

Éléments parents

Cet élément (document) le plus à l’extérieur ne peut pas être contenu dans d’autres éléments.

Notes

Pour plus d’informations sur les spécifications de dimension en mosaïque, consultez tailles de mosaïques.

Les images logo et SmallLogo peuvent être fournies en tant que chemin d’accès direct à 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 Globalization .

Applications/applications/extensions/extension/FileTypeAssociation/logo applications/application/extensions/extension/protocole/logo

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

Taille de l’image mise à l’échelle des attributs d’image en pixels Applications\Application\VisualElements\ @Logo 100 150 x 150 140 210x210 180 270x270 Applications\Application\VisualElements\ @SmallLogo 100 30x30 140 42x42 180 54x54

Les noms de couleur d’arrière-plan pris en charge sont les suivants :

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 Valeur CornflowerBlue
Violet bourbon Rouge cramoisi Cyan darkBlue darkCyan darkGoldenrod
Gris foncé 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é
hotPink indianRed Indigo Blanc ivoire Vert kaki Bleu lavande
lavenderBlush 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 Papaye peachPuff
Brun Pérou pink Violet prune powderBlue purple rouge
rosyBrown royalBlue saddleBrown Saumon sandyBrown Vert marin
seaShell Brun terre de Sienne Gris argent skyBlue slateBlue Ardoise
Blanc neige springGreen steelBlue tan Bleu sarcelle Violet chardon
Rouge tomate transparent Turquoise Violet Jaune blé white
Valeur Blanc fumée 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

Colors, classe

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