Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Windows Presentation Foundation Přehled Přednášek 1. Úvod a přehled WPF 2. Layout Prvky 3. Ovládací prvky 4. Data Binding 5. Styly, šablony 6. Resources.

Podobné prezentace


Prezentace na téma: "Windows Presentation Foundation Přehled Přednášek 1. Úvod a přehled WPF 2. Layout Prvky 3. Ovládací prvky 4. Data Binding 5. Styly, šablony 6. Resources."— Transkript prezentace:

1 Windows Presentation Foundation Přehled Přednášek 1. Úvod a přehled WPF 2. Layout Prvky 3. Ovládací prvky 4. Data Binding 5. Styly, šablony 6. Resources 7. 2D grafika 8. 3D grafika 9. Animace

2 Použité piktogramy Důležitá informace Úkol k zamyšlení Ukázka příkladu Shrnutí Další zdroje

3 Windows Presentation Foundation Úvod a přehled WPF

4 Proč WPF? Grafika! Proč WPF? Grafika! WPF je zaměřeno na uživatelsky bohaté aplikace. Až do teď většina aplikací měla vzhled formulářů, ve WPF můžete ale upustit uzdu fantazie a využívat plně možností upustit uzdu fantazie a využívat plně možností vektorové grafiky - umožňuje graficky bezestrátovou změnu velikosti prvků, barevné gradienty, používání geometrických tvarů animace - časová nebo za použití framů, rotace, přechod barev, 3D animace a mnoho dalších multimédia - práce s audiem a videem (avi, mpeg, wmv) efekty - stíny, záře, rozostření, průhlednost nebo zrcadlení interaktivní 3D aplikace - poskytuje podmnožinu funkcní z Direct3D zaměřenou na multimédia, dokumenty a uživatelské rozhraní DataBinding - provázání dat v aplikaci

5 WinForms VS. WPF WinForms VS. WPF Aplikace může vypadat například takto: WinForms WPF

6 Jednotný přístup k UI, dokumentům a médiím Jednotný přístup k UI, dokumentům a médiím Aplikační model Aplikační model Deklarativní programování - XAML Jednoduchá integrace médií Data binding Bohaté možnosti stylů a témat Hostování uvnitř prohlížeče Grafický model Grafický model 2D & 3D grafika, rastrová grafika Text Video a audio Animace Model dokumentů Model dokumentů Pevné, plovoucí a adaptivní rozložení Pokročilá typografie Řízení práv Media Integration Layer Media Integration Layer Element Services Aplikační model Model dokumentů Grafický model Composition and Rendering.NET Framework DirectX WPF Nástroje a jazyky

7 WPF komponenty 2D 3D AudioImaging Text Video Effects Composition Engine Animation XAML Accessibility Property System Input & Eventing Document Services Packaging Services Application Services Deployment Services Controls Layout Databinding User Interface Services Media Integration Layer Base Services XPS Documents

8 Deklarativní tvorba aplikací WPF přináší model postavený na oddělení grafického návrhu aplikace a aplikační logiky Model známý z ASP.NET Návrh vzhledu pomocí jazyka XAML (eXtensible Application Markup Language) XAML je převeden do zdrojového kódu a přeložen do binární formy Je postaven na existenci neúplných tříd (partial class) XAML nemusí sloužit pouze k definici grafického vzhledu, ale k definici Aplikace jako celku Systémových zdrojů atd.

9 Deklarativní programování Návrh uživatelského rozhraní Standardním způsobem Button btn = new Button(); btn.Background = Colors.Red; btn.Content = "Tlačítko!"; this.Children.Add( btn ); Deklarativně v jazyce XAML (eXtensible Application Markup Language) Tlačítko! Tlačítko!

10 Xaml Xaml Programování vzhledu aplikace doznalo ve WPF velkého kroku vpřed díky XAMLu Xaml je značkovací jazyk pro vytváření uživatelského rozhraní ve WPF aplikacích. Výhody jsou čistota, jednoduchost a rychlost psaní kódu a zároveň oddělení logiky aplikace od vzhledu. Tzn. že v jednom souboru budu mít XAML kód definující vzhled mé aplikace a v druhém logika aplikace v některém z.NET jazyků jako například C# nebo VB.NET

