Om Je eerste universele toepassing van de ramen

, om Je eerste universele toepassing van de ramen,,,,,,,,,, 45, aandelen, 6,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen. En algemene toepassing van de ramen, waardoor je aan een oplossing, een van de doelstellingen van elk van de ramen van apparatuur.Heb je een keer je de ontwikkeling van delen van een groot deel van de code, en de invoering van op de ramen, ramen, telefoon, of de xbox.,, het doel is het maximaliseren van het hergebruik van de code.Je kan de code sharing, controle op de gebruikers, stijl, touw en andere activa in de visie van het raam van de studio acht projecten tussen de ramen.Dit vermindert de bouw en onderhoud van de uitrusting van elk type en de inspanningen die nodig zijn om de toepassing van een ontwikkelaar oogpunt, een algemene toepassing van de raam is niet één binair, loopt op verschillende platforms.Integendeel, het moet een visuele studio oplossing bevat meerdere projecten in de vorm van het platform, voor elke doelstelling naast de delen van het project bevat de code en de verdeling van de middelen tussen de platform voor een project.   veel van de code kunnen worden uitgewisseld tussen projecten van Windows API - uitvoering van   8.1 WinRT, dat De meeste ramen 8.1,., je kan de oprichting van een het gebruik van die ramen telefoon precies aanvragen (versie van 8 of 8.1) of de werking van WinRT (van de algemene toepassing van de ramen een).WinRT looptijd kan je een aanvragen worden op de ramen, de ramen, telefoon, zelfs een xbox.,, gebruiken we een    . In het kader van een platform voor de ontwikkeling van een aantal aanvragen.In de huidige versie, met een 90% van de interface, maar het is nog steeds een klein nog geen convergentie.In het kader van de rijke ramen telefoon de enige beschikbare functies:,, de lens steun, steun voor VoIP, camera, taken, klembord API, sluit het behang API, in deze handleiding zal ik gebruik maken van een algemene toepassing van de ramen van het model van de klok van de procedure nauwkeurig hex, hex kleur   klok.Die gedurende 24 uur kleur varieert van 1 miljoen, in 235959, #, #,.In elke cyclus, de toepassing van de achtergrond van de tijd komt overeen met de verandering van de huidige hexadecimaal kleur.Het gebruik van dezelfde kleur is voor de verwezenlijking van de hex klok die de tijd van de code,., geïnspireerd door de klok van Windows 7 programma les +.Hoewel de klok toepassing alleen maar doelstellingen zullen wij gebruik maken van het raam van mobiele telefoons, ontworpen om een soortgelijke aanvraag raam telefoon 8.1 en ramen 8.1.De kans dat we willen bouwen,,,,,. Tijdens de les, ik zal over de volgende thema 's is de ontwikkeling van algemene toepassing van de procedure met betrekking tot de ramen: algemene toepassing van de ramen, en de structuur van de start van het project in de studio, in de universele toepassing van de Ramen in de context van de studio... In delen van het project, hoe de code opgesteld platform, toe te voegen aan de ramen of bestaande projecten ter ondersteuning van de ramen van mobiele telefoons, de totstandbrenging van een gemeenschappelijke toepassing van de ramen, vanaf nul beginnen,, 1.   universele toepassing van de ramen, de structuur van de ramen, algemeen van toepassing is, een set van drie projecten gesloten in een facultatieve het programma MAP op te lossen.Ramen en de telefoon van projecten - projecten, verantwoordelijk zijn voor de oprichting van het aanvraagdossier (. Ongeveer), in het licht van de respectieve platform.Deze projecten opgenomen die specifiek zijn voor de activa van het platform, dit is een gezamenlijk project, is een op de twee platforms van de code van de container.Ze is een binaire productie, maar de inhoud is het project voor de bouw van een platform van de invoer als onderdeel van het proces van de toepassing van het pakket die (. Ongeveer).,, de kans dat de studio in je keuze, het creëren van een blanco toepassing project model oplossing (als onderdeel van het algemene Programma).,,,, actualisering van de visuele studio 2013 2 wordt de universele toepassing van de nieuwe functies van de ramen.Het downloaden en de installatie van deze bijwerking voordat u begint met een algemene toepassing van de ramen,,,, 2.   overschakelen van projecten, die een oplossing voor de uitvoering van het project is, de start van het project.De vaststelling van een nieuw project, klik in de  , project - en oplossingen voor het beheer van de hulpbronnen, de selectie van projecten  , start.   snel kunnen starten met de doelstellingen van het project, - nee, de drop -, en nu zijn alle mogelijke oplossingen in de projecten.,,,,, Is de keuze van je project, de   vetgedrukt, oplossingen voor het beheer van de hulpbronnen,.Het doel van de inbedrijfstelling van beschikbare in - de start van het project. De start van het project, wanneer de ramen schoon - project, de doelstellingen, het raam, de keuze van de simulator, of de lokale machine, wanneer de ramen telefoon de start van het project - project, dat de verschillende opties, apparatuur, en de simulator.,, 3.   context - code redacteur, schrijven de code was, in een gezamenlijk project, kun je de navigatie in de context van de keuze van de projecten de doelstellingen van je positief platform, waardoor de code aanpassen... In de perceptie van ervaring.,,,,, als je een API In code - sharing niet steunen op de twee platforms, er is een vergissing informatie voor het bepalen van de API, als je van het opzetten van projectenJe hoeft je project bevestigen met platform API.,, de kans dat in een soort van Windows, alleen van toepassing op steun van de waarschuwing icoon en intellisense voorbeeld.,,,,, 4. De in de delen van het project,   platform van de code, in de gemeenschappelijke projecten, meestal je de code is geschreven platform.De scheiding is deel van de code, een platform, het gebruik van  ,&#ifdef richtlijn,  .Constante  , windows_app,   en  , windows_phone_app,   vooraf zijn vastgelegd, de volgende voorwaarden, is je. De verzameling van constanten kunnen gebruik maken van een speciale code geschreven op het platform, C&#windows_app, windows_phone_app, C + +, winapi_family_pc_app, winapi_family_phone_app, als je de code schreef in delen van projecten, de studio met een achtergrond van de code... De volgende, platform of andere doelstellingen.C #, zie je de code schreef je intelligentie is een specifieke code redacteur, is specifiek voor de ramen, de context, de mobiele telefoon of de ramen.,, 5.   aansluiten bij de ramen en de telefoon, als je al een bestaande ramen 8.1 van toepassing is, kun je de  , toevoeging van Windows 8.1.   commando 's, de toevoeging van een nieuwe ramen telefoon 8.1 van projecten en een gemeenschappelijke oplossing voor de projecten.Als je een raam en 8.1 van toepassing is, wil je nog een soortgelijke steun voor de keuze van de ramen 8.1.,, de toevoeging van een apparaat of een andere steun, in  , oplossingen voor het beheer van de hulpbronnen, Click en de selectie van projecten,  , bij de ramen telefoon 8.1,   of  , toe te voegen. 8.1,.,,,,, hier, visuele studio voegt een nieuwe ramen van mobiele telefoons en de ramen oplossing van het project.De delen van het project nog voor je creëren.,, de volgende screenshot toevoeging van Windows project bestaande ramen na afloop van het project, een oplossing te vinden.   delen van het project aan de oplossing is in eerste instantie leeg.,,,,, dat is als je het met een algemene toepassing van de ramen van Het model van een aanvraag het project is opgenomen, de uitwisseling van documenten, app.xaml,.,, stap 1: bestanden op delen van het project, kun je je bewegen, een code, je wilt delen tussen de aanvraag van delen van het project.Bijvoorbeeld, je kan bewegen  , gemeenschappelijke gegevens,  , model, en  , touw,  , MAP delen van projecten.Je kan zelfs  , app.   tot delen van het project.,.,, maar je krijgt een verkeerde code opgesteld, je in de delen van het project.Je zet je nieuwe toepassingen van de projecten van de eerste projecten een citaat van je met een oplossing van deze fouten.,, de kans dat dezelfde procedure worden verwijzingen naar de projecten.,,,,,, als je de code met behulp van bepaalde delen van Windows API is in het gebruik van  , #, ifdef,   richtlijn en  , windows_app   constant, scheiding van dat deel van de code.Het gebruik van  , windows_phone_app,   constanten van het specifieke deel van de scheiding van de code van de ramen telefoon 8.1,,, stap 2: delen van app,.,, als je tot een algemene toepassing van de ramen van de nieuwe regeling, de studio plek.  , app, delen van het project,   in.Als je een bestaande projecten, een algemene toepassing van de ramen, je kan  , app. Macht,   aan het gezamenlijke project met de hand.Je moet de pagina die eigenschap wordt gecreëerd, applicationdefinition  , mobiele dossiers na.Is hier sprake van maatregelen in de  :,,, een oplossing te vinden voor het beheer van de hulpbronnen, in delen van het project ", de keuze van  , app.  ,, selectie van documenten,  , zo lijkt het, >, de aard, het raam, in het raam van De eigendom van een actie,,,,, - lijst, de selectie, de applicationdefinition,., je moet ook beslissen hoe open je je de eerste bladzijde van de aanvraag.   als je delen, app.xaml, documenten en   gebruik willen maken van een verschillende pagina 's voor elke aanvraag moet je nog  ,&#  ifdef richtlijn, zoals hieronder aangegeven.&#als windows_app als (,,.Rootframe. Navigatie (type (hubpage)))&#endif&#als windows_phone_app als (!Rootframe. Navigatie (type (windowsphonestartpage)))&#{met uitzondering endif ("geleid tot de eerste bladzijde");}, 6.   begonnen met de voorbereiding van een algemene toepassing van de ramen, en stap 1: projecten opgezet, in de eerste plaats, de keuze van een algemene toepassing van de procedure van De ramen in de nieuwe post. Model projecten.   screenshot geeft een algemene toepassing van de ramen model projecten, zijn nu beschikbaar voor C #,,,,, aan het project een naam.Ik zal met de pro -  , zes, M 'n project. Stap 2: het opzetten van een,, interfaces, in de meeste gevallen gebruikers interface optreden in bepaalde platform project, waardoor je een gebruikersinterface, ziet er goed uit op de PC, tablet - pc' s, mobiele telefoons, maar de uitwisseling van gegevens, de middelen, de samenstelling, zelfs de show model.,, niet voor de ramen telefoon 8.1 en ramen 8.1 versie van de zes  ; - de oprichting van een onafhankelijke   gebruikersinterface  , mijn definitie van delen van het project in de in het gemeenschappelijk ontwerp.I. A te maken dat veranderingen in de macht van de   klok app op Tuts+   te maken het werk voor de beide platforms., x:Name= "Canvas, < ContentPanel" Margin= "12,0620,0" HorizontalAlignment= "Centrum" Grid.Row= "1" RenderTransformOrigin= "0.5,0.5" > < Canvas.RenderTransform> < CompositeTransform Rotation= "30" /> < /Canvas.RenderTransform> < doek x:Name= "TimeText" Height= "315" Canvas.Left= "18" Canvas.Top= "288" Width= "496" RenderTransformOrigin= "0.5,0.5" Opacity= "0" > < Canvas.RenderTransform> < CompositeTransform/> < /Canvas.RenderTransform> < textblock x:Name= "TimeHours" TextWrapping= "rond" Text= "Canvas.Top=" 12 "24" Style= "{StaticResource TimeTexTStyle} "Canvas.Left=" - 67 "Width=" 267 "TextAlignment=" een "/> < textblock x:Name=" TimeDots "Canvas.Left=" 204 "TextWrapping=" rond "Text=": "Style=" {StaticResource TimeTextStyle} "/> < textblock x:Name=" TimeMinutes "Canvas.Left=" 263 "TextWrapping=" rond "Text=" 59 "Canvas.Top=" 24 "Style=" {StaticResource TimeTextStyle} "Width=" 257 "/> < /Canvas> < die x:Name=" HorizontalSeparator "Height=" 4 "Canvas.Left=" "Canvas.Top=" - 295 "Width=" 1020 "Fill=" witte "/> < die x:Name=" VerticalSeparator "Fill=" witte "Height=" 469 "Canvas.Left=" 213 "Canvas.Top=" 489 "Width=" 4 "/> < textblock x:Name=" ApplicationTitle "TextWrapping=" rond "Text=" pro ". De klok Canvas.Top=" "Foreground=" Whi 271De "FontSize=" 16 "Canvas.Left=" 18 "/> < textblock x:Name=" SecondsLabel "Height=" 36 "Canvas.Left=" 23 "TextWrapping=" rond "Text=" seconden "Canvas.Top=" 475 "Width=" 166 "TextAlignment=" een "Style=" {StaticResource SmallTextStyle} "Margin=" 0 "/> < textblock x:Name=" TimeSeconds "Height=" 205 "Canvas.Left=" 3 "TextWrapping=" rond "Text=" 59 "Canvas.Top=" 505 "Width=" 210 "FontSize=" 186.667 "RenderTransformOrigin=" 0.5,0.5 "Opacity=" 0 "> < TextBlock.RenderTransform> < CompositeTransform/> < /TextBlock.RenderTransform> < /TextBlock> < textblock x:Name=" DateText "Height=" 39 "Canvas.Left=" 208 "TextWrapping=" rond "Text=" 2012/12/31 "Canvas.Top=" 258 "Width=" "FontSize=" 29.333 143"Transparantie" 0 "/> < /canvas >  ,, stap 3: code - sharing, zoals eerder besproken, is de algemene code kan in het platform van delen van het project.Het gebruik van een specifieke code platform moeten op een platform voor specifieke projecten.   je zelfs kunnen worden gebruikt,&#ifdef, in delen van het dossier die specifiek zijn voor het platform, voor de zesde code richtlijn. De klok aanvragen geen gebruik van API - en zijn specifiek voor het platform, kan ik de code in alle delen van het project.,,,, mainpage.xaml.cs verborgen BAR, in delen van het project, we hebben al gebruik gemaakt van  ,&#ifdef richtlijn specifieke code, scheiding van Windows.De code bevat,&#ifdef, verborgen in de ramen van mobiele telefoons de status van openbare mainpage.,, () {dit. Initializecomponent ();&#als windows_phone_app applicationview. Getforcurrentview (). Setdesiredboundsmode (applicationviewboundsmode. Usecorewindow);&#endif}, dat in de huidige tijd, heb ik een dispatchertimer, bij de eerste klasse. Mark, layoutroot, net geladen.De Timer, voorwerp, timer_tick in elke cyclus.  , proberen dispatchertimer timer = nieuwe {dispatchertimer (); de timer. Teken + = timer_tick; timer. Interval = nieuwe periode (0, 0, 0, 1); de timer. Start (); timer_tick (. En nul); een eerste teken /te vangen, timer_tick} {},,, bijwerking van de lijst van kenmerken blijkt dat de tijd die in de aanvraag, en het actualiseren van de achtergrond van de kleur, de achtergrond kleur, achtergrond kleur, die overeenkomt met de huidige tijd hexadecimale kleur. , kleur, hexcolour = nieuwe hexcolour (hextime); solidcolorbrush bgbrush = nieuwe solidcolorbrush kleur. Fromargb (kleur, de kleur van kleur. R, G - B. Kleur.)); layoutroot. Achtergrond = bgbrush;,,, hexcolour object, is met de huidige tijd starten, de terugkeer van de overeenkomstige RGB - waarde.De  , hexcolour fabrikant, klasse A, R, G - B, de kleur van de waarde voor bepaalde openbare hexcolour (touw,., hexcode) {als (hexcode = = nul) (gooi nieuwe argumentnullexception ("hexcode;} als (").Gewone uitdrukking. Coördinatie (hexcode, hex_pattern)) {gooi nieuwe ArgumentException ("vorm moet� of&#ff000000 (niet de ruimte)", "hexcode");} ///////&#symbool hexcode = hexcode scheren. Trimstart ("#"); ///////Als er geen specifieke alfa - waarde, in de veronderstelling dat de doorzichtigheid (0xff (de) als hexcode.length!= = = = = = = length_with_alpha) hexcode string model ("FF (0), hexcode); _color = nieuwe kleur (); _color. = bytes. Analytische (hexcode. De substring (0, 2), NumberStyles. Allowhexspecifier); als (_color. < 50) _color. = 50; _color r = bytes. (hexcode. Analyse. De substring (2), NumberStyles. Allowhexspecifier); _color. G = bytes. Analytische (hexcode. De substring (4, 2), NumberStyles. Allowhexspecifier); _color. B = bytes. Analytische (hexcode. De substring (6, 2), NumberStyles. Allowhexspecifier);}, de toevoeging van animatie, ik deed de eerste toepassing van de klok al les + animatie en het is gestart, layoutroot, laden script.,, SB (.)," intialanimation "] [sb.begintime = de tijd van middelen;(0,1). Fromseconds; iemand beginnen ();,, het is alles wat we nodig hebben om de - klok aanvragen.De toepassing van een gemeenschappelijke code van 100%.Je moet alleen een platform creëren voor twee afzonderlijke toepassing van het pakket.Deze procedure lijkt veel op de ramen. Het gebruik van dezelfde code van de telefoon en de gebruikersinterface.,,,,, ik voeg alle aandacht, en C.&#code - sharing - project, maar toen ik de ramen, de toepassing of de ramen de inzet van mobiele toepassingen, in delen van het project van de interne en de code met relevante projecten. Conclusie van een groot deel van de code,.,,, de toepassing van de ramen en de ramen van mobiele toepassingen wordt gedeeld, en de gebruikersinterface is gescheiden, zij voldoende gelijkenis, het gebouw is dan opnieuw voor de bouw van twee gebruikers interface werken niet. En, als ik Al een versie van Windows zes klok pro voor de ramen nummer 7 of 8, want het zal niet met Windows 7 WinRT API - en Windows 8 bevat meer werkSlechts een klein deel van de ramen in,., 10, we zien meer convergentie, betekent dit dat een API - WinRT meerdere platforms, en de hoogte van de ontwikkeling van het gebruik van het platform, niet om te voorkomen dat bepaalde elementen in het platform op elk apparaat momenteel de beste ervaring van de interface tussen de elementen. Voel je vrij.   gedownload van de bron     les leren.Ook in de markt voor het verlenen van een raam telefoon 8.1 en ramen.

Final image of how hexadecimal clock will look
Universal app solution structure
Switching startup projects
Context switcher in the editor
Example of warning icons and Intellisense
Add Windows 81 app to existing Windows Phone 81 project
Project structure after adding a Windows 81 project to an existing Windows Phone 81 app
Adding same assembly reference to both projects
Universal Windows app templates
Hex Clock Pro for Windows Phone 81



Previous:
Next Page: