Sök…


Anmärkningar

Det här avsnittet ger en översikt över vad uwp är och varför en utvecklare kanske vill använda den.

Det bör också nämna alla stora ämnen inom uwp och länka till relaterade ämnen. Eftersom dokumentationen för uwp är ny kan du behöva skapa initialversioner av relaterade ämnen.

Installation eller installation

Detaljerade instruktioner för att få UWP konfigurerat eller installerat.

Krav

  1. Windows 10
  2. Visual Studio 2015

Steg

  • Ladda ner och anpassa Visual Studio 2015, samtidigt som du ser till att Universal Windows App Development Tools är valt tillsammans med dess underalternativ: -
    a) Verktyg och Windows SDK
    b) Emulator för Windows Phone

  • Se till att aktivera utvecklarläge vid utvecklings- och distribueringsenheter.

  • Välj mallen baserat på språket du vill använda:
    C # , Visual Basic , C ++ eller JavaScript .

  • Skapa sedan en tom app (Universal Windows).

  • Välj mål- och minimiversionen av Windows 10 som passar din applikation.

    Klicka här om du inte är säker på vilka versioner du ska välja eller helt enkelt lämna alternativen vid sina standardvärden och klicka på "OK" för att komma igång!

ögonblicks~~POS=TRUNC bilder~~POS=HEADCOMP

Installation    

Kontrollerat UWP-alternativ

Creating a new project

Plats för tom appmall

Selecting Target and minimum version for your Application

Väljare för lägsta och målversion

Skapa din första UWP-applikation

Detta exempel visar hur man utvecklar en enkel UWP-applikation.

När du skapar ett "Blank App (Universal Windows)" -projekt finns det många viktiga filer som skapas i din lösning.

Alla filer i ditt projekt kan ses i Solution Explorer .

Några av de avgörande filerna i ditt projekt är:

  • App.xaml och App.xaml.cs - App.xaml används för att förklara resurser som är tillgängliga över hela applikationen och App.xaml.cs är backendkoden för det. App.xaml.cs är standardinmatningspunkten för applikationen
  • MainPage.xaml - Detta är UI-sidan för standarduppstart för din applikation (du kan också ändra startsidan för applikationen i App.xaml.cs)
  • Package.appxmanifest - Den här filen innehåller viktig information om din applikation, t.ex. visningsnamn, startpunkt, visuella tillgångar, lista över funktioner, förpackningsinformation etc.

Komma igång

  • Lägga till en knapp på din sida

    För att lägga till alla UI-element eller verktyg på din sida, dra och släpp det bara från verktygslådan till vänster. Sök efter ett "knapp" -verktyg i verktygslådan och släpp det på din app-sida.

  • Anpassa användargränssnittet

    Alla egenskaper för ett visst verktyg visas i egenskapsfönstret längst ner till höger.

    Här kommer vi att ändra texten inuti knappen till "Tal det!". För att göra detta, tryck först på knappen för att markera det och bläddra sedan genom fönstret Egenskaper för att hitta innehåll och ändra texten till önskad sträng ("Tala det!").

    Vi kommer också att ändra bakgrundsfärgen för sidan. Varje sida har ett överordnat element (vanligtvis ett rutnät) som innehåller alla andra element. Således kommer vi att ändra färgen på föräldrastern. För att göra detta, tryck på rutnätet och ändra borsten> Bakgrund från fönstret Egenskaper till önskad färg.

UI ser ut så här när du har anpassat det.

ange bildbeskrivning här


  • Koden bakom

    Låt oss nu göra något med att klicka på vår knapp!

    Klicka på en knapp utlöser en händelse och vi måste hantera händelsen för att göra något användbart när du klickar på knappen.

    Lägg till händelsehanterare

    För att lägga till en klickhändelseshanterare på din knapp, välj knappen gå till egenskapsfönstret och välj ikonen för blixtbult . Det här fönstret består av alla händelser som är tillgängliga för det element vi valde (knappen i vårt fall). Därefter dubbelklickar du på textrutan bredvid "Klicka" -händelsen för att automatiskt generera hanteraren för knappklickhändelsen.

ange bildbeskrivning här

Efter detta kommer du att omdirigeras till ac # sida (MainPage.xaml.cs). Lägg till följande kod i din händelsehanteringsmetod:

 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();

Lägg sedan till nyckelordet async till din händelsehanterare.

Efter att du har lagt till koden ovan bör din klass se ut så här:

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();

    }
}
  • Starta din app!

    Din ansökan är klar att lanseras. Du kan starta din applikation genom att trycka på F5 eller Välj din enhet där du vill distribuera och felsöka din applikation och klicka på startknappen.

ange bildbeskrivning här

Efter att ha byggts kommer din applikation att distribueras till din enhet. Beroende på enhetens upplösning och skärmstorlek konfigurerar applikationen automatiskt dess layout. (Du kan ändra storlek på fönstret för att se hur sömlöst det fungerar) ange bildbeskrivning här

  • Går längre

    Nu när du har gjort din första ansökan, låt oss gå ett steg längre!

    Lägg till en textlåda på din sida och genom att klicka på knappen kommer appen att tala ut vad som står skrivet i textrutan.

    Börja med att dra och släppa en TextBox-kontroll från verktygslådan till din layout. Därefter ge ditt TextBox ett namn från egenskapsmenyn. (varför måste vi ange ett namn? så att vi enkelt kan använda den här kontrollen)

    Visual Studio ger som standard din kontroll ett namn, men det är en bra vana att namnge kontroller beroende på vad de gör eller något relevant.

    Jag namnger min textlåda - " 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();

    }

Distribuera nu din kod !!

Din ansökan kan nu tala ut alla giltiga strängar du tillhandahåller den !! stackoverflow är fantastiskt!

Grattis! Du har framgångsrikt byggt din egen UWP-applikation !!



Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow