, skabe din første programmerbare anvendelse,,,,, 5,,,,,,,,, 29,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet lære programmerbare sdk udvikling fra bunden. hvordan til at afprøve din app på 105 devicelearning c: en "nøgle", selv om vi allerede har lært en del i denne serie om programmerbare udvikling, og jeg er sikker på, at du er ivrig efter at bygge six ansøgninger, at lave noget fedt eller nyttigt.i denne forelæsning, dit ønske er opfyldt.ved hjælp af xcode, vil du oprette en six - projektet fra bunden, ændre projektets kildekode, og kør din ansøgning om enten programmerbare simulator eller en fysisk anordning.,,,, colorific,, colorific er navnet på den anmodning, som vi er ved at opbygge.tanken bag colorific er enkel, hver gang de bruger rører apparatets skærm, farven på skærmen ændringer.selv om begrebet er grundlæggende, colorific er lige begyndt, og at de in og out af programmerbare udvikling.,,, 1.skabe en ny xcode projekt, som vi tidligere har set i denne serie, hver programmerbare ansøgning går gennem livet som en xcode projekt.hvad er en xcode projekt?en xcode projekt er en container eller en database, der indeholder filer, aktiver, og de oplysninger, der er nødvendige for at opbygge et eller flere produkter, og konstaterer, at dette ikke er begrænset til et projekts kildekode og aktiver, såsom billeder og andre medier.et projekt, der også holder styr på forbindelser mellem de forskellige elementer, og det kan bygge de endelige produkter fra dens elementer.,, fyr op xcode og skabe en ny xcode projekt ved at vælge nye > projekt... fra  , fil   menuen.   en alternativ løsning er presserende, skift. command + n.,,,,, i tilfælde xcode er velkomstvindue dukker op når du affyre xcode, foreslår jeg, at lukke den, så lærer man at skabe et nyt projekt ved xcode er menu.,,, 2.vælg en ansøgning skabelon, komme i gang med en ny ansøgning eller projekt er let i xcode takket være anvendelsen skabeloner, der kommer med den.med henblik på anvendelse, som vi er ved at skabe, vi har brug for fælles holdning anvendelse, model.de er fri til at tage et kig på den anden ansøgning skabeloner, men sørg for at vælge den fælles opfattelse, anvendelse, model for colorific.,,,,,, 3.få projektet, efter at udvælge, fælles opfattelse anvendelse, model, og at trykke på, button, xcode giver dig med en liste over muligheder, der gør det muligt for dig at få dit nye projekt.lad os se på de forskellige muligheder.,,,,,, produktets navn: produktets navn skal være navnet på din ansøgning.jeg har opkaldt min ansøgning colorific, men de er fri til at navngive din ansøgning om alt du vil.,, organisation navn: organisationen navn kan være dit eget navn eller navnet på dit selskab.xcode anvender organisationen navn til forskellige formål, f.eks. at tilføje en ophavsret meddelelse til hver enkelt kilde fil.,, virksomhed, virksomhedens id: id er en enestående kæde, som xcode anvendelsesformål (sammen med produktets navn) at skabe anvendelse er et bundt id.æble anbefaler vedtagelse af omvendt område navngivningskonvention i et forsøg på at gøre denne enestående.bemærk, at det område, du har ingen forbindelse til dns - systemet eller internet domænenavne.for eksempel mit firma, der hedder kode støberi, og som er beliggende i belgien, hvilket betyder, at mit selskab - id er. codefoundry,.jeg kunne dog godt bruge, be.code-foundry eller, kom. codefoundry,.i forbindelse med denne lektion, jeg har sat virksomheden identifikator, kom. tutsplus,.,, bundt identifikator, selvom du ikke kan angive masse id ved at skabe en ny xcode projekt, du kan ændre det, når du har skabt din projekt.uden bylten id er kombinationen af selskabet identifikator og produktets navn.husk på, at områder i produktets navn, erstattes med streger i bundter identifikator, fordi pakken identifikator må ikke indeholde whitespace.,, klasse præfiks:, ved at skabe skik klasser i dit projekt, er det vigtigt, at klasse navne ikke kolliderer med eksisterende klasse navne.ved at fastsætte en klasse præfiks, xcode vil præfiks nye klasser med denne skik klasse præfiks for at sikre, at navngive kollisioner er afværget.en fælles tilgang er at bruge dine initialer, bj, i mit tilfælde eller en kombination, der henviser til deres virksomhed eller organisation, som f.eks. tsp for tuts +.,, anordninger, i den gældende udgave af xcode (5.1 i skrivende stund) anordninger ned menu indeholder tre muligheder, ipad iphone og universelle.denne konfiguration mulighed fortæller xcode som anordninger deres mål.ved at vælge den sidste mulighed, universal, dit projekt mål både ipad og iphone anordning familie.den ipod touch er medlem af iphone anordning, familie, som du måske har gættet,.,,, du nu har en god forståelse for de forskellige konfigurationer muligheder ved oprettelse af en ny xcode projekt.til dette projekt, vil jeg anbefale dem at anvende de muligheder, som vist i ovenstående skærmbillede.bemærk, at de fleste muligheder kan let ændres, efter at du har skabt din projekt.klik på den næste, button, når du er færdig konfigureringen af dit projekt.,,, 4.redde projektet, i løbet af de næste skridt, xcode spørger, hvor du vil redde dit nye projekt.du har måske set den lille afkrydsningsfelt på bunden af vinduet mærket, skabe et skvat register på min mac.den grå tekst under afkrydsningsfelt lyder, xcode vil lægge deres projekt under version kontrol.,,,,,, som jeg nævnte tidligere i denne serie, kilde kontrol er nødvendig for udvikling af software.denne serie vil ikke dække dette emne i detaljer, men hvis du er seriøs omkring udvikling af software, vil jeg anbefale at læse op på kilde kontrol., så er den mest populære scm (kildekoden forvaltning) system for kakao for fællesskabet.men det er muligt at anvende et andet scm system såsom svn eller ilter.,, fortæl xcode, hvor du vil redde dit projekt, tjek afkrydsningsfelt til at tillade xcode at skabe et skvat register for projektet, og tryk, skabe, button.,,, 5.at undersøge xcode brugergrænseflade, før vi går videre, vil jeg gerne tage et par minutter at udforske xcode brugergrænseflade.du kan se fire forskellige områder:,, en toolbar øverst, en aftale om venstre, en af de vigtigste synspunkter i midten, en aftale på det rigtige,,,,, toolbar,, toolbar øverst indeholder knapper og menuer, der vil du finde dig selv ved hjælp af ofte.som vi tidligere har set i denne serie, knapper til at løbe med en ansøgning i toolbar.,,,,, udstilling i midten af toolbar svarer til skærmen, du finder på itunes.den har oplysninger om, at projektet er staten, f.eks. det vil fortælle dig, hvornår et bygge lykkes eller mislykkes.,, de to segmenterede kontrol af den toolbar kan bruges til at bygge xcode brugergrænseflade.lege med de forskellige kontroller for at finde ud af, hvordan hver af disse ændringer xcode brugergrænseflade.,, navigatør, er hovedformålet med venstre aftale er navigations - og det er ofte benævnt xcode, navigatør.,,,,, navigatøren har forskellige tekniske vurderingsorganer med projekt navigatør, til venstre.udvælgelsen i venstre sidebar afgør, hvad der er anført i xcode vigtigste grund, arbejdsrum.,, vigtigste synspunkt eller arbejdslokale, er den vigtigste mening eller arbejdsområde er det område, hvor du tilbringer det meste af din tid.det er xcode er workhorse og viser, hvad der er udvalgt i navigatør.,,,,, inspektør, mens venstrefløjen tager kontrol, hvad der vises i xcode vigtigste mener, at indholdet af den rigtige aftale afspejler, hvad der er blevet udvist eller udvalgt på de vigtigste synspunkt.,,,,, ret sidebar, også kendt som inspektør,, tilpasser sig til, hvad brugeren udvælger i de vigtigste synspunkt.,,, 6.at undersøge projektet, det er tid til at tage et kig på projektet.projektets indhold, der er anbragt i, projekt, navigatør, de første tab i venstre gruppemøde.vælg, første punkt, i projektet, navigatør, at projektets detaljer i de vigtigste synspunkt.,,,,, der er den vigtigste mening består af to dele, en aftale om venstre og en detaljeret holdning til højre.i den aftale, de to poster, dit projekt med et punkt på dagsordenen og målene med to punkter. det er godt at vide i begyndelsen på, hvad forskellen er mellem et projekt og et mål.som jeg nævnte tidligere, er et projekt, der er et register for de filer, aktiver og data, der er nødvendige for at opbygge et eller flere produkter.et mål, men henviser til en af disse produkter.et mål, indeholder de nødvendige instrukser om at bygge et produkt med projektets indtægter.det betyder, at et projekt kan indeholde flere mål, til at bygge flere produkter.som de kan se, er en xcode projekt er mere end bare en mappe med en masse filer i.,,, 7.bygge og drive: 1, før vi begynder at ændre kildekode af projektet, kan det være interessant at opbygge og drive dit nye projekt for at se, hvad ansøgningen model har givet os gratis.tryk, løb, knap i øverste venstre og sikre, at det aktive system er konfigureret til at styre anvendelsen i six simulator, ved udvælgelse af nethinden (4), iphone.,,,,, hvis alt gik godt, programmerbare simulator bør iværksætte din ansøgning og udviser en tomme, hvid baggrund med den velkendte status bar på toppen. - 8.ændre brugergrænseflade, lad os få hænderne beskidte og ændre anvendelsen brugergrænseflade.åben den, projekt - og vælge de sagsakter, der hedder main. skitse,.   en fil med en skitse, udvidelse,. en brugergrænseflade fil.i denne sag, at vi skaber brugergrænsefladen af ansøgningen.,,,,, den skitse, indeholder et punkt, med henblik på registeransvarlige med den hvide mener du så i six simulator for et øjeblik siden.   det arbejdsområde er sammensat af en aftale, der viser objekt repræsentation af  , scener, af den skitse.den største del af arbejdsområde omfatter scener eller brugergrænsefladen ansøgningen.,, vælges den genstand, der hedder opfattelse i opfattelse registeransvarlige, scene,   i venstre nærmere og se, hvordan det arbejdsområde, og den rigtige aftale ajourfører deres indhold.en flok af tekniske vurderingsorganer anføres øverst på den rigtige aftale.hver af de tekniske vurderingsorganer indeholder en samling af attributter i tilknytning til de formål, der hedder, mening.,,,,,, den nederste halvdel af den rigtige aftale indeholder et afsnit med fire tabletter.den tredje regning er repræsenteret af et billede af en tre - dimensionel kasse.denne rubrik er, hvordan objekter er almindeligt vises i xcode.,,,,, klik på regning med rubrik ikon og rulle gennem den liste, der findes.listen er benævnt, objekt bibliotek, og indeholder forskellige brugergrænseflade elementer som f.eks. knapper, kiks og kontakter, i begyndelsen af denne lektion, jeg sagde, at vi skulle skabe en ansøgning med en bruger interaktivitet.brugeren skal være i stand til at røre ved skærmen til at skifte farve., at rører i en six ansøgning kan blive gjort flere måder.en løsning er at anvende en knap.i enhver bibliotek, finder den post, der hedder  ,,, uibutton og trække det fra objektet bibliotek til den hvide synspunkt i xcode er arbejdsrum.,,,,, bør brugeren være i stand til at røre nogen del af skærmen, hvilket betyder, at det skal dække hele skærmen.har du bemærket de seks små firkanter på knappen er kanter?ved at flytte de små firkanter, du kan ændre den knap er dimensioner.,,,,, tilpasse størrelsen af de knap, så det dækker hele den skærm.du skal ikke bekymre dig om status bar øverst.,,,,,, bag den knap er af den opfattelse, at det vil ændre farve, når brugeren rører gitteret.i øjeblikket den knap er udsigten fra brugerens synspunkt, så er vi nødt til at ændre den knap er attributter. du har måske bemærket, at den knap er blevet føjet til listen over ting i venstre sidebar, under den genstand, der hedder, mening.vælg en knap fra listen af genstande og udvælge, attributter inspektør, i ikke tager den fjerde regning fra venstre.vi behøver kun at foretage to justeringer,.,,, begynde med at ændre den type knappen fra systemet, til skik og brug.dette vil gøre på den gennemsigtige.,,,,, den anden ændring, vi skal gøre, er at fortælle brugeren, hvad vi skal gøre ved at ændre på den titel.teksten inden næste på etiketten, titel, som i øjeblikket er affattet, button.ændre det til dig at skifte farve,   og fastsætte, tekst, farve, sort, så den er let læselig.,,,,, 9.der tilsættes en aktion for registeransvarlige,, hvis du er bekendt med mvc (i, m, odel -, v, iew -, c, ontroller) mønster, så har du et forspring læring programmerbare udvikling.den mvc mønster er et mønster på mange sprog og rammer, som f.eks. ruby på skinner og codeigniter.,,, i vores brugergrænseflade falder i, v, kategori i mvc mønster.en opfattelse, er kontrolleret af en kontrollør.kig på sagen navne i projekt navigatør, til venstre.filerne er henblik på registeransvarlige, der styrer opfattelse i vores brugergrænseflade.,, hvad en betragtning registeransvarlige?med henblik på kontrol kan gøre, hvad du vil, men det er i første omgang ansvarlig for håndtering af alt det, der sker i den opfattelse, at det lykkes.dette omfatter f.eks. rører fra brugeren.hvis brugeren rører knap i betragtning, er det den registeransvarliges ansvar at håndtere røre begivenhed.,, hvordan gør vi en smule begivenhed?i tilfælde af vores knap, tilføjer vi en indsats for registeransvarlige.det er et fint navn til en metode.hvad er en metode?en metode, der er kernen i en c - funktion.vent.hvad?du skal ikke bekymre dig om terminologi for meget på dette punkt.de næste to stillinger vil dække c og objective-c mere detaljeret.hvad du skal huske, er, at en metode er som en metode til ruby og folkesundhedsprogrammet, eller en funktion i javascript.,, hvis du påberåbe sig en metode af en registeransvarlig, der er noget som svar.med andre ord, hvis en bruger rører knap, og vi forbinder en metode til at røre begivenhed, så den registeransvarlige vil gøre noget i forbindelse med, at røre begivenhed.,, at tilføje en aktion for registeransvarlige, der forvalter den opfattelse i vores brugergrænseflade, er vi nødt til at foretage nogle ændringer til det dossier, der hedder, tspviewcontroller. t.filer i. h, udvidelse, delt filer.henblik på registeransvarliges headerfilen indeholder oplysninger om den opfattelse, registeransvarlige opfattelse registeransvarlige klasse, for at være præcis.vi behøver blot at tilføje en linje kode til headerfilen.se, hvordan jeg har ændret opfattelse registeransvarliges headerfilen. //////////////////tspviewcontroller. h colorific ////skabt af bart jacobs på 27 /03 /14.//ophavsret (c) 2014 tuts +.eneret.////////&#import < uikit /uikit. h > @ grænseflade tspviewcontroller: uiviewcontroller - (ibaction) changecolor: (id) afsender; @ ende, selv om vi ikke fokusere på syntaks i denne forelæsning, er det let at forstå, hvad der foregår.navnet på den eller den metode, changecolor:, og det er et argument, der afsender.den slags er argumentet, id, hvilket betyder en genstand.hvad er genstande, igen?tålmodighed, græshoppe.de foranstaltninger, ender med et semikolon.,,, 10.gennemføre foranstaltninger, har vi tilføjet en aktion for registeransvarlige, men den foranstaltning, gør ikke meget.det, vi har gjort, er at erklære en aktion.det betyder blot, at en del af den anvendelse, der tager et højdepunkt på baggrund af tilsynsførendes headerfilen ved også, at det er en sag, der hedder, changecolor:,.det er som en restaurant tilbyder dig menuen.kan du se, hvad det har at tilbyde, men det viser ikke, hvad hvert punkt på menukortet ser eller smager.,, hvad vi skal gøre, er at gennemføre de foranstaltninger, og vi gør det i lyset af tilsynsførendes, gennemførelse fil.det er rigtigt.filen med,. m, udvidelse, er gennemførelsen fil.vælg den fil, der hedder, tspviewcontroller. m, og se på indholdet, har du forvente, at det er tom?xcode har givet os nogle boilerplate kode, der er fælles for flyveledere.det gode ved objective-c er, at det er læseværdig metode navne.udviklere klager ofte over, at metoden navne er lang, men den fordel, at du ved, hvad en metode er ved at se på dets navn, til at gennemføre den, changecolor: handling, vi fik, hvad vi skrev i headerfilen og erstatte den med semikolon med en åbning, og et afsluttende curly skinne.,, ////////////////////////////////////tspviewcontroller. m colorific ////skabt af bart jacobs på 27 /03 /14.//ophavsret (c) 2014 tuts +.eneret.////////&#import "tspviewcontroller. h" @ grænseflade tspviewcontroller () @ ende @ gennemførelse tspviewcontroller - (indhold) viewdidload {[super viewdidload]; //gøre yderligere opstilling efter lastning udsigten, typisk fra en spids.} - (indhold) didreceivememorywarning {[super didreceivememorywarning]; //salg af de ressourcer, der kan blive genskabt.. - (ibaction) changecolor: (id) afsender {} @ ende, har jeg lagt indholdet af den samlede gennemførelse fil, så kan du se, hvor du vil tilføje metode gennemførelse.det skal være efter @ gennemførelse tspviewcontroller, og før det sidste, @ ende.bemærker også, at det ikke kan indføjes i en anden metode gennemførelse. det er på tide at gøre noget nyttigt i vores indsats.jeg vil ikke forklare hver linje af kode i detaljer, men jeg vil give dig et resumé af, hvad der er sket. - (ibaction) changecolor: (id) afsender (int r = arc4random()% 255; int g = arc4random()% 255; int b = arc4random()% 255 og uicolor * farve = [uicolor colorwithred: (r /255.0) grøn: g /255.0) blå: b /255.0) - 1, 0]; [self.view setbackgroundcolor: farve]), og, som de ved, er det muligt at bryde en farve i de tre primære farver, rød, grøn og blå.i vores indsats, skaber vi tre tilfældige tal mellem 0 og 255, og bruge disse tal for at skabe en tilfældig farve. den metode, vi anvender til at skabe den farve er meget beskrivende,  , colorwithred: grøn: blå: alpha:,.i sidste linje i vores aktion, sætter vi den baggrund farve af den opfattelse i vores user interface til det nye, der er tilfældigt, der genereres farve. det  , selv   henviser til betragtning registeransvarlige.du skal ikke være bekymret, hvis det giver ingen mening.det bliver mere klart, når vi har dækket de grundlæggende c og objective-c i de næste timer.,, bemærkninger er vigtige, når vi skriver kode.fandt du de bemærkninger, jeg tilføjede, at gennemførelsen af changecolor:,?en række bemærkninger begynde med to frem her (//), mens multiline bemærkninger i begyndelsen, /*, og slutte med, * /,.,,, 11.forbind den indsats, den metode, der er gennemført, men ikke noget spektakulært vil ske, når vi bygge og drive anvendelse.giv det en chance, hvis du ikke tror mig,, hvad der mangler, er en forbindelse mellem den knap, og den opfattelse, den tilsynsførendes handling.hvordan skal den opfattelse, at den registeransvarlige ved, changecolor:, der skal udløses, når knap er aflyttet?,, at denne forbindelse er enkel.åben skitse af udvælgelsen af de sagsakter, der hedder, main.storyboard og vælge den opfattelse registeransvarlige objekt i den opfattelse registeransvarlige scene. med udsigt registeransvarlige,   formål udvalgte, åbne, forbindelser, inspektør, i ikke tager den første regning fra højre.hvis du har fulgt de skridt, korrekt, bør du se vores nye foranstaltninger i afsnit mærket, modtaget aktioner.,,,,,, du bør se en tom cirkel på den, changecolor: handling.klik og trække fra cirkel til knap i vores brugergrænseflade.,,,,, menuen vil dukke op, når du slipper den mus.pop - op - menu, indeholder en liste over de typer rør begivenhed.de rører ved, hvis vi er interesserede i, er opkaldt, rør op indefra.denne begivenhed udløses, når en bruger rører knap og løfter hendes finger.det er den mest almindelige adfærd i de fleste knapper.,,,,, efter at forbinde den knap, og de foranstaltninger, det bør du se den rigtige aftale afspejler den forbindelse, du lige har gjort.godt.du har afsluttet din første rigtige anvendelse.,,,,,, 12.bygge og drive: 2, bygge og drive deres ansøgning i simulator, og begynde at udnytte programmerbare simulator er på skærmen.hver gang du på skærmen, dens farve skal skifte til en ny, tilfældig farve.hvor er det sejt?,,, konklusion, vi har dækket en del af vejen i denne forelæsning.selv om denne post var temmelig langvarig, vi havde faktisk ikke særlig meget.hvis du kender teorien, du kan skabe colorific på mindre end fem minutter, i de næste to stillinger, jeg vil dække de grundlæggende c og objective-c.. det vil forberede dem for den interessante ting i resten af den serie.