uwp
UWP Hello World

Składnia

• To prosty przykład popularnego „Hello World!” dla Universal Windows Platform na Windows 10.

Hello World - uniwersalna platforma Windows

Po uruchomieniu programu Visual Studio 2015 przejdź do File → New → Project . W oknie dialogowym Nowy projekt przejdź w drzewie szablonów do Visual C# → Windows → Universal i wybierz Blank App (Universal Windows) . Następnie musimy wypełnić formularz, aby opisać Wniosek:

1. Nazwa : jest to nazwa aplikacji, która będzie wyświetlana użytkownikowi. Ustaw go na HelloWorld lub użyj niestandardowego tytułu.
2. Lokalizacja : wskazuje miejsce przechowywania projektu
3. Nazwa rozwiązania : jest to rodzaj kontenera projektów, który grupuje kilka projektów związanych z tą samą aplikacją (na przykład rozwiązanie może składać się z projektu interfejsu użytkownika i projektu modelowego). Możesz podać tę samą Name co swój początkowy projekt.

Treść domyślnego projektu

Otrzymasz projekt z następującymi plikami:

1. Package.appxmanifest : opisuje właściwości twojej aplikacji. Zawiera niektóre ustawienia interfejsu użytkownika, takie jak jego nieprzyzwoita nazwa, logo, obsługiwane rotacje. Zawiera także ustawienia techniczne, takie jak punkt wejścia aplikacji (domyślnie jest to klasa App ). Na koniec wyświetla listę autoryzacji wymaganych przez aplikację w zakładce Możliwości ; na przykład, jeśli chcesz korzystać z kamery internetowej w swojej aplikacji, musisz sprawdzić odpowiednie możliwości.
2. App.xaml / App.xaml.cs : klasa App jest domyślnym punktem wejścia twojej aplikacji. Pliki xaml mogą przechowywać zasoby wspólne dla całej aplikacji, takie jak ustawienia stylów lub instancja klasy, którą chcesz udostępnić, na przykład lokalizator ViewModel. Pliki z kodem zawierają cały kod startowy aplikacji. Domyślnie implementuje metodę OnLaunched , która jest wywoływana przez użytkownika końcowego. MainPage okno i przechodzi do pierwszej strony aplikacji (domyślnie klasa MainPage ).
3. MainPage.xaml / MainPage.xaml.cs : jest to początkowa strona naszej aplikacji. Zawiera tylko pustą siatkę, która jest kontrolką układu.

Zmodyfikuj widok

Otwórz MainPage.xaml i zamień kontrolkę Grid na

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

Spowoduje to utworzenie siatki z dwiema kolumnami. Pierwsza kolumna jako szerokość ustawiona na auto co oznacza, że zostanie automatycznie ustawiona w zależności od wielkości swoich potomków. Druga kolumna zostanie rozciągnięta, aby wypełnić pozostałą przestrzeń w oknie. Ta siatka zawiera dwa elementy:

• Button znajdujący się w pierwszej kolumnie. Zdarzenie click jest powiązane z metodą Button_Click na tyle kodu, a jego podpis Text to „Say Hello!” .
• TextBlock który leży w drugiej kolumnie. Jego tekst jest ustawiony na „Kliknij przycisk”. . I nadaliśmy nazwę tej kontrolce za pomocą atrybutu x:Name . Jest to wymagane, aby móc użyć formantu z tyłu kodu. W MainPage.xaml.cs dodaj następujący kod:

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

Jest to metoda, która zostanie wywołana, gdy użytkownik kliknie (lub stuknie) przycisk. I zaktualizuje TextBlock i ustawi jego tekst na „Hello World!” .

Uruchamianie aplikacji

Aby uruchomić aplikację, możesz użyć menu Debug → Start Debugging lub skrótu F5 . Domyślnie aplikacja zostanie uruchomiona na komputerze lokalnym.