Créer des applications Windows Store avec Blend (HTML)

L'utilisation de Blend conjointement avec Visual Studio vous permet de tirer parti d'outils de conception HTML dans Blend pour créer des interfaces utilisateur complexes pour des applications Windows Store. Améliorez vos applications HTML à l'aide de Blend en incorporant des polices et en créant des animations CSS3. Vous pouvez même utiliser Blend pour corriger des erreurs au fur et à mesure de votre avancement.

Grâce à Blend, concentrez-vous sur la création visuelle de l'interface utilisateur plutôt que sur la syntaxe du code.

Lorsque vous utilisez Blend pour des tâches de conception d'interface utilisateur, deux vues de votre application vous sont proposées :

  • Vue au moment de la création   Lorsque vous travaillez dans Blend, vous progressez dans une version dynamique de votre application. Cela signifie que ce vous voyez sur la surface de conception correspond à ce que vos utilisateurs verront lorsqu'ils exécuteront votre application sur leur périphérique.

  • Vue au moment de l'exécution   Lorsque vous utilisez le mode interactif, vous pouvez accéder à des vues de votre application qui ne seront disponibles qu'au moment de l'exécution. L'utilisation du mode interactif pour accéder à la vue au moment de l'exécution de votre application vous permet de charger ces vues sur l'aire de conception, puis d'en modifier l'apparence, sans avoir à compiler votre code.

    Pour plus d'informations, consultez Utiliser le mode interactif.

Vous pouvez également basculer entre Blend et Visual Studio tout en travaillant sur un projet. Vous pouvez aussi ouvrir le même fichier projet simultanément sur le même ordinateur. Lorsque vous enregistrez une modification apportée à un fichier dans un outil et que vous basculez ensuite vers l'autre outil, il vous suffit de recharger le fichier pour actualiser la vue de votre projet.

Rubrique

Description

Créer votre première application Windows Store avec Blend, partie 1 : la page maître (HTML et JavaScript)

Créer la page d'accueil d'une application qui parcourt de nouvelles versions de films en se connectant à l'API Rotten Tomatoes, et apprendre à :

Créer votre première application Windows Store avec Blend, partie 2 : la page de détails (HTML et JavaScript)

Créer la page de détails d'une application qui parcourt de nouvelles versions de films en se connectant à l'API Rotten Tomatoes, et apprendre à :

Incorporer une police personnalisée

utiliser une police personnalisée dans votre application en l'intégrant à l'aide de CSS3 ;

créer une animation CSS3 ;

utiliser le volet Propriétés et la chronologie Animation pour créer une animation CSS3 ;

déboguer du code HTML et CSS ;

utiliser le volet Propriétés CSS pour diagnostiquer des problèmes d'affichage liés à la cascade CSS ;

Afficher: