watchkit navigation -, overgangs - og sammenhænge

, watchkit navigation -, overgangs - og sammenhænge,,,,, 20,,,,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, indledningen, æble er watchkit ramme for udviklingen af æble - applikationer giver flere muligheder for dem, som fremkalder, til at forelægge forskellige typer grænseflader til brugere af din app.dette omfatter side baseret på, hierarchal og intermodale grænseflader, der kan alle bruge sammenhænge for at skabe dynamik i det pædagogiske indhold.,,, jeg vil vise dig, hvordan at oprette og manipulere med hver enkelt type interface, og hvad de er hver enkelt konstrueret til.,, krav, denne forelæsning kræver, at du er løb xcode 6.2 + og har det godt med at skabe en grundlæggende æble - app.hvis ikke, vil du læse nogle af de andre   watchkit tutorials på tuts +  , og så komme tilbage til det.du skal også downloade starteren projekt fra github.,, 1.side - grænsefladerne, den første slags grænseflade, de skal gennemføre i dit æble - app vil være en side ud.disse typer grænseflader fungere på samme måde som standard hjem skærmen på en six anordning at vise flere sider af oplysninger i en fastlagt rækkefølge.   side grænsefladerne er bedst egnede til, når du har brug for at vise flere skærme af oplysninger, som er forbundet med hinanden.,, åbne starteren projekt i xcode og sejle til  , grænseflade. tegning.den tegning, indeholder allerede seks grænseflade kontrollører, som de kan se nedenfor.,,,,, at skabe en side baseret grænseflade, du er nødt til at skabe en  , næste side,   forhold segue mellem grænseflade kontrollører, vil du forbindelsen.tryk på den  , kontrol, knap på dit tastatur og klik og trække fra en grænseflade styreenhed til en anden.kontrol - og ud fra den første grænseflade registeransvarlige til den anden, og hvis det gøres rigtigt, en   forhold indfaldsvinkel   pop - up bør anføres.fra det pop - up menu vælge den   på næste side, valg, som vist nedenfor.,,,,, følger de samme foranstaltninger til at forbinde den anden grænseflade styreenhed til den tredje.den skitse vil nu vise overgange mellem de tre øverste grænseflade kontrollører.bemærker, at den rækkefølge, i hvilken de skaber disse overgange, fastsætter for de grænseflader, skal i deres watchkit app.,,,,, bygge og drive din app - - og åbne et æble se som en ekstern skærm i six - simulator.du vil se, at app viser  , første side, grænseflade registeransvarlige og har tre prikker i bunden, der repræsenterer de tre foreliggende sider.du kan knalde mellem de tre sider af betaling til venstre eller højre, lige som du ville på en six - anordning.,,,,,,,,, når der anvendes en side baseret grænseflade, kan de angive, hvilke grænseflade registeransvarlige, du vil komme til affyring.dette gøres ved hjælp af  , becomecurrentpage metode.åben  , secondpageinterfacecontroller. hurtig,   og tilføje følgende linje til  , awakewithcontext (_:), metode:,, før arbejdet awakewithcontext (sammenhæng: anyobject?){super. awakewithcontext (baggrund) selv. becomecurrentpage()), bygge og drive din app igen, og du vil se, at den anden side nu er fremlagt til affyring.,,,,, på runtime, du kan også indeholde en udtrykkelig ordre til at vise de sider af deres grænseflade.dette er gjort ved at bruge den, reloadrootcontrollerswithnames (_: sammenhænge:), klasse metode. den første del af denne metode er en række betingelser, som indeholder den tegning identifikatorer af grænsefladen kontrollører, du vil have.for identifikatorer i dette system er afgørende for, at sider anføres i.,, det andet parameter er en frivillig  , anyobject, type system, der indeholder sammenhænge for hver af siderne.du vil lære om sammenhænge senere i denne forelæsning.nu lader du denne parameter, som  , nul.i stedet for den linje, de er kommet til din  , awakewithcontext (_:), metode med følgende:,, før arbejdet awakewithcontext (sammenhæng: anyobject?){super. awakewithcontext (baggrund) wkinterfacecontroller. reloadrootcontrollerswithnames (["tredje side", "første side"] sammenhænge: nul), bygge og drive din app, og du vil se, at efter lastningen har afsluttet din app vil vise den tredje side efterfulgt af den første side.,,,,,,,, 2.hierarchal grænseflader, foruden side grænsefladerne, du kan også gennemføre hierarchal grænseflader i et æble - app.vi taler om hierarkiske grænseflader, når de skifter mellem grænseflade kontrollører ved hjælp af en  , skubbe, overgang.,, opførelsen af en hierarchal grænseflade er identisk med den  , uinavigationcontroller,   klasse i en six - app.denne type æble - grænseflade, der er bedst egnede til at fremlægge flere interface et efter et lineært, revidere   interface. skitse,   og trække  , hovedindgangen, pil af, t, ransition interface registeransvarlige, som vist nedenfor.   dette vil gøre de specificerede grænseflade registeransvarlige anføres først når programmet, er iværksat.,,,,, næste, åben  ,,, transitioninterfacecontroller. hurtig,   og tilføje følgende linje i  , pushbuttonpressed, metode:,, @ ibaction funktion pushbuttonpressed() {selv. pushcontrollerwithname ("hierarchal grænseflade" sammenhæng: nul), svarende til  , reloadrootcontrollerswithnames (_: sammenhænge:),   metode, som du brugte tidligere, den første parameter, pushcontrollerwithname (_: sammenhæng:), er den tegningidentifikator for grænsefladen registeransvarlige, vil du skubbe.det andet parameter er baggrunden for denne nye grænseflade registeransvarlige.,, bygge og drive din app.du skulle se følgende interface, når din watchkit app har afsluttet iværksættelse.,,,,, at udnytte  , hierarchal, skal skubbe den næste grænseflade på skærmen, som vist nedenfor.,,,,,, vil de bemærke, at der nu er en lille pil i øverste venstre hjørne af skærmen.banke den pil vil tage dig tilbage til den tidligere grænseflade.det er også muligt at åbne de nuværende grænseflade registeransvarlige i kode.   i  , hierarchalinterfacecontroller,   klasse, ajourføre  , popbuttonpressed,   metode som følger:,, @ ibaction funktion popbuttonpressed() {selv. popcontroller()), bygge og drive din app igen.at udnytte  , pop, skal nu have den samme virkning som presserende ryggen pil i øverste venstre.,, hvis du ønsker at vende tilbage til den første grænseflade i hierarkiet, bruger du  , poptorootcontroller, metode snarere end  , popcontroller metode.i din nuværende app, disse metoder vil både give samme resultat, da der kun er to grænseflader i hierarkiet i øjeblikket., 3.intermodale grænseflader, intermodale grænseflader fungerer på samme måde som hierarchal grænseflader.den største forskel mellem de to er, at intermodale grænseflader, der er konstrueret til at vise grænseflader oven på hinanden snarere end skifter mellem dem lineært, gå tilbage til  , transitioninterfacecontroller. hurtig,   og tilføje følgende linje kode til, modalbuttonpressed, metode:,, @ ibaction funktion modalbuttonpressed() (self -. presentcontrollerwithname ("modal grænseflade" sammenhæng: nul), at afskedige den modale grænseflade, ajourføre, dismissbuttonpressed, metode, som følger i, modalinterfacecontroller:,, @ ibaction funktion dismissbuttonpressed() {selv. dismisscontroller()), bygge og drive din app.step, modal, knap til at fremlægge en modal grænseflade.,,,,, en fordel af intermodale grænseflader, er, at du kan med hensyn til transportform frembyder en side baseret grænseflade.dette gøres ved hjælp af  , presentcontrollerswithnames (_: sammenhænge:), metode.den første parameter er en række storyboard identifikatorer og det andet parameter er en række forbindelse objekter.   i  , transitioninterfacecontroller. hurtig, ajourføring af gennemførelsen af  , modalbuttonpressed, metode som følger:,, @ ibaction funktion modalbuttonpressed() {selv. presentcontrollerwithnames (["modal grænseflade", "hierarchal grænseflade"] sammenhænge: nul), løb din app og aflytter, modal, button.en   side baseret grænseflade bør fremlægges med hensyn til transportform med de to følgende grænseflader:,,,,,,,, 4.grænseflade sammenhænge, som du har set fra de forskellige metoder, der anvendes i denne lektion så langt, når de skifter til en ny grænseflade, du kan bestå i en kontekst, at forme den grænseflade, der er ved at blive udarbejdet.led du gå til din nye grænseflade er frivillige og kan være en datatype   (, anyobject?,,.,,, betyder det, at du kan give nogen form for oplysninger mellem grænseflader, tal til komplekse datastrukturer.i den sammenhæng er overgivet til den nye grænseflade i  , awakewithcontext (_:), metode.den fordel, som en forbindelse til en grænseflade registeransvarlige er at forme indholdet dynamisk, er det på runtime.,,, transitioninterfacecontroller. hurtig,   og ajourføring af gennemførelsen af  , modalbuttonpressed, metode som følger:,, @ ibaction funktion modalbuttonpressed() {selv. presentcontrollerwithname ("modal grænseflade" sammenhæng: "skik tekst"), i  , modalinterfacecontroller. hurtig, ajourføring af gennemførelsen af  , awakewithcontext (_:) som følger:,, før arbejdet awakewithcontext (sammenhæng: anyobject?){super. awakewithcontext (baggrund), hvis vi tekst = sammenhæng?string (knap. settitle (tekst)}}, bruger vi frivilligt bindende for at se, om den sammenhæng, der kan blive kastet i en  , snor.hvis det kan vi sætte  , er ejendomsretten til denne værdi.,, bygge og drive din app, og åbne modal - grænseflade.titlen på den knap, skulle have ændret sig til sædvane tekst.,,,,, lære mere i vores watchkit,, hvis du er interesseret i din watchkit uddannelse til næste niveau, kan du tage et kig på   vores fulde om watchkit udvikling.,, konklusion,,,,, i denne forelæsning, du lærte hvordan til at oprette og anvende de tre vigtigste grænseflade former, der er til rådighed for watchkit ansøgninger, side baseret på, hierarchal og modal.du har lært at bruge grænseflade sammenhænge at konfigurere grænseflade kontrollører på runtime.du ved også, når det er bedst at bruge hver af disse interface typer i din watchkit ansøgninger.   du kan læse mere om grænseflade sejlads i apples dokumentation.

Initial storyboard
Setting up next page segue
Page-based segues
Initial app screen First page
Initial app screen Third page
Second page appears first
Third page is now first
First page is now last
Changing entry point
Transition interface
Pushing the next interface onto the stack
Modal interface
Modal page-based interface 1
Modal page-based interface 2
Interface using contexts



Previous:
Next Page: