A program a „Tudáshasznosulást, tudástranszfert segítő eszköz-, és feltételrendszer kialakítása, fejlesztése a Műegyetemen” (TÁMOP-4.2.1-08/1/KMR-2008-0001)

Az előadások a következő témára: "A program a „Tudáshasznosulást, tudástranszfert segítő eszköz-, és feltételrendszer kialakítása, fejlesztése a Műegyetemen” (TÁMOP-4.2.1-08/1/KMR-2008-0001)"— Előadás másolata:

1 A program a „Tudáshasznosulást, tudástranszfert segítő eszköz-, és feltételrendszer kialakítása, fejlesztése a Műegyetemen” (TÁMOP-4.2.1-08/1/KMR-2008-0001) és a „Minőségorientált, összehangolt oktatási és K+F+I stratégia, valamint működési modell kidolgozása a Műegyetemen” (TÁMOP-4.2.1/B-09/1/KMR-2010-0002) című projektek támogatásával valósul meg. Fejlesztés Windows Phone-ra 1. Kővári Bence Budapesti Műszaki és Gazdaságtudományi Egyetem Automatizálási és Alkalmazott Informatikai Tanszék

2 Tartalom  Fejlesztőeszközök  Szoftverkörnyezet  Silverlight  XAML  MVVM  Testreszabás

3 DEMO Visual Studio, Emulátor

4 Windows Phone Developer Tools  Ingyenesen letölthetők  http://wp7.devportal.hu/ http://wp7.devportal.hu/

5 Windows Phone 7 architektúra Common Base Class Library Collections ComponentModelConfiguration Diagnostics Reflection IO Security Threading RuntimeResources GlobalizationText Location Net ServiceModel Linq Application Object Silverlight Presentation and Media Navigation ShapesMarkup Media ControlsDrawingIsolatedStorage XNA Frameworks for Games Audio Media Graphics Input DrawingGamerServices Content Windows Phone Frameworks PhoneApplicationPagePushNotificationWebBrowserControlSensorsPhoneApplicationFrame CameraDevice Integration Launchers & Choosers Windows Phone Controls

6 Silverlight  WPF kistestvére  Felhasználói felület programozására  Vektorgrafikus megjelenítés  Attached és Dependency Property  Binding mechanizmus .NET ismeretek újrafelhasználhatók  UX

7 XAML  eXtensible Application Markup Language  XML alapú deklaratív felület leíró nyelv  Fejlesztők és a dizájnerek közös nyelve 7

8 Események  A XAML-höz logika is tartozik  Events  Vezérlőkhöz (pl.: Loaded, Click …)  Interakciókhoz (pl.: Tap …) private void Button_DoubleTap( object sender, GestureEventArgs e) { MessageBox.Show( „Ne piszkálgass már!" ); }

9 DEMO XAML, BUTTON

10 Metro dizájn  Egy telefonos alkalmazásnál mindig fontos a dizájn  A metro önmagában is stílusos, letisztult  A programunk is metro-s kell hogy legyen  Fejlesztői támogatás  Panorama  Pivot  ApplicationBar

11

12

13 Vezérlők  Button, TextBox, CheckBox, ListBox, Image, Grid … <TextBox Text="Hello!" InputScope="Url|Number|Search|Chat…" />

14 DEMO InputScope

15 Toolkit Speciális telefonra optimalizált vezérlők gyűjteménye Open source ContextMenu ListPicker ToggleSwitch TimePicker …

16 Vektorgrafikus megjelenítés  Transzformáció, animáció, média, layout, stílusok …

17 DEMO BLEND

18 Adatközpontúság  Ritkán dolgozunk statikus adatokkal  Dinamikus, frissülő, változó adatok  Adatkötés mechanizmusa  {Binding…}, forrás (source), cél (target)  Célja egy vezérlő tulajdonságainak hozzákötése az adatforráshoz  Az adatok és a felület szinkronban kell hogy legyenek  Vezérlő – automatikusan  Adatosztály – interfész implementálásával

19 Adatkötés public class Person { public string Name { get; set; }... }

20 DEMO Adatkötés

21 MVVM  Az adatkötés önmagában nem csodaszer  Egy alkalmazás gyorsan túl komplexszé válhat  Átláthatatlan kód  Túl erős függőség a modell entitásoktól  Gyakori: MVC  Megoldás: MVVM  Model – View – ViewModel

22 MVVM  A karbantarthatóság mértéke nő  A Model és a GUI közötti függőség megszűnik  Tisztább, karbantarthatóbb alkalmazás  View – megjelenítés  ViewModel – viselkedés  Model – nyers adatkezelés

23 MVVM Model View Controller Input Presenter

24 MVVM Model View Presenter ViewModel Input

25 DEMO MVVM

26 Stílusok  A felület kialakításakor is könnyű káoszt okozni  Explicit stílusjegyek megadása (beégetett betűtípus, szín …)  Stílusok létrehozása kulcs / érték formában <Button... Foreground="Red" FontStyle="Italic" Style="{StaticResource btnStyle}" />

27 Sablonok  Sablonokkal is testreszabható a vizuális megjelenítés  Adat objektumok  Vezérlők  Újrafelhasználhatóság <ListBox ItemsSource="{Binding Items}" ItemTemplate="{StaticResource MyTemplate}" />

28 Navigáció  Frame: oldalak közötti váltás  NavigationService  Navigáció az alkalmazáson belül  Vissza gomb  Alkalmazások között is működik  API szinten befolyásolható a működés De csak óvatosan!