Alkalmazásfejlesztés Windows 8 platformra

Alkalmazsfejleszts Windows 8 platformra

Alkalmazsfejleszts Windows 8 platformra Windows Store alkalmazsokAz architektraWindows 8 platformCommunication & DataDevices & PrintingWinRT API csoportokGraphics & Media AsztaliCC++Win32C#VB.NET & SLHTMLJavaScriptIE 10Windows Store (W8 stlus) AlkalmazsmodellXAMLJavaScriptHTML / CSSC++C#VBWindows kernel szolgltatsokDirectXKt f alkalmazs tpust fejleszthetnk W8 stlus (j)Asztali (hagyomnyos)Kln komponenskszlet a kt alkalmazstpushoz3CC++Win32C#VB.NET runtime HTMLCSSJavaScriptIE 10Asztali alkalmazsok.NET 4.5 (C#, VB)WPF 4.5Silverlight 5XNAWindows FormsC/C++ Win32WebHTML, JSIE 10stb...Windows kernel szolgltatsokC/C++ runtimeFelgyeltNatvC/C++ runtimeWPF, WF, KonzolHTAAblak alap megkzelts, komplex feladatok, hagyomnyos adatbeviteli eszkzk.A natv alkalmazsok nyelvfgg futsidej knyvtrakat (MFC, ATL, VCl) hasznlnak. Ezek a Win32-re plnek, a Win32-n keresztl rik el a kernel szolgltatsokat.A .NET-es nyelvek a nyelvfggetlen Base Class Library (BCL)-t hasznljk, ami a Common Language Runtime (CLR) futsidej krnyezeten keresztl ri el rszben a kernel szolgltatsokat rszben a win32 API-t.4W8 stlus alkalmazsokAlapvet eltrsekMegjelens, kezels eltr az asztali alkalmazsoktlAlapveten tblagp szemlletEgyszerstett fellet, tbbpontos rints-ujjmozgats alap vezrlsSzenzorokA felhasznl akciira trtn azonnali reagls

A felletProjekt

Felletek elrendezseHagyomnyos trolkFelbonts: 1024x768.. 2560x1440Ugyanaz, mint WPF/SLStackPanelGridCanvasVirtualizingStackPanelMi nincs?WrapPanelDockPanelUniformGridDe lehet sajtot kszteni:Panel leszrmazottMainPage.xamlGykrelem a Page, alapbl egy Grid-et tartalmaz.A sokfajta lehetsges felbonts miatt dinamikus felletelrendezs szksges.Kerlni kell az abszolt pozcikat. 12StackPanelElemek egyms alatt vagy mellettOrientationHorizontalVerticalItemHeight, ItemWidth: elemek mreteMaximumRowsOrColumns: max hny sor vagy oszlop lehet az Orientationtl fggen (-1: brmennyi ez a default)

Virtualizlt vltozat:VirtualizingStackPanel

VerticalChildrenAlignment, HorizontalChildrenAlignment : elemek igaztsaA felhasznli fellet virtualizls azt jelenti, hogy egy felhasznli fellet elem ltrehozsra s a kapcsold szmtsokra csak akkor kerl sor, amikor az adott elem lthatv vlik (Ksleltetett ltrehozs). 13GridTblzatos megjelentsSorok/oszlopok megadsa:Fix pixelAutoCsillag (*)Gyerekelemek elhelyezseGrid.RowGrid.ColumnGrid.RowSpanGrid.ColumnSpan

14WrapGridUniform megjelentsNem WrapPanel!Elemek mrete:ItemHeight, ItemWidthHa nincs belltva, akkor az els elem mrete alapjnEgyb tulajdonsgok:MaximumRowsOrColumnsOrientationCsak listknl hasznlhatVirtualizlt

