uwp
UWP Hello World
Ricerca…
Sintassi
- Questo è il semplice esempio di popolare "Hello World!" per Universal Windows Platform su Windows 10.
Hello World - Piattaforma Windows universale
Dopo aver avviato Visual Studio 2015, vai su File → New → Project
. Nella finestra di dialogo Nuovo progetto , navigare nell'albero dei modelli su Visual C# → Windows → Universal
e selezionare Blank App (Universal Windows)
. Successivamente, dobbiamo compilare il modulo per descrivere l'applicazione:
- Nome : questo è il nome dell'applicazione che verrà visualizzata all'utente. Impostalo su
HelloWorld
o utilizza un titolo personalizzato. - Posizione : indica dove verrà archiviato il progetto
- Nome soluzione : si tratta di una sorta di contenitore di progetti che raggruppa diversi progetti relativi alla stessa applicazione (ad esempio una soluzione potrebbe essere composta da un progetto di interfaccia utente e un progetto di modello). Puoi mettere lo stesso
Name
tuo progetto iniziale.
Contenuto del progetto predefinito
Otterrai un progetto con i seguenti file:
- Package.appxmanifest : descrive le proprietà dell'applicazione. Contiene alcune impostazioni dell'interfaccia utente come il nome della persona, il logo, le rotazioni supportate. E contiene anche impostazioni tecniche come il punto di ingresso dell'applicazione (che è la classe
App
per impostazione predefinita). Infine, elenca anche le autorizzazioni richieste dalla tua applicazione nella scheda Capabilities ; ad esempio, se vuoi utilizzare la webcam nella tua applicazione, dovrai verificare le capacità corrispondenti. - App.xaml / App.xaml.cs : la classe
App
è il punto di ingresso predefinito della tua applicazione. I file xaml possono contenere risorse condivise sull'intera applicazione, come l'impostazione degli stili o l'istanza di una classe che si desidera condividere come un locator ViewModel. I file code-behind contengono tutto il codice di avvio dell'applicazione. Per impostazione predefinita, implementa il metodoOnLaunched
che viene richiamato dall'utente finale. Inizializza la finestra e passa alla prima pagina dell'applicazione (per impostazione predefinita la classeMainPage
). - MainPage.xaml / MainPage.xaml.cs : questa è la pagina iniziale della nostra applicazione. Contiene solo una griglia vuota che è un controllo di layout.
Modifica la vista
Aprire MainPage.xaml
e sostituire il controllo Grid con
<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>
Questo creerà una griglia con due colonne. La prima colonna come larghezza impostata su auto
che significa che verrà automaticamente impostata in funzione della dimensione dei suoi figli. La seconda colonna si allungherà per riempire lo spazio rimanente nella finestra. Questa griglia contiene due elementi:
- un
Button
che si trova nella prima colonna. L'evento click è legato al metodoButton_Click
sul code-behind e il suo testo didascalia è "Say Hello!" . - un
TextBlock
che si trova nella seconda colonna. Il testo è impostato su "Fai clic sul pulsante". . E abbiamo impostato un nome per questo controllo con l'aiuto dell'attributox:Name
. Questo è necessario per poter usare il controllo nel code-behind. InMainPage.xaml.cs
, aggiungi il seguente codice:
private void Button_Click(object sender, RoutedEventArgs e)
{
this.myText.Text = "Hello World!";
}
Questo è il metodo che verrà chiamato quando l'utente fa clic (o tocca) sul pulsante. E aggiorna il TextBlock
e imposta il suo testo su "Hello World!" .
Esecuzione dell'applicazione
Per eseguire l'applicazione, è possibile utilizzare il menu Debug → Start Debugging
o il collegamento F5
. Per impostazione predefinita, eseguirà l'applicazione sul computer locale.