introduktion til den visuelle format sprog

, introduktion til visuel format sprog,,,,, 33,,,,,,,,, 12,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, auto udformning har været til rådighed i et par år, men med iphonen 6 og 6, og det er blevet en nødvendighed for projekter.det har ikke altid været let at anvende, xcode støt har set forbedringer i grænseflade til integrering af auto /bygmester enklere.i denne forelæsning, vil du lære at bruge den visuelle format sprog ved hjælp af hurtig til at skabe auto layout begrænsninger i kode.,, 1.indledning, denne forelæsning påtager sig, du har viden om auto - indretning.hvis du er ny auto layout, så vil jeg opfordre dem til at læse indførelsen af joyce echessa  .,,, visuelle format, sprog,   er deklaratoriske sprog, der er anvendt til at definere auto layout begrænsninger for synspunkter.dens syntaks er udtryksfulde og let at forstå, når du når til kode.de planlagte begrænsninger bør straks klart af ordlyden af en   visuelle format sprog   redegørelse og de flyder som en straf.,,, - opstilling begrænsninger med forskellige prioriteringer, vertikale layout, afstand, og   dimensioner kan skabes ved hjælp af den visuelle format sprog syntaks.det er defineret i en snor variable og så videre til undergruppeniveau metoder  , constraintswithvisualformat: muligheder: måleenheder: synspunkter:,   og  , constraintwithitem: attribut: relatedby: toitem: attribut: multiplikator: konstant: på den  , nslayoutconstraint,   klasse.,, visuel format sprog   kan være især er nyttige, når grænseflade, bygmester, er ikke en løsning at tilføje auto layout begrænsninger, for eksempel, når en del af din ansøgning brugergrænseflade skal oprettes programmatically., 2.at skabe et nyt projekt, lad os skabe et nyt projekt i xcode at se, hvordan   visuelle format sprog anvendes, og hvordan deres projekter kan drage nytte af det.,, trin 1: projekt skabelon, åben xcode og udvælge  , nye > projekt,   fra  , fil,   menu.vælg  , fælles opfattelse, anvendelse,   fra listen over  , programmerbare anvendelse,   skabeloner og klik  , næste.,,,,, trin 2: projekt konfiguration, næste navn dit projekt og komme ind i dit organisationens navn og identifikation.vælg  , universal,   fra  , anordninger,   liste, klik  , og vælge et sted for at redde projektet.vælg  , swift,   som programmeringssprog.,,,,, 3.at skabe en hindring for en fælles opfattelse, trin 1: definition af variabler, begynde at skabe tre variabler af typen, uiview,.åben  , viewcontroller.swift, og tilføje følgende kode over  , viewdidload,   metode:,, var vwblue: uiview!var vwred: uiview!var vwgreen: uiview!,,, trin 2: sæt synspunkter, skabe en funktion til  , initviews, på bunden af den grund registeransvarlige  , ugyldige,   som afkastet type.denne funktion vil nulstille synspunkter og tilføje dem for hierarki.ring til denne funktion i  , viewdidload,   efter at overklassen er  , viewdidload,   metode.,, funktion initviews() - > ugyldig (//sæt vwred = uiview() vwblue = uiview() vwgreen = uiview() //- auto layout vwred. settranslatesautoresizingmaskintoconstraints (forkert) vwblue. settranslatesautoresizingmaskintoconstraints (forkert) vwgreen. settranslatesautoresizingmaskintoconstraints (forkert) //farver vwred.backgroundcolor = uicolor. redcolor() vwblue.backgroundcolor = uicolor. bluecolor() vwgreen.backgroundcolor = uicolor. greencolor() //tilføjer dem til den opfattelse, jeg. betragtning. addsubview (vwred) selv. betragtning. addsubview (vwblue) selv. addsubview (vwgre synspunkt.en)}, i forbindelse med auto layout på synspunkter, der blev skabt i kode, der er et par forbehold, at være klar over.den første er knyttet til værdien af den ejendom,  , translatesautoresizingmaskintoconstraints,.   denne ejendom er sandt, som standard, hvilket betyder auto layout begrænsninger vil blive skabt ud fra det synspunkt er  , autoresizing maske.vi vil   den opfattelse, at respektere auto layout begrænsninger vil vi tilføje, så denne ejendom, bør fastsættes til falske,.,, for det andet at holde sig for øje, er af den opfattelse, livscyklus.før auto layout begrænsninger kan tilsættes til en betragtning skal det tilføjes, at superview.ellers vil en runtime undtagelse er kastet.minder om, at auto udformning defineres, hvor synspunkter er placeret baseret på forhold.hvis en opfattelse, har ingen superview, operativsystemet er ingen reference til vedrører auto layout begrænsninger.,, trin 3:  , skabe hindringer for et fælles synspunkt, lad os begynde med et enkelt eksempel på det visuelle format sprog.for den røde øjne vwred, vil vi tilføje auto layout bånd, der gør det samme størrelse som superview.det er nyttigt i en situation, hvor man tilføjer en baggrund image.,, før de visuelle format sprog kan anvendes af alle de synspunkter, som vi har brug for, skal være opført i en ordbog.dette er, hvordan de synspunkter vil blive identificeret ved visuel format sprog.,, skabe en funktion, createconstraints,   med en ugyldig, tilbage - på bunden af den grund registeransvarlige klasse.du skal ikke bekymre dig om grammatik.vi vil gennemgå gennemførelsen af, createconstraints, funktion i et øjeblik.,, funktion createconstraints() - > ugyldig (//synspunkter at tilføje krav til lad synspunkter = ordbog (dictionaryliteral: ("rød", vwred), ("blue", vwblue), ("grøn", vwgreen) /lad horizontalconstraints = nslayoutconstraint /horisontale begrænsninger. constraintswithvisualformat ("h:



Previous:
Next Page: