Ricerca…


Osservazioni

Questa sezione fornisce una panoramica di cosa sia uwp e perché uno sviluppatore potrebbe volerlo utilizzare.

Dovrebbe anche menzionare qualsiasi argomento di grandi dimensioni all'interno di uwp e collegarsi agli argomenti correlati. Poiché la documentazione di uwp è nuova, potrebbe essere necessario creare versioni iniziali di tali argomenti correlati.

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    

Opzione UWP controllata

Creating a new project

Posizione vuota del modello di app

Selecting Target and minimum version for your Application

Selettore di versione minima e di destinazione

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.

inserisci la descrizione dell'immagine qui


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

inserisci la descrizione dell'immagine qui

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.

inserisci la descrizione dell'immagine qui

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) inserisci la descrizione dell'immagine qui

  • 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! StackOverflow è fantastico!

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



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow