Matthias Fischer MF IT Consult Überblick über die Windows- Phone-8-App-Entwicklung

Transkript

1 Matthias Fischer MF IT Consult Überblick über die Windows- Phone-8-App-Entwicklung

2 Referentenvorstellung Consultant und Trainer Autor.NET-Entwicklung seit 2001 ASP.NET, MVC4, SQL Server 2012 WPF, MVVM, Phone 8, Windows 8 Carl Hanser Verlag (Auswahl) Addison-Wesley, Wrox, windows.developer Projekte (Auswahl) netrixcomponent.net augmentedbooks.com texxtoor.de APPS: OSMLogger, BatchUploader, BASTA!2013 Expertennetzwerke (Auswahl) Mehr Informationen: Kontakt : matthias@dotnetautor.de 3

3 Premium Developer Program Nokia Premium Developer Program = 99 USD/year developer.nokia.com/windowsphone developer.nokia.com/entwicklergeraet entwickler@nokia.com

4 ÜBERSICHT WINDOWS PHONE

5 Modern UI Modern UI ist nicht der Name der Technologie, sondern der Name für eine Bedienmetapher (UI Experience) Modern UI ist kein Framework Silverlight oder XNA 4.0 ist das Framework Vollständig neue Konzepte Charakteristika von Modern UI Massive Reduktion, Nutzung von Freiräumen Nur die relevanten Informationen anzeigen Designer sollten der Kernidee von Modern UI folgen, um sich inspirieren zu lassen

6 Modern UI Windows Phone 7 ab 2009/2010 Quelle: Microsoft

7 Entstehung des Modern UI Designs Quelle: Microsoft

8 HUBs Quelle: Microsoft

9 Die Windows (Phone) 8 Plattform Runtime On Screen Tools & Support SCREEN CLOUD Code you write on the Client Cloud Services Tools you use to Design & Develop Developer Portal Services Code you write & Services you use in the Cloud Tools you use to Ship & Sell

10 Die Windows (Phone) 8 Plattform Runtime On Screen Tools SCREEN CLOUD Cloud Services WinPRT Nativ Sensors Media Data Location Phone Xbox LIVE Notifications Shared Windows 8 Kernel Phone Emulator Samples Documentation Guides Community Packaging and Verification Tools Portal Services Notifications App Deployment Registration Marketplace Location Identity Feeds Validation MO and CC Billing Social Maps Certification Business Intelligence Publishing Update Management

11 Software Architecture Applications Your App UI and logic App Model UI Model Cloud Integration App management Licensing Chamber isolation Software updates Shared WinRT Kernel Security Networking Storage.NET Shell frame Session manager Direct3D Compositor Frameworks WinPRT API Mapping Win32 (C++) Xbox LIVE Bing Location Push notifications Windows Live ID A-GPS Accelerometer Compass Light Media Wi-Fi Radio Graphics Proximity etc. Hardware Foundation

12 Windows (Phone) 8 Applications Windows Phone 8 Applications XAML XAML + Nativ Nativ C# and VB C++ HTML Maps Push&Tiles Speech In-App Purchase Direct3D XML XAML Wallet Proximity VoIP XAudio Phone Features Geolocation Camera Contacts Enterprise Media Foundation Calendar Threading Touch Sensors Xbox STL Multitasking CoreTypes Memory Programming Model App launch CRT.NET.NET & WinRT WinRT Win32 Files Network Media Windows 8 shared Kernel

13 Plattformen aus Entwicklersicht Plattformen Managed Unmanaged Silverlight & XNA 1:1.NET WP 8.0 Windows Phone 7.X zusätzliche WP8 API Managed C#/VB.NET XAML XNA Windows 8 Core Runtime (WinPRT) Windows 8 Runtime WinRT 1:1 Windows Phone Runtime (WinPRT) Win32 & COM Nativ C++ DIrectX Windows 8 Windows Phone 8.0

14 Windows Phone Versionen Windows Mobile 6.5 Windows Phone 7.0 Windows Phone 7.1 Windows Phone 7.8 Windows 8 Core Windows Phone 8 Windows Phone 8 SDK Windows Phone 8 Windows Phone 7.1 Download Windows Phone 7.1 SDK Windows Phone 7.1 Download Windows Phone SDK Update für WP7.1 SDK Download Windows Phone 7.8 SDK Update für WP 7.X SDK Update für WP 8 SDK Download

