Cvičení – psaní aplikace pomocí sady Template Studio

Dokončeno

Template Studio pro WPF je rozšíření sady Visual Studio, které urychluje vytváření aplikací windows Presentation Foundation (WPF) prostřednictvím prostředí založeného na průvodci. Výsledný projekt WPF obsahuje dobře formátovaný a čitelný kód, který zahrnuje nejnovější funkce Windows při implementaci osvědčených vzorů a osvědčených postupů.

Co můžete dělat se sadou Template Studio?

Template Studio dělá tvrdou práci při vytváření kódu, který byste jinak museli psát ručně pokaždé, když začnete psát aplikaci WPF. Pokud máte jasnou představu o struktuře aplikace, než začnete, můžete pomocí průvodce postupně procházet procesem přidávání funkcí a zobrazení do projektu. Až budete hotovi, můžete pokračovat v přidávání kódu, který implementuje funkce, které jsou pro váš projekt jedinečné.

Instalace sady Template Studio

Pokud jste instalační skript použili v modulu Instalovat nástroje automaticky , je Sada Template Studio připravená a čeká na vás. Pokud potřebujete nainstalovat nástroje sami, přejděte na tento web rozšíření sady Visual Studio a vyberte Stáhnout.

Vytvoření aplikace pomocí nástroje Template Studio

Pojďme se podívat na proces vytvoření hypotetické aplikace pomocí sady Template Studio. Nebojte se sledovat na svém vlastním počítači.

Nejprve si načrtneme funkce aplikace. Může pomoct doslova načrtnout na kus papíru funkce, které aplikace má, a způsob, jakým jsou zobrazení vzájemně propojena. V tomto příkladu si představme, že vytváříme aplikaci pro předpověď počasí. Na konci tohoto kurzu máme kostru aplikace, která je připravená k přidání důležitých funkcí souvisejících s počasím.

Naše aplikace bude:

  • Pomocí ovládacího prvku Navigační zobrazení můžete přepínat mezi různými zobrazeními.
  • Zobrazit symboly počasí pro týden na prázdné stránce
  • K zobrazení aktuální oblasti předpovědi počasí použijte mapu v ovládacím prvku WebView.
  • Umožňuje zobrazit prognózu dlouhého rozsahu pomocí formátu podrobností seznamu.
  • Zahrňte stránku Nastavení, která umožní uživateli změnit nastavení.
  • Pomocí oznámení můžete uživatele upozornit na nebezpečné počasí.

Teď, když jsme určili tyto podrobnosti, jsme připraveni k vytvoření projektu použít průvodce šablonou Studio.

  1. Průvodce šablonou Studio otevřete tak, že v sadě Visual Studio vytvoříte projekt výběrem možnosti Soubor>nový>projekt. Template Studio najdete jako Template Studio pro WPF.
  2. Pojmenujte aplikaci Počasí a výběrem možnosti Vytvořit spusťte průvodce. Screenshot that shows the Configure your new project window for a Template Studio app in Visual Studio.
  3. Otevře se Průvodce aplikací Template Studio.
  4. Na stránce Typ projektu vybertenavigační podokno a pak vyberte Další. Screenshot that shows selecting the Navigation Pane on the Project type page of the Template Studio, and the Next button selected.
  5. Na stránce Vzor návrhu vyberte Kód za a pak vyberte Další.
  6. Stránka Stránky je místo, kde jsou věci zajímavé. Každý typ stránky můžete přidat do aplikace. Název a pořadí stránky můžete změnit na panelu vpravo. Ve výchozím nastavení se zobrazí prázdná stránka s názvem Hlavní . Symboly počasí jsou na této stránce, proto změňte název na CurrentForecast.
  7. Teď přidejte stránku WebView, stránku ListDetails a Nastavení stránku. Screenshot that shows all of the pages added to the app and the Next button selected.
  8. Vyberte Další. Na stránce Funkce můžete přidat některé pokročilejší funkce Systému Windows. Prozatím přidejte informační zprávy. Screenshot that shows the Toast Notification feature added to the app and the Create button selected.
  9. V tomto modulu přeskočte služby a testování. Vyberte Vytvořit a vygenerujte projekt.
  10. Chcete-li načíst některé informace o počasí v ovládacím prvku WebView, otevřete web Mapy Page.xaml.cs ve složce Views a změňte hodnotu DefaultUrl řetězce na https://www.msn.com/en-us/weather/maps/cloud/in-Redmond,WA.

Teď, když je kód projektu vytvořený, můžete vybrat spustit nebo klávesu F5 a sestavit a spustit projekt.

Screenshot that shows the app running with the map, chart, and settings panes displayed.

Vidíte, že už máte poměrně působivou aplikaci. Stačí jen přidat funkci. Snadné!