Úvod do uživatelského rozhraní a dat

  • 5 min

Tech logo.

Předpokládejme, že pracujete pro vlastní společnost návrháře oblečení a chcete vytvořit aplikaci, která zákazníkům pomůže vybrat si oblíbené materiály nebo barvy. Jméno uživatele, seznam barev, ze které si může vybrat, a jejich vybrané oblíbené barvy jsou všechna data. Jedná se o data, která uživatel zadá, vybere a zkontroluje prostřednictvím různých ovládacích prvků zobrazených v uživatelském rozhraní: textová pole, rozevírací seznamy, seznamy, tlačítka atd. To vše je řízeno logikou aplikace.

Většina aplikací má tři hlavní komponenty:

  • Uživatelské rozhraní: Popisky, tlačítka, textová pole, posuvníky, grafy a všechny ostatní ovládací prvky, které uživateli prezentují informace. To zahrnuje také ovládací prvky, které uživateli umožňují interakci s aplikací zadáním dat, výběrem možností nebo poskytnutím příkazů.
  • Data: Informace, na které aplikace pracuje. Pro základní aplikaci kalkulačky může být aktuálně zobrazené číslo, výsledek předchozí operace nebo hodnota uložená v paměti. Pro hru mohou data zahrnovat stav a pozici hráče a nepřátel, rozložení a chování prostředí nebo vlastnosti zbraní a dalších objektů. V případě podnikové aplikace můžou být data databáze zaměstnanců, historie objednávek atd. V našem příkladu jsou data uložená ve skutečných objektech, které představují aktuální čas, nebo barvy, které uživatelské rozhraní zobrazuje.
  • Logika: Konstruktor, který komunikuje s externími prostředky (jako jsou úložiště, databáze, online služby nebo jiné aplikace), provádí operace s daty a aktualizuje uživatelské rozhraní tak, aby odráželo změny dat. Logika také přijímá uživatelský vstup z uživatelského rozhraní a funguje podle informací zadaných nebo zadaných příkazů. V našem příkladu logika aktualizuje hodiny, sestaví seznam dostupných barev a uloží a načte předvolby barev uživatele.

Připojení mezi logikou aplikace a uživatelským rozhraním je nezbytné. Rozhraní jako Windows App SDK, Univerzální platforma Windows (UPW) a Windows Presentation Foundation (WPF) zahrnují extrémně efektivní a všestrannou metodu přenosu dat do a z uživatelského rozhraní označovaného jako datová vazba.

V tomto modulu se dozvíte, jak používat datové vazby k:

  • Zobrazení a automatická aktualizace jednoduchých textových dat (zobrazení hodin v aplikaci)
  • Automaticky aktualizovat vlastnosti jazyka C#, když uživatelské rozhraní obdrží vstup (zadání uživatelského jména).
  • Automaticky odráží změny dat v uživatelském rozhraní (pozdrav uživatele, zobrazení hodin).
  • Zobrazení a úprava seznamu složitějších datových struktur (výpis dostupných a oblíbených barev)

Probereme také některé osvědčené postupy pro dobré oddělení uživatelského rozhraní a logiky. Oddělení uživatelského rozhraní a logiky pomáhá testovat jednotlivé komponenty samostatně a snadněji identifikovat chyby. Také výrazně snižuje množství často používaného kódu, který musíte napsat. Méně často používaný kód znamená méně chyb, méně chyb a více času, abyste se mohli soustředit na důležité věci, které chcete s aplikací dosáhnout.

Požadavky

Abyste mohli tento modul využít na maximum, měli byste být obeznámeni s těmito funkcemi:

  • Vytváření nových projektů UPW nebo WPF v sadě Visual Studio
  • Jazyk C#.
  • Základní koncepty značek XAML
  • Základní ovládací prvky rozložení XAML, včetně StackPanel a Grid.