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.

Qu’est-ce qu’une application Modern UI ?

Une application de style Modern UI (anciennement nommé style Metro) est une application pouvant s’exécuter sous Windows 8. Le développement d’une application de style Modern UI peut se faire en plusieurs langages, permettant ainsi à grand nombre de développeurs de le faire dans le langage qu’ils connaissent le mieux.

Que vous maitrisiez le développement web (HTML5/CSS3), le développement d’application .Net en WPF ou Silverlight (XAML/C#, VB, et même C++) ou encore les applications DirectX (C++), sachez que vous pouvez développer vos applications selon le style Modern UI. Ces applications peuvent s’afficher sous différents modes d’affichage avec par défaut un affichage en plein écran et sans bordure.

Cependant, une application de style Modern UI ne peut s’exécuter que sur Windows 8. Nous allons donc poursuivre cet article en vous présentant l’installation de Windows 8, suivie de l’installation de Visual Studio 2012. Ensuite, nous vous expliquerons comment créer votre première application en style Modern UI et terminerons par son déploiement sur le Windows Store.