MaximumRowsOrColumns: max hny sor vagy oszlop lehet az Orientationtl fggen (-1: brmennyi ez a default)Orientation: elemek kitltsnek sorrendje (Vertical, Horizontal)VerticalChildrenAlignment, HorizontalChildrenAlignment : elemek igaztsa15VariableSizedWrapGridUniform megjelentsElemek mrete:ItemHeight, ItemWidthHa nincs belltva, akkor az els elem mrete alapjnKlnbz elemmretek (attached property)RowSpan, ColumnSpanEgyn tulajdonsgok:MaximumRowsOrColumnsOrientationCsak listknl hasznlhatNem virtualizlt!

Alaprtelmezs szerint fentrl lefel majd balrl jobbra rakosgatja egyms mell az elemeket.Az els elem hatrozza meg a cellamretet, ezt a RowSpan s ColumnSpan segtsgvel bvthetjk.16CanvasGyerek vezrlk szabadon elhelyezhetk:Canvas.LeftCanvas.RightCanvas.TopCanvas.Bottom

17VezrlkEgyszer vezrlk

ButtonCheckboxCombo BoxRadio ButtonHyperlinkButtonListBoxProgress BarProgress RingToggle Switch

Slider

JavaSript: DataPicker/TimePicker, Ratings19RepeatButton, HyperlinkButtonRepeatButtonNyomvatartsnl folyamatosan kldi a Click esemnyeketDelay [ms] - az els Click utni vrakozsInterval [ms] tovbbi Click-ek kztti idHyperlinkButtonNavigateUri ide navigl, megnyitBngsztLevelezprogramot

ToggleSwitchToggleSwitchHeaderIsOnOnContentOffContentToggled esemnyToggleButtonIsThreeStateIsChecked vagy esemnyek: Checked/Unchecked/Indeterminate

A hromllapotnl a hrom lehetsges esemny C/U/I21Szveg beviteli vezrlkSingle-Line Text BoxPassword Box

Multi-Line Text BoxRich Edit Box

Clear ButtonReveal Button

Szveg megjelentsEgyszer szvegTextBlock egyszer formzs: Font, TextAlign, TextWrap, TextTrimming (), LineHeight, ForegroundTextBox: InputScopePasswordBox: PasswordChar, IsPasswordRevealButtonEnabledFormzott szvegRichTextBlock, RichTextBlockOverflowParagraph, Span, LineBreak, Run, Bold, Italic, InlineUIContainer

TextTrimming hrom ponttal helyettesti a szveget, ami nem fr kiLineHeight sorkzForeground szn

InputScope- milyen informcit vrunk a TextBoxba Default , Uri, Number virtulis billentyzet23CsszkaSliderMinimum, MaximumSmallChange, LargeChangeTickFrequencyTickPlacement: Inline, TopLeft, BottomRight, Outside, NoneStepFrequency milyen rszletessggel (felbontssal) vehet fel rtkeket

Folyamat elrehaladsaProgressBarIsIndeterminate

ProgressRingIsActive

Parancsok s mveletek

Application barContext menuPopupTooltipMessage dialogJavaSript: Flyout, SettingsPane26zenetablak megjelentseEgyszer zenetablak Bezr gombbalprivate async void ToggleButton_Indeterminate_1(object sender, RoutedEventArgs e){var md = new MessageDialog("Indeterminate");await md.ShowAsync();}Az aszinkron vgrehajts miatt alapbl visszatr a prbeszdablak megjelent metdus, ezrt el tesszk az await-et hogy vrakozzon.27Prbeszdpanel ltrehozsa s hasznlata

A prbeszdpanel eleve rsze az ablaknak, csak kezdetben nem lthat (IsOpen=False)28Megjelents s bezrs

Tovbbi vezrlkFramePageUserControlViewBox

Web ViewMedia ElementScroll Viewer

Image

Scrollbar30Grafikai alakzatokPathLinePolygonPolylineRectangleEllipse

Lista vezrlkLista vezrlk hierarchijaItemsControl leszrmazottjaiItemsSource adatktsItemTemplate/ItemTemplateSelectorCsoportosts (Group)ListBox FlipView ListView GridView

