uwp
UWP Bonjour tout le monde

Syntaxe

• Ceci est l'exemple simple du populaire "Hello World!" pour Universal Windows Platform sur Windows 10.

Hello World - Plate-forme Windows universelle

Après avoir lancé Visual Studio 2015, accédez à File → New → Project . Dans la boîte de dialogue Nouveau projet , parcourez l'arborescence des modèles pour Visual C# → Windows → Universal et sélectionnez Blank App (Universal Windows) . Ensuite, nous devons remplir le formulaire pour décrire l'application:

1. Nom : c'est le nom de l'application qui sera affichée à l'utilisateur. Définissez-le sur HelloWorld ou utilisez un titre personnalisé.
2. Lieu : indique où le projet sera stocké
3. Nom de la solution : il s’agit d’une sorte de conteneur de projets regroupant plusieurs projets liés à la même application (par exemple, une solution peut être composée d’un projet d’interface utilisateur et d’un projet de modèle). Vous pouvez mettre le même Name que votre projet initial.

Contenu du projet par défaut

Vous obtiendrez un projet avec les fichiers suivants:

1. Package.appxmanifest : décrit les propriétés de votre application. Il contient des paramètres d'interface utilisateur tels que son nom disaply, son logo, les rotations prises en charge. Et il contient également des paramètres techniques tels que le point d'entrée de l'application (qui est la classe App par défaut). Enfin, il répertorie également les autorisations requises par votre application dans l'onglet Capabilities ; Par exemple, si vous souhaitez utiliser la webcam dans votre application, vous devrez vérifier les capacités correspondantes.
2. App.xaml / App.xaml.cs : la classe App est le point d'entrée par défaut de votre application. Les fichiers xaml peuvent contenir des ressources partagées dans l'ensemble de l'application, telles que les paramètres de styles ou l'instance d'une classe que vous souhaitez partager, comme un localisateur ViewModel. Les fichiers code-behind contiennent tout le code de démarrage de l'application. Par défaut, il implémente la méthode OnLaunched qui est appelée par l'utilisateur final. Il initialise la fenêtre et navigue jusqu'à la première page de l'application (par défaut la classe MainPage ).
3. MainPage.xaml / MainPage.xaml.cs : c'est la page initiale de notre application. Il ne contient qu'une grille vide qui est un contrôle de mise en page.

Modifier la vue

Ouvrez le MainPage.xaml et remplacez le contrôle Grid par

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="auto" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    <Button Click="Button_Click">Say Hello !</Button>
    <TextBlock Grid.Column="1"
               VerticalAlignment="Center"
               x:Name="myText"
               Text="Click the button." />
</Grid>

Cela va créer une grille avec deux colonnes. La première colonne en tant que largeur définie sur auto ce qui signifie qu'elle sera automatiquement définie en fonction de la taille de ses enfants. La deuxième colonne s'étirera pour remplir l'espace restant dans la fenêtre. Cette grille contient deux éléments:

• un Button situé dans la première colonne. L'événement click est Button_Click à la méthode Button_Click sur le code-behind et sa légende Text est "Say Hello!" .
• un TextBlock qui se trouve dans la deuxième colonne. Son texte est défini sur "Cliquez sur le bouton". . Et nous avons donné un nom à ce contrôle à l'aide de l'attribut x:Name . Ceci est nécessaire pour pouvoir utiliser le contrôle dans le code-behind. Dans le MainPage.xaml.cs , ajoutez le code suivant:

private void Button_Click(object sender, RoutedEventArgs e)
{
    this.myText.Text = "Hello World!";
}

C'est la méthode qui sera appelée lorsque l'utilisateur clique (ou touche) le bouton. Et il mettra à jour le TextBlock et définira son texte sur "Hello World!" .

Lancer l'application

Pour exécuter l'application, vous pouvez utiliser le menu Debug → Start Debugging ou le raccourci F5 . Par défaut, l'application exécutera l'application sur votre ordinateur local.