ImageViewer Moder UI

Dans ce post, nous allons créer une application ImageViewer. Celle-ci affichera les images que vous possédez dans votre bibliothèque d’image (votre dossier « Mes Images »). Pour cela, ouvrez Visual Studio, et sur la page d’accueil cliquez sur « New Project » ou allez dans « File » à « New » à « Project ». Créez alors un nouveau projet de type « Blank App » dans la rubrique « Windows Metro Style ».

La première chose à faire est d’autoriser votre application d’accéder à votre répertoire « Mes Images ». Si vous ne le faites pas, vous obtiendrez le message d’erreur suivant.

En effet, la politique de sécurité de Windows 8 vous interdit par défaut l’accès à votre bibliothèque d’image. Dans l’explorateur de solution, double-cliquez sur le fichier « Package.appxmanifest ». Allez ensuite sur l’onglet « Capacités », cochez la case correspondant à « Accéder à la bibliothèque d’images » et sauvegardez le fichier.

Ajoutez une nouvelle classe « ImageItem » à la solution. Pour chacune des images de la bibliothèque, on en instanciera une qui contiendra son nom, son chemin et une petite description.

Dans le fichier MainPage.xaml, ajoutez une GridView.

Allez ensuite dans le fichier MainPage.xaml.cs, et créez une méthode « InitializeGrid » qui remplira la GridView avec les images présentes dans votre dossier « Mes Images ».

Lancez alors l’application. S’il existe des images dans votre répertoire « Mes Images », vous obtiendrez alors l’affichage suivant.

Dans le cas où aucune image n’est trouvée dans ce répertoire, vous obtiendrez le message suivant.

La déclaration des fonctionnalité de votre application

Pour accéder aux ressources utilisateur ou aux périphériques connectés, il faut déclarer les fonctionnalités des applications Windows 8. Cette étape est requise si vous souhaitez publier votre application sur le Windows Store. En effet, quand vous soumettez votre application, elle fait tout d’abord l’objet d’un contrôle afin de s’assurer que les fonctionnalités que vous avez déclarées correspondent à la description que vous en avez faite, et avant toute installation, ces dernières seront notifiées à l’utilisateur qui souhaitera la télécharger.

La déclaration se fait en éditant le fichier « Package.appxmanifest » (manifeste de package) de votre projet. Sous Visual Studio, dans l’explorateur de solution de votre projet, double-cliquez sur le fichier « Package.appxmanifest ». Allez ensuite sur l’onglet « Capacités », cochez les cases correspondant aux fonctionnalités que vous souhaitez déclarer et sauvegardez le fichier.

Il existe deux types de fonctionnalités à déclarer dans le manifeste de package : les fonctionnalités à usage général, qui sont celles qui s’appliquent à la majorité des cas d’utilisations dans le cadre des applications de style Modern UI, et celles à usage spécial qui sont destinées à des scénarios très spécifiques. L’utilisation des fonctionnalités à usage spécial est très limitée et sujette à des contrôles complémentaires dans le cadre du déploiement sur le Windows Store.

Les fonctionnalités à usage général proposent l’accès à l’audiothèque, à la bibliothèque d’image, à la vidéothèque, aux stockages amovibles, au microphone, à la webcam, à la localisation, aux fonctionnalités de proximité, aux connexions internet et aux réseaux domestiques ou d’entreprise. Celles à usage spécial, quand à elles, donnent accès à la bibliothèque de documents, à l’authentification en entreprise et à l’utilisation de certificats utilisateurs partagés.

Hello World Modern UI

Dans cette partie, nous allons créer une application Hello World. Nous aurons un bouton au centre de l’écran. En cliquant dessus, le message « Hello world ! » s’affichera via une MessageBox et à la validation par l’utilisateur, on quittera l’application.

Pour commencer, lancez Visual Studio. Créez un nouveau projet soit depuis la page d’accueil en cliquant sur « New Project » ou en allant dans « File » → « New » → « Project ». Créez alors un nouveau projet de type « Blank App » dans la rubrique « Windows Metro Style ».

Une fois votre projet créé, ouvrez le fichier MainPage.xaml. Rajoutez-y le bouton comme suit :

Ouvrez ensuite le fichier MainPage.xaml.cs pour créer l’action liée au click sur le bouton :

Ca y est, votre Hello World Modern UI est terminé, vous pouvez alors l’exécuter :

Obtenir une licence développeur Windows 8

Une licence de développeur pour Windows 8 vous permet d’installer, de développer, de tester et d’évaluer des applications du Windows Store avant qu’elle ne soit testées et validées par Microsoft. Ces licences sont gratuites. Vous pouvez en obtenir autant que nécessaire dès lors que vous possédez un compte Windows Live.

A la création de votre premier projet d’application Windows 8, Visual Studio vous demandera une licence de développeur Windows 8. Dans cet article, je vais vous expliquer la procédure à suivre pour en avoir une.

Pour commencer, lancez Visual Studio 2012.

Une fois sur la page d’accueil, cliquez sur « New Project » ou allez dans « File » → « New » → « Project ». Créez alors un nouveau projet de type « Blank App » dans la rubrique « Windows Metro Style ».

Un message s’affiche, vous proposant d’obtenir une licence temporaire de développeur. Cliquez sur « J’accepte » et connectez-vous avec votre compte Live afin de l’obtenir.

Une fois la procédure terminée, vous obtiendrez une confirmation avec la durée de validité de votre licence de développeur Windows 8. Vous voilà alors prêt à créer votre première application !

Installer Windows 8 et Visual Studio 2012

Pour commencer, nous avons besoin de la version RTM de Windows 8.

Démarrez l’installation de Windows 8 RTM. Sélectionnez la langue que vous désirez puis cliquez sur le bouton suivant. Entrez alors la clé produit que vous avez obtenu avec l’image de Windows 8 et validez. Acceptez ensuite les termes du contrat de licence, choisissez le type d’installation que vous souhaitez et lancez la.

Une fois l’installation terminée, vous devrez donner un nom à votre ordinateur et choisir le jeu de couleur de votre interface Modern UI. Sur l’écran suivant, cliquez sur « Utiliser la configuration rapide », et pour terminer saisissez les informations de votre compte Windows Live.

Votre installation de Windows 8 est alors terminée, et vous voilà sur votre interface Modern UI.

Pour continuer, vous devez vous procurer la version Professionnal ou Ultimate de Visual Studio 2012. Elles sont disponibles en téléchargement sur le site MSDN.

Lancez alors l’installation de Visual Studio et suivez l’assistant afin de procéder à l’installation complète de Visual Studio.

Une fois l’installation terminée, vous voila prêt(e) à créer vos applications Windows 8 !