uwp
UWP Hello World

Syntax

• Detta är det enkla exemplet på populära "Hello World!" för Universal Windows-plattform på Windows 10.

Hello World - Universal Windows-plattform

Efter att ha lanserat Visual Studio 2015, gå till File → New → Project . I dialogrutan Nytt projekt bläddrar du i mallträdet till Visual C# → Windows → Universal och väljer Blank App (Universal Windows) . Därefter måste vi fylla i formuläret för att beskriva ansökan:

1. Namn : detta är namnet på applikationen som kommer att visas för användaren. Ställ in den på HelloWorld eller använd en anpassad titel.
2. Plats : anger var projektet ska lagras
3. Lösningsnamn : detta är en typ av behållare med projekt som grupperar flera projekt relaterade till samma applikation (till exempel kan en lösning bestå av ett UI-projekt och ett modellprojekt). Du kan sätta samma Name som ditt första projekt.

Standardprojektets innehåll

Du får ett projekt med följande filer:

1. Package.appxmanifest : beskriver egenskaperna för din applikation. Den innehåller några UI-inställningar, såsom dess disaply-namn, logotypen, de stödda rotationerna. Och den innehåller också tekniska inställningar som applikationens startpunkt (som är App klassen som standard). Slutligen listar det också behörigheter som krävs av din ansökan på fliken Funktioner . till exempel om du vill använda webbkameran i din applikation måste du kontrollera motsvarande funktioner.
2. App.xaml / App.xaml.cs : App klassen är standardinmatningspunkten för din applikation. Xaml-filerna kan innehålla resurser som delas över hela applikationen, till exempel stilsättning eller instans av en klass som du vill dela, t.ex. en ViewModel-lokalisering. Koden bakom filerna innehåller all programkod för start. Som standard implementerar den OnLaunched metoden som åberopas av slutanvändaren. Det initialiserar fönstret och navigerar till applikationens första sida (som standard MainPage klassen).
3. MainPage.xaml / MainPage.xaml.cs : detta är den första sidan i vår applikation. Den innehåller bara ett tomt rutnät som är en layoutkontroll.

Ändra vyn

Öppna MainPage.xaml och ersätt rutnätkontrollen med

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

Detta skapar ett rutnät med två kolumner. Den första kolumnen som en bredd inställd på auto vilket innebär att den automatiskt kommer att ställas in i funktion av storleken på sina barn. Den andra kolumnen sträcker sig för att fylla det återstående utrymmet i fönstret. Detta rutnät innehåller två element:

• en Button som ligger i den första kolumnen. Klickhändelsen är bunden till metoden Button_Click på koden bakom och dess rubrik Text är "Say Hello!" .
• ett TextBlock som ligger i den andra kolumnen. Text är inställd på "Klicka på knappen." . Och vi har ställt in ett namn på denna kontroll med hjälp av attributet x:Name . Detta krävs för att kunna använda kontrollen i koden bakom. MainPage.xaml.cs till följande kod i MainPage.xaml.cs :

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

Detta är den metod som kommer att anropas när användaren klickar (eller knackar) på knappen. Och det kommer att uppdatera TextBlock och ställa in texten till "Hello World!" .

Kör applikationen

För att köra applikationen kan du använda menyn Debug → Start Debugging eller genvägen F5 . Som standard kör det applikationen på din lokala maskin.