15 DIE BASTA!MINI APP

16 Die BASTA!App Tile-Optik der Startseite Übersicht aller Sprecher und Sessions Details zu allen Sprechern und Session Erinnerungen mittels Alarm, Termin und LiveTile-Support Visitenkarte via QR-Code und NFC austauschen

17 Datenschnittstelle Die Session Daten werden via JSON WebService bereit gestellt { } "versioncode": "2", "conference": {... }, "speakers": [ {... }, {... } ], "session": [ {... }, {... } ], "tracks": [ {... }, {... } ] public class Schedule { public string versioncode { get; set; } public Conference conference { get; set; } public List<Speaker> speakers { get; set; } public List<Session> sessions { get; set; } public List<Track> tracks { get; set; } } "sessions": [ { "uniqueid": "25126", "type": "KEYNOTE", "startdate": " :30", "enddate": " :45", "name": "Eröffnungs-Keynote: Alles auf die 8?", "level": "100 ( Für alle Teilnehmer)", "details": "Die Ausrichtung aller... ", "status": [ ], "roomname": "Hamburg", "roomfloor": null, "requirements": null, "keywords": null, "hashtag": [ ], "shortname": "", "url": " "tracksuniqueids": [ "2846" ], "speakersuniqueids": [ ] }, public class Session { public string uniqueid { get; set; } public string type { get; set; } public string startdate { get; set; } public string enddate { get; set; } public string name { get; set; } public string level { get; set; } public string details { get; set; } public List<object> status { get; set; } public string roomname { get; set; } public string roomfloor { get; set; } public string requirements { get; set; } public string keywords { get; set; } public List<object> hashtag { get; set; } public string shortname { get; set; } public string url { get; set; } public List<string> tracksuniqueids { get; set; } public List<string> speakersuniqueids { get; set; } }

18 Asynchrones Laden der Daten Verwenden eines asynchronen WebRequests Parsen der JSON Daten mit Hilfe: DataContractJsonSerializer public async Task<bool> UpdateSchedule(string url) { try { if ((Microsoft.Phone.Net.NetworkInformation.NetworkInterface.NetworkInterfaceType!= Microsoft.Phone.Net.NetworkInformation.NetworkInterfaceType.None)) { var req = WebRequest.CreateHttp(url); req.method = "GET"; req.allowreadstreambuffering = true; req.headers[httprequestheader.useragent] = "BASTA!Mini 2013 (WindowsPhone8; de_de)"; var res = await req.getresponseasync(); } Stream str = res.getresponsestream(); var ser = new DataContractJsonSerializer(typeof(Schedule)); Schedule = (Schedule)ser.ReadObject(str); } } catch (Exception ex) { return false; } return true; Windows Phone 8 : Asynchronus WebRequest

19 Application Bar <phone:phoneapplicationpage.applicationbar> <shell:applicationbar Mode="Default" IsMenuEnabled="False"> <shell:applicationbariconbutton IconUri="/Images/Synchronize.png" Text="neu laden" Click="ApplicationBarIconButton_OnClick" /> </shell:applicationbar> </phone:phoneapplicationpage.applicationbar> private void ApplicationBarIconButton_OnClick(object sender, EventArgs e) {... }

20 Dependency Property Property Datenbindung Datenbindung (data binding) ist ein Mechanismus, um eine lose Kopplung zwischen der UI und der Anwendungslogik herzustellen Als Ziel für eine Datenbindung können nur Dependency Objects verwendet werden. Als Quelle kann jedes Objekt verwendet werden. Wenn Änderungen automatisch an das Bindungsziel übermittelt werden sollen, muss entweder die Schnittstelle IPropertyChanged oder ein Dependency Property verwendet werden. Die Bindung kann einseitig, beidseitig oder einmalig erfolgen. Binding Target Dependency Object One Time One Way Two Way One Way to Source Die Bindung kann in XAML oder im CodeBehind angelegt werden. Binding Source Object 22

21 Datenbindung Funktionsweise Eine Daten-Klasse, welche als Quelle für die Datenbindung verwendet wird, wird ViewModel genannt. Die Datenquelle wird festgelegt, indem der Eigenschaft DataContext eines UI-Containers (FrameworkElement) eine Instanz des ViewModels zugewiesen wird. Eigenschaften von UI Elementen innerhalb des Containers, sowie Eigenschaften des Containers können nun an Eigenschaften des ViewModels gebunden werden. FrameworkElement DataContext UIElement Property UIElement Property ViewModel Property Property 23

22 Datenbindung im XAML ViewModel-Klasse public class MyViewModel { public string TextProperty { get; set; } } Der Eigenschaft DataContext wird das ViewModel zugewiesen MainContainer.DataContext = new MyViewModel {TextProperty = "Hello Word"}; Bindung der Eigenschaft des ViewModels zu einer Eigenschaft des UI-Elements in der XAML Datei <Grid Name="MainContainer" > <TextBlock Name="ContentText" Text="{Binding TextProperty, Mode=OneWay}" TextWrapping="Wrap" Style="{StaticResource PhoneTextTitle3Style}" /> </Grid> 24

23 Design Data Statische Daten, nur innerhalb des UI-Designers sichtbar d:datacontext="{d:designdata Source=/SampleData/PageSampleData.xaml}" Werden in einer XAML Datei mit BuildAction: DesignData angegeben <viewmodels:sessionviewmodel xmlns:model="clr-namespace:basta_mini.model" xmlns:viewmodels="clr-namespace:basta_mini.viewmodels"> <viewmodels:sessionviewmodel.sessions> <model:session TimeFrame=" : Uhr" details="das ist eine lange Beschreibung,... " name="name einer Session" type="session" level="100 (Für alle Teilnehmer)" roomname="gutenbergsaal 3" url=" <model:session.firsttrack> <model:track name="das ist der Track Name" brush="tomato" /> </model:session.firsttrack> </model:session> <model:session... </model:session> <model:session... </model:session> </viewmodels:sessionviewmodel.sessions> </viewmodels:sessionviewmodel>

24 LongListSelector JumpListStyle GroupHeaderTemplate ItemTemplate

25 KeyGroup<T> : List<T> public class KeyGroup<T> : List<T> { public string Key { get; private set; } 10:15 Element Element Element 11:45 Element Element Element public KeyGroup(string key) { Key = key; } public delegate string GetKeyDelegate(T item); public static List<KeyGroup<T>> CreateGroups(IEnumerable<T> items, GetKeyDelegate getkey, bool sort) { var list = new List<KeyGroup<T>>(); foreach (T item in items) { var key = getkey(item); var group = list.firstordefault(g => g.key == key); if (group == null) { group = new KeyGroup<T>(key); list.add(group); } group.add(item); } if (sort) { foreach (KeyGroup<T> group in list) { group.sort((c0, c1) => CultureInfo.InvariantCulture.CompareInfo.Compare( getkey(c0), getkey(c1))); } list = list.orderby(g => g.key).tolist(); } } } return list;

26 Application Livecycle Re-load only if tombstoned running Save, but do not dispose #Activated closed tombstoned dormant

27 Lifecycle Events (Mango) Application_Launching Wenn die App aus dem geschlossenen Zustand startet Wird nicht geworfen bei Reaktivierung Application_Activated Wenn die App reaktiviert wird z.b. in den Vordergrund kommt Wird nicht beim Starten der App geworfen Siehe (IsApplicationInstancePreserved. Variable) Application_Deactivated Wenn die App deaktiviert wird z.b. in den Hintergrund geschickt Wird nicht geworfen beim Schließen der App Application_Closing Wenn die App geschlossen wird z.b. drücken der Zurück-Taste Wird nicht geworfen beim Deaktivieren der App

28 Application Livecycle Ext Re-load only if tombsto ned running Save, but do not dispose #Activated closed tombstoned dormant

29 Fragen?

30 Brauchen Sie Unterstützung bei.net, Silverlight, Lightswitch, WCF, WPF, ASP.NET, IIS, Windows 8 oder Windows Phone 8? Beratung bei Einführung, Migration und Betrieb (Vor-Ort-)Schulungen, Workshops Coaching (Vor-Ort Telefon Online-Meeting) Support (Vor-Ort Telefon Online-Meeting) Entwicklung von Prototypen und Lösung Matthias Fischer IT Consult Telefon matthias@dotnetautor.de