TmogatottSelectorSelectedItemListViewBaseSemantic ZoomAdat virtualizciDrag n drop, trendezsGesztusok (swipe kivlaszts)AnimcikListView/GridView

ListView Displays a list of items, similar to the ListBox control, but with a difference that it can be used with the JumpViewerGridView- A specialized ListView which displays items in a form of grid. The same can be achieved by using the ListView control and the wrap panel inside its ItemsPanelTemplate.

35FlipViewOldalra lapozhatJobbra s balraFel s leTouchSlide gesztusEgrgombIdelis:Kpgalria

Displays one item at a time and allows to traverse its items by using either pop-up arrows or the flip gesture.

36Semantic ZoomSzemantikus nagytsCsoportostott kollekcin2 szintAlapbl: ListViewBase, de kiterjeszthet

Nem ll rendelkezsreDataGridTabControlTreeViewMenuContextMenuAszinkron programozsasync - awaitSyndicationClient scOlvas = new SyndicationClient();// Nem a gyorsttrbl kvnjuk olvasni az adatokat.scOlvas.BypassCacheOnRetrieve = true;Uri uriRSS= new Uri("http://index.hu/belfold/rss/");try{ // Bejegyzslista lekrse. SyndicationFeed sfRSS = await scOlvas.RetrieveFeedAsync(uriRSS); // A metdus tovbbi rsze akkor hajtdik vgre, amikor a // RetrieveFeedAsync vgrehajtdott. var Hrek = sfRSS.Items; cbHrek.ItemsSource = Hrek; cbHrek.DisplayMemberPath = "Title.Text"; cbHrek.IsEnabled = true;}catch {}Az await utni hvshoz a fordt ltrehoz egy kln Task-ot, ami a httrben fut. A futs "folytatsa" valjban azt jelenti, hogy egy kln metdus kszl ennek a Kdnak, ami visszahvsos, azaz callback mdon aktivldik, amikor az aszinkronMvelet vget r. Ez a callback metdus az eredeti hv szlon fog lefutni (aholAz aszinkron mvelet meghvsa elkezddtt)40Aszinkron hvst vgrehajt metdusA neve eltt: asyncElnevezsi konvenci: Async() vagy TaskAsync()A visszatrsi rtke:void ha nem vrunk visszatrsi rtket, s nem akarjuk tudni, hogy mikor fejezdtt beTask ha nem vrunk visszatrsi rtket, de szinkronizlni akarunk hozz valami ms tevkenysgetvar x= Obj.DoAsync(); // Itt jnnek azok a mveletek amelyek vgrehajthatk, // amg az aszinkron mvelet befejezdikawait x;Task - T tpus visszatrsi rtket vrunkSyndicationFeed sf= await client.RetrieveFeedAsync(rss);Nvtelen metdus s lambda kifejezs is lehet async

Szenzorok, helymeghatrozsTmogatott szenzorok 1Gyorsulsmr (Accelerometer)3 tengely mentn szggyorsulsIrnyt (Compass)Mgnesen szaki irny, valdi szaki irnyGiroszkp (Gyrometer)Szgsebessg a 3 tengely mentnDlsszgmr (Inclinometer)Yaw, pitch, roll szgek a 3 tengely mentnTmogatott szenzorok 2Egyszer orientci (Simple orientation)Hogy ll az eszkz?0 fok, 90 fok, 180 fok, 270 fok, stbPontos orientci (Orientation sensor)Pontos helyzet (mtrix vagy kvaterni)Fnyrzkel (Light sensor)Fnyerssg Lux-banHelymeghatrozsTmogatott mdszerekIP cmWi-Fi hromszgelsGPSGeolocator osztlyKt pontossg (eltr kltsg)Geoposition:Geocoordinate: hosszsg, szlessg, magassg, pontossg, sebessg, nzpontAddress: orszg, vros, postakd