Ajout de contrôles et de contenu (HTML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Chaque application a besoin de contrôles, tels que des boutons, des cases à cocher et des listes déroulantes. Les applications Windows Runtime en JavaScript offrent une prise en charge étendue des contrôles HTML existants et des contrôles et fonctionnalités supplémentaires via le kit d’outils gratuit de la Bibliothèque Windows pour JavaScript.

Les rubriques de cette section expliquent comment utiliser ces contrôles et comment leur appliquer un style.

Dans cette section

Rubrique Description

Ajouter des styles et des contrôles WinJS

Décrit les concepts de base de la création et de l’utilisation des contrôles de la Bibliothèque Windows pour JavaScript.

Contrôles de style

Apprendre à styliser les contrôles et à tirer parti des fonctionnalités de stylisation fournies par la bibliothèque Windows pour JavaScript.

Ajouter des conteneurs d’éléments

Découvrez comment ajouter un objet ItemContainer à votre application du Windows Store en JavaScript.

Ajouter des contrôles HTML et gestion des événements

Indique comment créer des contrôles HTML et gérer les événements qui leur correspondent.

Comment définir des gestionnaires d’événements de façon déclarative

Découvrez comment définir des gestionnaires d’événements de façon déclarative (dans votre balisage HTML) pour les contrôles HTML et de la Bibliothèque Windows pour JavaScript.

Liste des contrôles

Liste alphabétique des principaux contrôles des applications du Windows Store en JavaScript.

Contrôles par fonction

Présente une liste des contrôles classés suivant leur fonction

Ajouter l’affichage de liste, le zoom sémantique et FlipView

La plupart des applications manipulent et affichent des jeux de données, par exemple, des galeries d’images ou un ensemble de messages électroniques. La Bibliothèque Windows pour JavaScript propose plusieurs contrôles qui facilitent l’affichage, la présentation et la manipulation des données. Les rubriques de cette section décrivent ces contrôles de données et de présentation : FlipView, ListView et SemanticZoom.

Afficher et édition de texte

Indique comment afficher et modifier du texte.

Afficher des images, des graphiques et des miniatures

Contient les rubriques qui expliquent comment afficher des images et miniatures.

Afficher les fenêtres contextuelles

Contient les rubriques qui expliquent comment afficher des menus volants, menus et boîtes de message.

Ajouter des boutons

Utilisez un contrôle button pour valider une commande (envoyer ou réinitialiser un formulaire, par exemple). Les boutons offrent un moyen simple de déclencher une commande.

Ajouter des barres et des commandes d’application

La plupart des applications fournissent des commandes que les utilisateurs peuvent appeler. Les rubriques de cette section décrivent les objets app bars, tool bars et context menus, qui peuvent être utilisés pour proposer des commandes aux utilisateurs.

Ajouter des contrôles de sélection

Les contrôles de sélection permettent aux utilisateurs de faire un choix parmi plusieurs options.

Ajouter des évaluations

Contient les rubriques qui expliquent comment utiliser le contrôle Rating de la bibliothèque Windows pour JavaScript pour permettre aux utilisateurs d’évaluer des informations.

Ajouter des contrôles de page

Un contrôle PageControl représente une unité HTML, CSS et JavaScript modulaire qu’il est possible d’atteindre ou d’utiliser comme un contrôle de la bibliothèque Windows pour JavaScript personnalisé.

Ajouter des contrôles de progression

Décrit comment créer et utiliser les contrôles de progression, qui représentent graphiquement l’activité en cours ou la progression d’une tâche.

Ajouter des info-bulles

Une info-bulle est une brève description qui est liée à un autre contrôle ou objet. Les info-bulles aident à comprendre des objets inconnus ou peu familiers qui ne sont pas directement décrits dans l’interface utilisateur. Une info-bulle s’affiche automatiquement lorsque l’utilisateur appuie de façon prolongée ou pointe avec sa souris sur un contrôle. Elle disparaît lorsque l’utilisateur déplace son doigt ou le pointeur de la souris. Le contenu de l’info-bulle peut être du texte ou une image, mais il n’est pas interactif.

Créer des contrôles personnalisés

Même si Windows 8 propose une grande variété de contrôles, vous pourriez avoir besoin de créer vos propres contrôles. L’un des moyens de créer un contrôle personnalisé consiste à créer un objet PageControl. Pour obtenir des informations et des exemples, voir Démarrage rapide : ajout de contrôles de page.

Utiliser des graphiques avec zone de dessin, SVG et CSS3

Cette section contient des informations sur l’utilisation de graphiques dans votre application du Windows Store en JavaScript.