uwp
UWP Hallo wereld

Syntaxis

• Dit is het eenvoudige voorbeeld van de populaire "Hallo wereld!" voor Universal Windows Platform op Windows 10.

Hallo wereld - Universeel Windows-platform

Nadat u Visual Studio 2015 hebt gestart, gaat u naar File → New → Project . Blader in het dialoogvenster Nieuw project in de sjablonenboom naar Visual C# → Windows → Universal en selecteer Blank App (Universal Windows) . Vervolgens moeten we het formulier invullen om de toepassing te beschrijven:

1. Naam : dit is de naam van de applicatie die aan de gebruiker wordt getoond. Stel het in op HelloWorld of gebruik een aangepaste titel.
2. Locatie : geeft aan waar het project zal worden opgeslagen
3. Naam van de oplossing : dit is een soort container met projecten waarin verschillende projecten zijn gegroepeerd die betrekking hebben op dezelfde applicatie (een oplossing kan bijvoorbeeld bestaan uit een UI-project en een modelproject). U kunt dezelfde Name als uw oorspronkelijke project.

Inhoud van het standaardproject

U verkrijgt een project met de volgende bestanden:

1. Package.appxmanifest : beschrijft de eigenschappen van uw applicatie. Het bevat enkele UI-instellingen zoals de disaply-naam, het logo, de ondersteunde rotaties. En het bevat ook technische instellingen zoals het beginpunt van de applicatie (standaard de App klasse). Ten slotte worden ook autorisaties weergegeven die vereist zijn voor uw toepassing op het tabblad Mogelijkheden ; Als u bijvoorbeeld de webcam in uw toepassing wilt gebruiken, moet u de bijbehorende mogelijkheden controleren.
2. App.xaml / App.xaml.cs : de klasse App is het standaardinvoerpunt van uw toepassing. De xaml-bestanden kunnen bronnen bevatten die door de hele toepassing worden gedeeld, zoals het instellen van stijlen of een instantie van een klasse die u wilt delen, zoals een ViewModel-locator. De code-achter bestanden bevat alle opstartcode van de applicatie. Standaard wordt de OnLaunched methode geïmplementeerd die door de eindgebruiker wordt aangeroepen. Het initialiseert het venster en navigeert naar de eerste pagina van de toepassing (standaard de klasse MainPage ).
3. MainPage.xaml / MainPage.xaml.cs : dit is de eerste pagina van onze applicatie. Het bevat alleen een leeg raster dat een layoutbesturingselement is.

Wijzig de weergave

Open MainPage.xaml en vervang de Grid-besturing door

<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>

Hiermee maakt u een raster met twee kolommen. De eerste kolom als een breedte ingesteld op auto wat betekent dat deze automatisch wordt ingesteld in functie van de grootte van de kinderen. De tweede kolom wordt uitgerekt om de resterende ruimte in het venster te vullen. Dit raster bevat twee elementen:

• een Button die in de eerste kolom ligt. De gebeurtenis click is bindend voor de methode Button_Click op de code-achter en het bijschrift Tekst is "Say Hello!" .
• een TextBlock dat in de tweede kolom ligt. De tekst is ingesteld op 'Klik op de knop'. . En we hebben een naam voor dit besturingselement ingesteld met behulp van het kenmerk x:Name . Dit is vereist om het besturingselement in de code achter te kunnen gebruiken. Voeg in MainPage.xaml.cs de volgende code toe:

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

Dit is de methode die wordt aangeroepen wanneer de gebruiker op de knop klikt (of tikt). En het zal het TextBlock bijwerken en de tekst instellen op "Hallo wereld!" .

De toepassing uitvoeren

Om de toepassing uit te voeren, kunt u het menu Debug → Start Debugging of de sneltoets F5 . Standaard wordt de toepassing op uw lokale computer uitgevoerd.