.NET Core - Créer une application UWP

Dans ce chapitre, nous verrons comment créer une application UWP à l'aide de .NET Core. UWP est également connu sous le nom d'application Windows 10 UWP. Cette application ne fonctionne pas sur les versions précédentes de Windows mais ne fonctionnera que sur la future version de Windows.

Voici quelques exceptions où UWP fonctionnera correctement.

• Si vous souhaitez l'exécuter localement, vous devez avoir Windows 10, vous pouvez également développer sur Windows 8 et vous devrez ensuite l'exécuter sur Emulator, mais il est encouragé à utiliser Windows 10.

• Pour l'application UWP, vous aurez également besoin du SDK Windows 10. Ouvrons le programme d'installation de Visual Studio 2015, puis modifions Visual Studio.

• Sur la page de sélection des fonctionnalités, faites défiler vers le bas et vous verrez Universal Windows App Development Tools, cochez cette option comme indiqué ci-dessous.

Ici, vous pouvez voir les différentes versions du SDK et la dernière mise à jour sur les outils, cliquez sur Suivant.

Maintenant, cliquez sur le Install bouton.

Une fois l'installation terminée, vous devrez redémarrer votre système.

Implémentons maintenant l'UWP en suivant ces étapes.

• Tout d'abord, lancez Visual Studio 2015.

• Cliquez sur le menu Fichier et sélectionnez Nouveau → Projet; une boîte de dialogue Nouveau projet apparaîtra. Vous pouvez voir les différents types de modèles dans le volet gauche de la boîte de dialogue.

• Dans le volet gauche, vous pouvez voir l'arborescence, sélectionnez maintenant Modèle universel dans Modèles → Visual C # → Windows.

• Dans le volet central, sélectionnez le modèle Blank App (Universal Windows).

• Donnez un nom au projet en tapant UWPFirstApp dans le champ Nom et cliquez sur OK.

• La boîte de dialogue version cible / version minimale apparaît. Les paramètres par défaut conviennent pour ce didacticiel, sélectionnez donc OK pour créer le projet.

• Ici, nous avons un seul projet qui peut cibler tous les appareils Windows 10, et vous remarquerez que .NET Core et UWP simplifient le multi-ciblage.

• Lorsqu'un nouveau projet s'ouvre, ses fichiers sont affichés sur le côté droit du volet Explorateur de solutions. Vous devrez peut-être choisir l'onglet Explorateur de solutions au lieu de l'onglet Propriétés pour voir vos fichiers.

• Bien que l'application vierge (fenêtre universelle) soit un modèle minimal, elle contient toujours beaucoup de fichiers. Ces fichiers sont essentiels pour toutes les applications UWP utilisant C #. Chaque projet que vous créez dans Visual Studio contient les fichiers.

• Pour voir l'exemple en cours, ouvrons MainPage.XAML et ajoutons le code suivant.

<Page 
   x:Class = "UWPFirstApp.MainPage" 
   xmlns = "http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
   xmlns:x = "http://schemas.microsoft.com/winfx/2006/xaml" 
   xmlns:local = "using:UWPFirstApp" 
   xmlns:d = "http://schemas.microsoft.com/expression/blend/2008" 
   xmlns:mc = "http://schemas.openxmlformats.org/markup-compatibility/2006" 
   mc:Ignorable = "d">  
   
   <Grid Background = "{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
      <StackPanel HorizontalAlignment = "Center"> 
         <TextBlock Text = "Hello, world!"  
            Margin = "20" 
            Width = "200" 
            HorizontalAlignment = "Left"/> 
         <TextBlock Text = "Write your name." 
            Margin = "20" 
            Width = "200" 
            HorizontalAlignment = "Left"/> 
         <TextBox x:Name = "txtbox"  
            Width = "280" 
            Margin = "20" 
            HorizontalAlignment = "Left"/> 
         <Button x:Name = "button" Content = "Click Me" 
            Margin = "20" 
            Click = "button_Click"/> 
         <TextBlock x:Name = "txtblock"  
            HorizontalAlignment = "Left" 
            Margin = "20"/> 
      </StackPanel> 
   </Grid> 

</Page>

Vous trouverez ci-dessous l'événement de clic du bouton en C #.

using System; 
using System.Collections.Generic; 
using System.IO; 
using System.Linq; 
using System.Runtime.InteropServices.WindowsRuntime; 

using Windows.Foundation; 
using Windows.Foundation.Collections; 

using Windows.UI.Xaml; 
using Windows.UI.Xaml.Controls; 
using Windows.UI.Xaml.Controls.Primitives; 
using Windows.UI.Xaml.Data; 
using Windows.UI.Xaml.Input; 
using Windows.UI.Xaml.Media; 
using Windows.UI.Xaml.Navigation;  

// The Blank Page item template is documented at 
// http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409  

namespace UWPHellowWorld { 
   /// <summary> 
   /// An empty page that can be used on its own or navigated to within a Frame. 
   /// </summary> 
   public sealed partial class MainPage : Page { 
      public MainPage() { 
         this.InitializeComponent(); 
      }  
      private void button_Click(object sender, RoutedEventArgs e) { 
         if (txtbox.Text != "") 
            txtblock.Text = "Hello: " + txtbox.Text; 
         else 
            txtblock.Text = "You have not write your name"; 
      } 
   } 
}

Exécutons maintenant le code ci-dessus sur la machine locale et vous verrez la fenêtre suivante. Tapez maintenant n'importe quel nom dans la zone de texte et appuyez sur la toucheClick Me bouton.