windows-10-universalAan de slag met Windows-10-Universal


Opmerkingen

Deze sectie biedt een overzicht van wat Windows-10-Universal is en waarom een ontwikkelaar het misschien wil gebruiken.

Het moet ook alle grote onderwerpen binnen windows-10-universal vermelden en naar de gerelateerde onderwerpen verwijzen. Aangezien de documentatie voor windows-10-universal nieuw is, moet u mogelijk eerste versies van die gerelateerde onderwerpen maken.

Een nieuw project maken (C # / XAML)

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.

Nieuw projectdialoogvenster

Inhoud van het standaardproject

U verkrijgt een project met de volgende bestanden:

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

Installatie of instellingen

Als u Visual Studio 2015 niet hebt, gaat u naar https://www.visualstudio.com/en-us/downloads/download-visual-studio-vs.aspx en selecteert u Visual Studio Community. Het is een gratis versie die alle benodigde mogelijkheden heeft om de Windows 10-applicatie te ontwikkelen. U kunt de Enterprise-editie installeren als u over de vereiste licentie beschikt. Start vervolgens het installatieprogramma.

Als u Visual Studio 2015 al hebt geïnstalleerd, gaat u in het Windows Control Panel naar Programma en functies en klikt u in de lijst met de rechtermuisknop op Microsoft Visual Studi0 2015 (deze naam kan veranderen in functie van de geïnstalleerde versie van Visual Studio 2015) en selecteert u Wijzigen .

Klik in het dialoogvenster Visual Studio installeren op Modify en installeer onder Windows en Web Development alle universele Windows App Development Tools . Het installeert de Windows 10 SDK, een Windows 10 mobiele emulator (aangedreven door Hyper-V) en de Visual Studio die nodig is om Windows 10-applicaties te maken.

voer hier de afbeeldingsbeschrijving in

Wanneer de installatie is voltooid, kunt u een nieuw Windows 10-project maken.

Systeemvereisten: Windows 10

Visual Studio 2015 (functie Universal Windows App Development Tools)

Instructies voor het inschakelen van de functie Universal Windows App Development Tools tijdens de installatie tijdens visual studio 2015.

Tijdens de installatie moet u aanpassen selecteren en moet u Universal Windows App Development Tools controleren.

ii.Als u al Visual Studio 2015 hebt, kunt u deze hulpmiddelen nu toevoegen aan uw bestaande Visual Studio-installatie. U kunt het installatieprogramma uitvoeren of Programma's en onderdelen openen vanuit het Configuratiescherm, Visual Studio selecteren en op Wijzigen klikken. Klik vervolgens in de installatie op Wijzigen en selecteer de Tools voor universele Windows-apps.

iii. Na het installeren van tools kan men een project maken met behulp van nieuwe projectsjablonen (Windows-> Universal) in Visual Studio 2015 in een taal naar keuze - C #, VB, C ++ of JavaScript.

Om te beginnen met de ontwikkeling van de Windows 10 Universal-app moet Visual Studio 2015 op een Windows 10-computer staan. U kunt hier Windows 10 kopen. U kunt Visual Studio 2015 vanaf hier downloaden. U kunt Community-, Professional- of Enterprise-versies van Visual Studio gebruiken. Sommige functies zijn beperkt in de Express-versie.

U kunt een gedetailleerde handleiding hoe u Windows 10 te installeren vinden hier .

Wanneer u Visual Studio installeert, kiest u Aangepast en selecteert u onder 'Windows- en webontwikkeling' bij de selectie van functies 'Universele Windows App-ontwikkelingstools'. voer hier de afbeeldingsbeschrijving in

Als u klaar bent, bent u klaar om universele Windows-apps te ontwikkelen!