, begyndt med auto - indretning i xcode 5,,,,, 11,,,,,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, indledningen, skaber ansøgninger med fleksible skemaer er nødvendig, især efter frigivelsen af den iphone 5 med sine 4 "skærm og indførelse af dynamisk art i six 7, giver brugerne mulighed for at ændre teksten størrelse i styresystemet.fleksible opstillingsskemaer også komme i handy med internationalisering i tankerne.,, 1.hvad er det?,, auto layout, der blev indført i six 6, gør dig i stand til at skabe sådanne fleksible opstillingsskemaer.det er et godt alternativ til autoresizing masker eller manuelt ud anvendelse brugergrænseflade.,, auto layout gør dig i stand til at tilføje krav, synspunkter og definere forholdet mellem synspunkter.forholdet kan være mellem en betragtning og dens superview, en af sine søskende, eller endog i forhold til sig selv, i stedet for udtrykkeligt angiver en opfattelse ramme, auto udformning lader du definere afstanden mellem og relative placering af to synspunkter med begrænsninger.auto layout bruger disse begrænsninger for at beregne runtime holdninger af brugergrænsefladen elementer.,, du skal nok pres på for at forhindre tvetydighed om indretningen.det er også muligt at indføre for mange byrder, som kan medføre konflikter og gøre anvendelsen ned., i xcode 4, når du sætter ufuldstændige eller ugyldige begrænsninger på et synspunkt, grænseflade bygmester vil erstatte dem med nye begrænsninger, som for det meste ikke give dig den virkning, de var efter.dette førte til en betydelig frustration med entreprenører.i xcode 5, selv om det er meget lettere at anvende auto layout.xcode ikke længere kræfter begrænsninger på et synspunkt, men du får råd og advarsler, når en opfattelse, er begrænsninger, er ugyldig.,, samtidig med, at det er muligt at arbejde med auto layout programmatically, denne forelæsning vil se på, hvordan man bruger grænseflade bygmester at skabe skemaer med auto layout., 2.auto indretning grundlæggende, for en enkel demonstration af, hvad auto udformning kan gøre for dig, vil vi skabe en enkel anvendelse og fastsat visse begrænsninger for sine synspunkter.skabe en ny xcode projekt, vælge den fælles opfattelse, anvendelse, skabelon, udstyr, til iphone,.,, storyboards og xib filer oprettet med xcode 4.5 eller senere har auto layout som standard aktiveret.du kan deaktivere den i, fil inspektør, til højre ved unchecking den afkrydsningsfelt mærket, auto udformning.,,,,, en god grund for invaliderende auto layout er støtte til programmerbare 5 eller lavere.auto opbygning støttes kun af programmerbare 6 ovenfor.men bortset fra det, æble anbefaler brug auto opstilling som det gør oprettelsen af fleksible brugergrænseflader hurtigere og lettere.,,, åbne projektets vigtigste tegning, main. skitse, tilføje en tekst på opfattelse registeransvarlige scene, og holdning, som vist nedenfor.,,,,, ingen begrænsninger har fastsat teksten synspunkt, og det har nogle konsekvenser.når du er på flugt, anvendelse, teksten synspunkt er placeret som grænseflade bygmester.når anordningen er flyttet til landskab tilstand, teksten opfattelse fortsat holder os til venstre kant af den opfattelse, og dens bredde er fastsat.,,,,, på bygge - tid, er automatisk for synspunkter, der ikke er begrænsninger, hvilket forklarer den opførsel, som vi ser.de begrænsninger, tilføjes til teksten, f.eks. en venstre og øverste begrænsning, som sætter teksten på toppen til venstre, og en bredde og højde tvang, at fikse teksten synspunkt er størrelse.,,, når du begynder at fastlægge begrænsninger, men det er op til dem at sørge for, at hindringerne for en baggrund ikke for konflikter.i det næste afsnit vi tilføje nogle begrænsninger, at teksten på at tilpasse sin holdning og størrelse, når anordningen er drejet, eller når vi løber den ansøgning om f.eks. en iphone 5, der har en større skærm.,,, 3.at lægge begrænsninger, er der flere måder layout begrænsninger kan tilføjes en udsigt., -, kontrol - og drag,,, hold den, kontrol, centrale og trække fra det synspunkt, de vil tilføje tegningerne begrænsning til til en anden opfattelse.når jeg åbner det mus, en menu med muligheder bør anføres.de muligheder, afhænger af den retning, og det, mener du slæbte,.,, for at illustrere dette træk fra teksten på toppen af den opfattelse, af tilsynsførendes opfattelse.xcode vil belyse begge synspunkter til at angive layout begrænsninger omfatter både synspunkter.når du slipper mus, menu viser anlægget begrænsninger, der kan føjes til den kilde mener, at teksten synspunkt.til center teksten på horisontalt i betragtning registeransvarlige er af den opfattelse, at udvælge, center horisontalt i container, fra menuen.en orange linje tilsyneladende som et resultat, som du har givet,,,,,,,,, layout begrænsning. auto layout menu,,, du kan også tilføje og redigere layout begrænsninger ved hjælp af auto /menu på bunden af grænsefladen bygmester arbejdsrum.,,,,, fra venstre, menuen giver dem mulighed for at tilpasse og nål, synspunkter løse auto layout spørgsmål, og den rigtige opførsel, for de udvalgte synspunkt.lad mig forklare, hvad hver menu mulighed.,,,,, tilpasse, skaber tilpasning begrænsninger, der lod dig center en betragtning i beholderen eller tilpasse kanterne af to synspunkter.,,, nål, skaber afstand begrænsninger.du kan sætte den højde og bredde af udvalgte synspunkt eller specificere det synspunkt, er afstanden til en anden opfattelse.,,,,, at auto layout spørgsmål, menu tilføjer evne til at løse auto layout spørgsmål, f.eks. ved at ajourføre den opfattelse, er ramme eller tilføje manglende restriktioner.,,,, nedskæring, menu lader dig specificere de rigtige opførsel af udvalgte synspunkt, og hvor søskende og efterkommere er berørt.,,, redaktør menu, hver af de førnævnte menu muligheder kan også findes i xcode er redaktør, menu.,,, at begrænsninger, at tilføje layout begrænsninger i teksten mener, at vælge den holdning i xcode hold den, kontrol, nøgle, og trække teksten på toppen af den grund registeransvarlige opfattelse.vælg, center horisontalt i container, fra menuen, der findes.dette er en begrænsning, som sikrer den tekst layout synspunkt er altid midt i betragtning registeransvarlige er af den opfattelse, at uanset hvilken anordning er orientering.,, du har måske bemærket, at teksten synspunkt har en orange linjer.xcode fortæller os, at teksten er der layout begrænsninger, er ugyldige eller ufuldstændige.vi har specificeret, at teksten skal være fokuseret på horisontalt i moderselskabet synspunkt, men auto layout - system er ikke ved, hvad størrelse i teksten mener bør være.lad os tilføje nogle flere begrænsninger, indtil teksten synspunkt er skitsere blå viser, at teksten er der layout begrænsninger er gyldig, og konstaterer, at det er muligt at ignorere de advarsler og løbe en ansøgning med ufuldstændige layout begrænsninger.men du skal aldrig skib en ansøgning med tvetydige udformning begrænsninger, fordi du ikke ved, hvad ansøgningen brugergrænseflade skal se ud på forskellige anordninger i forskellige retninger., med teksten på udvalgte, kontrol, trække fra teksten på toppen af betragtning registeransvarlige synspunkt, og udvælge, øverste rum på toppen af layout guide.dette skaber en,, lodret rum pres fra betragtning registeransvarlige er top layout guide til teksten synspunkt er top.,, dernæst kontrol trække fra teksten, således at der på registeransvarlige synspunkt, og udvælge, ledende plads til beholderen, at afstanden fra den oprindelige holdning til venstre i teksten synspunkt.kontrol af teksten med henblik på at trække på registeransvarlige, og udvælge, nederste plads til bunden layout vejledning, at fastsætte en lodret rum pres fra betragtning registeransvarlige er bunden layout guide til teksten synspunkt er bunden. teksten opfattelse beskrivelse skal være blå, med angivelse af layout begrænsninger af teksten, er gyldige og fuldstændig.løb, anvendelse i six flyvesimulatortræning og ændre sin orientering til at kontrollere resultatet.,,,,, bemærke, at vi ikke behøver at tilføje et horisontalt område begrænsning at specificere de afstand fra teksten synspunkt er højre kant og dets superview, fordi vi bestemt teksten synspunkt er førende plads og koncentreret teksten på horisontalt i sin superview.auto - layout - systemet har nok oplysninger til korrekt indretning teksten synspunkt.vi kan opnå samme resultat ved at specificere fire rum begrænsninger, og at tilpasningen begrænsning.,, dette eksempel har vist dem, hvordan man sætter opstilling begrænsninger mellem en opfattelse og dets moderselskab synspunkt.lad os se på et andet eksempel, hvor vi layout begrænsninger mellem søskende elementer.,, begynde med at slette teksten synspunkt.dette vil også slette teksten synspunkt er layout begrænsninger.tilføje en tekst, et slider og segmenterede kontrol for registeransvarlige, som vist nedenfor.,,,,,, når du løber anvendelse, uden at nogen begrænsninger, de tre elementer vil holde os til venstre kant af deres oprindelige synspunkt i landskabet.,,,,,, vi ønsker imidlertid elementer til at udfylde den skærm er fuld bredde som som vist nedenfor.teksten bør udvide horisontalt og slider også udvides til at drage fordel af skærmen er bredde.den segmenterede kontrol bør dog have en fast bredde.,,,,,, udvælge tekstfeltet og tryk, nål, knap af auto /menu på bunden.i afsnittet, afstand til nærmeste nabo, øverst på menuen, klik på toppen, og efterlod linjer, der omgiver square.den røde linjer bør som følge heraf.næste, tryk på knappen på bunden er mærket, tilsættes 3 begrænsninger for at tilføje de specificerede rum begrænsninger.,,,,, udvælge de slider og gentager de samme foranstaltninger ved at fastsætte en øverste, venstre og højre rum begrænsning.dette sikrer, at afstanden mellem de slider og tekstfeltet og slider og segmenterede kontrol er fastsat.,,,,, gentager de samme foranstaltninger for segmenteret kontrol, men kun føjes en og højre (efter) rum begrænsning.desuden kontrollerer, bredde afkrydsningsfelt og tryk, der tilsættes 3 begrænsninger, knap på bunden.vi ønsker ikke at udvide den segmenterede kontrol når skærmstørrelse ændringer, hvilket er grunden til, at vi giver det en fast bredde.,,,,,, 4.om fastsættelse af auto layout spørgsmål, om spørgsmål, hvor xcode giver os fejl eller advarsler om manglende eller ugyldige layout begrænsninger, kan det ikke altid været klart, hvilke begrænsninger der skal tilføjes eller ajourføres.xcode hjælper os ved at vise os som begrænsninger er forsvundet i det dokument skitserer,.,, når noget er ugyldig eller ufuldstændige, en rød pil er synlige i dokument udkast.når du klik pilen, et vindue glider ind fra højre, der viser, hvilke vanskeligheder er forsvundet eller ugyldig.det giver dig en ledetråd, hvordan man laver layoutet.,,,,, på de enkelte fejl eller advarsel er en rød cirkel (fejl) eller gul trekant (varsling).når du knipser de fejl eller advarsel, en menu virker med forslag til at løse problemet.,,, du kan også bruge løse auto layout spørgsmål, menuen for at tilføje manglende restriktioner, nulstil henblik på begrænsninger, eller at klare begrænsninger.xcode automatisk vil tilføje krav til de udvalgte lyset for dig.det her kan redde dig, men konstaterer, at det er også muligt, at den deraf følgende opstilling er ikke, hvad du ønskede.,,, fejlplaceret synspunkter,,, hvis du har tilføjet layout begrænsninger til et synspunkt, og det ændrer sin størrelse eller placering, xcode fremhæver den opfattelse i orange, tyder på, at den nuværende holdning, og /eller størrelse ikke er i overensstemmelse med dens indretning begrænsninger.,, hvis du løber anvendelse, vil de se, at auto layout system baseret på baggrund er layout begrænsninger og ignorerer den opfattelse, er nye størrelse og holdning, de har fastsat.det er en såkaldt, misforstået opfattelse.den skærmbillede nedenfor viser en knap, der flyttede jeg efter at have præciseret de layout begrænsninger.,,,,, at ordne det, du kan slette den indretning, begrænsninger og fastsætte nye, eller du kan lade xcode ordne det for dig.du har to muligheder for at fastsætte en fejlagtig opfattelse,.,,, du kan komme og resize opfattelse svarer til dens udformning begrænsninger ved at udvælge, løse auto layout spørgsmål > ajourføre stel, fra xcode er redaktør, menu.,, eller du kan ajourføre deres layout begrænsninger svarer til den opfattelse, er nye størrelse og placering ved at udvælge, løse auto layout spørgsmål > ajourføre begrænsninger, fra xcode er redaktør, menu.,,, i ovenstående eksempel, vi vælger, ajourføre begrænsninger for at ajourføre layout begrænsninger for knap er nye størrelse og holdning, fordi vi ønsker at bevare den knap er nye størrelse og stilling.,, konklusion, auto - layout - systemet giver vedrørende brugergrænseflader meget enklere og hurtigere.før auto layout blev indført, var hårdt kode en ansøgning udviklere brugergrænseflade med henblik på ramme og autoresizing maske.med auto layout, er det ikke længere nødvendigt, ved korrekt fastsættelse af en betragtning er layout begrænsninger, er dens holdning ajourføres automatisk uafhængigt af skærmens størrelse eller orientering.et andet område, hvor auto indretning er nyttige, er anvendelsen af lokalisering.ord og sætninger, har forskellig længde på forskellige sprog.også dette kan løses med auto layout.
begyndt med auto - indretning i xcode 5
Previous:begyndt med androide studie
Next Page:lad os skrive en rubymotion app: del 2