uwp Tutorial
Iniziare con uwp

Osservazioni

Installazione o configurazione

Istruzioni dettagliate su come installare o installare UWP.

Requisiti

1. Windows 10
2. Visual Studio 2015

passi

• Scarica e installa Visual Studio 2015 su richiesta, assicurandoti che Universal Windows App Development Tools siano selezionati insieme alle opzioni secondarie: -
  a) Strumenti e Windows SDK
  b) Emulatore per Windows Phone

• Assicurati di abilitare la modalità sviluppatore per lo sviluppo e la distribuzione del dispositivo.

• Seleziona il modello in base alla lingua che desideri utilizzare:
  C # , Visual Basic , C ++ o JavaScript .

• Quindi creare un'app vuota (Universal Windows).

• Seleziona la versione di destinazione e minima di Windows 10 adatta alla tua applicazione.

  Fai clic qui se non sei sicuro delle versioni da scegliere o semplicemente lascia le opzioni ai valori predefiniti e fai clic su "OK" per iniziare!

istantanee

Installation    

Creating a new project

Selecting Target and minimum version for your Application

Creazione della prima applicazione UWP

Questo esempio dimostra come sviluppare una semplice applicazione UWP.

Alla creazione di un progetto "Blank App (Universal Windows)" ci sono molti file essenziali che vengono creati nella soluzione.

Tutti i file nel progetto possono essere visualizzati in Solution Explorer .

Alcuni dei file cruciali del tuo progetto sono:

• App.xaml e App.xaml.cs - App.xaml viene utilizzato per dichiarare le risorse disponibili nell'applicazione e App.xaml.cs è il codice back-end per esso. App.xaml.cs è il punto di ingresso predefinito dell'applicazione
• MainPage.xaml - Questa è la pagina dell'interfaccia utente di avvio predefinita per la tua applicazione (puoi anche cambiare la pagina di avvio dell'applicazione in App.xaml.cs)
• Package.appxmanifest : questo file contiene informazioni importanti sulla tua applicazione come nome visualizzato, punto di ingresso, risorse visive, elenco di funzionalità, informazioni sul packaging, ecc.

Iniziare

• Aggiunta di un pulsante alla tua pagina

  Per aggiungere qualsiasi elemento o strumento dell'interfaccia utente alla pagina, trascina semplicemente l'elemento dalla finestra degli strumenti a sinistra. Cerca uno strumento "Pulsante" nella casella degli strumenti e rilasciatelo nella pagina dell'app.

• Personalizzazione dell'interfaccia utente

  Tutte le proprietà per un particolare strumento sono mostrate nella finestra delle proprietà in basso a destra.

  Qui cambieremo il testo all'interno del pulsante per "Speak it!". Per fare ciò, prima tocca il pulsante per selezionarlo e poi scorri la finestra delle proprietà per trovare il contenuto e cambiare il testo nella stringa desiderata ("Speak it!").

  Cambierà anche il colore di sfondo per la pagina. Ogni pagina ha un elemento genitore (di solito una griglia) che contiene tutti gli altri elementi. In questo modo cambieremo il colore della griglia principale. Per fare questo, tocca sulla griglia e cambia il pennello> Sfondo dalla finestra delle proprietà al colore desiderato.

L'interfaccia utente sarà simile a questa dopo averla personalizzata.

• Codice dietro

  Ora facciamo qualcosa cliccando sul nostro pulsante!

  Facendo clic su un pulsante si attiva un evento e dobbiamo gestire l'evento per fare qualcosa di utile quando si fa clic sul pulsante.

  Aggiunta del gestore di eventi

  Per aggiungere un gestore di eventi click al tuo pulsante, seleziona il pulsante vai alla finestra delle proprietà e seleziona l' icona del fulmine . Questa finestra è composta da tutti gli eventi disponibili per l'elemento che abbiamo selezionato (il pulsante nel nostro caso). Successivamente, fai doppio clic sulla casella di testo accanto all'evento "Fai clic" per generare automaticamente il gestore per l'evento clic sul pulsante.

Dopodiché sarai reindirizzato alla pagina ac # (MainPage.xaml.cs). Aggiungi il seguente codice al metodo del gestore di eventi:

 MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync("Hello, World!");
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();

Quindi, aggiungi una parola chiave async al gestore di eventi.

Dopo aver aggiunto il codice sopra la tua classe dovrebbe assomigliare a questo:

public sealed partial class MainPage : Page
{
    string speakIt = "Hello, World!";
    public MainPage()
    {
        this.InitializeComponent();
    }

    private async void button_Click(object sender, RoutedEventArgs e)
    {
        MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();

    }
}

• Avvia la tua app!

  La tua applicazione è pronta per essere lanciata. È possibile avviare l'applicazione premendo F5 o selezionare il dispositivo su cui si desidera distribuire e eseguire il debug dell'applicazione e fare clic sul pulsante di avvio.

Dopo essere stato creato, la tua applicazione verrà distribuita sul tuo dispositivo. A seconda della risoluzione del dispositivo e della dimensione dello schermo, l'applicazione ne configurerà automaticamente il layout. (Puoi ridimensionare la finestra per vedere come funziona senza problemi)

• Andare avanti

  Ora che hai fatto la tua prima applicazione, facciamo un ulteriore passo avanti!

  Aggiungi una casella di testo alla tua pagina e al clic del pulsante, l'app comunicherà ciò che è scritto nella casella di testo.

  Inizia trascinando e rilasciando un controllo TextBox dalla Toolbox al tuo layout. Successivamente, dai un nome al tuo TextBox dal menu delle proprietà. (perché abbiamo bisogno di specificare un nome? in modo che possiamo facilmente usare questo controllo)

  Visual Studio fornisce di default al tuo controllo un nome, ma è buona norma denominare i controlli in base a ciò che fanno o qualcosa di rilevante.

  Sto nominando la mia casella di testo - " speakText ".

    private async void button_Click(object sender, RoutedEventArgs e)
    {
        //checking if the text provided in the textbox is null or whitespace
        if (!string.IsNullOrWhiteSpace(speakText.Text))
            speakIt = speakText.Text;
        else
            speakIt = "Please enter a valid string!";

        MediaElement mediaElement = new MediaElement();
        var synth = new Windows.Media.SpeechSynthesis.SpeechSynthesizer();
        Windows.Media.SpeechSynthesis.SpeechSynthesisStream stream = await synth.SynthesizeTextToStreamAsync(speakIt);
        mediaElement.SetSource(stream, stream.ContentType);
        mediaElement.Play();

    }

Ora distribuisci il tuo codice !!

La tua applicazione è ora in grado di pronunciare qualsiasi stringa valida che fornisci!

Congratulazioni! Hai creato con successo la tua applicazione UWP !!