11 Kombinace XAML a kódu Kombinace XAML a kódu Typicky je v XAML definován vzhled, animace, vazba na datové zdroje, zachycení a zpracování některých událostí V „kódu v pozadí“ je realizována aplikační logika Tlačítko! partial class Window1 : Window { Button tlacitko; void InitializeComponent() { tlacitko = new Button(); tlacitko.Background = “Red"; tlacitko.Click += btn_click; this.AddChild(tlacitko); } }; XAML partial class Window1 : Window { public Window1() { InitializeComponent(); } public btn_click(object sender, RoutedEventArg e) { … } }; + Kód v pozadí

12 C#/VB.NET jmenný prostor, v němž je založen kód v pozadí Jmenný prostor XAML Jmenný prostor Windows Presentation Foundation Jmenné prostory v XAML kódu Kořenový element každého XAML dokumentu musí deklarovat používané jmenné prostory xmlns:local="clr-namespace:MojePrvniWPFAplikace.Window1">

13 Koukni také na stránku Page 2. Další stránka void nextPage_clicked(object sender, RoutedEventArgs e) { NavigationService.Navigate(new Uri("Window2.xaml", UriKind.Relative)); } Navigace v aplikaci WPF aplikace nabízí nový typ „explorer“ navigace Automaticky jsou generována tlačítka Zpět a Vpřed Logika a programová podpora zabudována do objektu aplikace (Application)

14 Typy aplikací Typy aplikací Plné lokální aplikace Instalovány na lokální počítač Přístup k systémovým zdrojům definován právy uživatele (Full Trust) Web Browser aplikace Běží v prostředí prohlížeče Využívá typické Forward-Back stránkování Omezení práv aplikace (Partial Trust) Aplikace nemůže požádat o dodatečná práva (běží nebo ne) Potřebná práva pro běh aplikace jsou definována v projektu aplikace (záložka Security – Zone & Permissions)

15 Srovnání typů aplikací Vlastnost Lokání aplikace Browser aplikace Běhové prostředí Lokální OS IE 7 DůvěraPlnáOmezená DostupnostOnline/OfflineOnline Nasazení Nejlépe ClickOnce nebo MSI Nejlépe ClickOnce

16 Instalace ClickOnce Instalace ClickOnce Přirozený vývoj „bezdotykové instalace“ z.NET 1.x Založeno na HTTP protokolu pro.NET aplikace exe stažen, uložen, spuštěn ClickOnce Podporuje instalaci obou typů aplikací (plné i browser) 2 scénáře nasazení Online/offline Pouze online Odstraňuje problémy předchozí verze; nyní umí Podpora v nástrojích (VS 2005, SDK) Sledování postupu instalace Distribuce jiných souborů než assembly (data, COM, nápověda) Možnost požádat o vyšší povolení Je vyžadován digitální podpis instalace Zkuste jsi sami vytvořit nějakou ClickOnce aplikaci

17 Instalace \demo\demo_1_0 _0_0 demo. exe.manifest Aplikační manifest demo. exe.deploy *.*.deploy \demo\demo_1_0 _0_0 Aplikační soubory \demo demo_1_0_0_0. application demo.application Manifest nasazení publish.htm setup.exe *.application - manifest nasazení, XML popis nasazení a update aplikace publish.htm – web stránka ClickOnce nasazení setup.exe -.NET FX 2.0 bootstrap + další potřebné aplikaci potřebné pro běh aplikace (např. SQL Server Express), konfigurovatelné ve VS 2005

18 Srovnání nasazení aplikací Vlastnost Online/ offline Online ClickOnce nasazení  Opravena novou verzí  Zástupce ve Start menu  Položka v Add/Remove programs  Výzva k instalaci nové verze  Roll-back na předchozí verzi 

19 Video ukázka Vytvoření aplikace, návrh uživatelského rozhraní v XAML Video ukázka Vytvoření aplikace, návrh uživatelského rozhraní v XAML

20 Shrnutí Shrnutí WPF nabízí nový model popisu uživatelského rozhraní Odráží potřeby profesionálního přístupu Možnost běhu aplikací v prohlížeči zvyšuje bezpečnost a údržbu Nová generace nasazení aplikací – ClickOnce

21 Odkazy Odkazy Prezentace David Krčmář, Acad. Developer Evangelist Video David Krčmář MSDN Windows Vista Developer Center Microsoft.NET Framework Download platformy a ovládacích prvků ult.aspx ult.aspx ult.aspx Doporučení pro Windows Vista UX Další odkazy eType/ArticleView/ArticleID/52/PageID/52/Default.aspx

22 © 2009 Microsoft Corporation


Stáhnout ppt "Windows Presentation Foundation Přehled Přednášek 1. Úvod a přehled WPF 2. Layout Prvky 3. Ovládací prvky 4. Data Binding 5. Styly, šablony 6. Resources."

Podobné prezentace


Reklamy Google