- invoering van het kwarts

kwarts 2d,,,,,,,,,,, 20, 8 aandelen,,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, kwarts is?Twee appel tweedimensionale tekening van kwarts is een belangrijk onderdeel van de belangrijkste motor van de grafische kader.Je mag altijd naar het kwarts 2d grafische of gewoon als de kern van de CG, kwarts 2d, gebruik van "schilder" model.In de in het model van een schilder, een continue werking van elke tekening van een laag verf "van de produktie" naar een "Canvas", gewoonlijk aangeduid als een pagina.Is van mening dat dit een tekening van het werk.Als schilder om de hele doek blauw, toen op het doek bedekt met een paar wolken, dan zou de blauwe wolken onder hen.Was "foto 's" naar het doek, dat hij niet kan veranderen, maar door de toevoeging van meer verf in het kwarts 2d tekeningen.,, in de context van de door de cgcontextref, grafische vormen.In een context van kwarts in de grafiek, kan het gebruik van twee functies om de context, de uitvoering van werken, zoals vertaling context veranderen, en grafische staat parameters, zoals de breedte en in kleur.Op basis van de API - kwarts D is c, dus je zal C genoemd) door de context als parameter.,,, schilderijen op los scherm, je moet   uiview subcategorieën, en herschrijven, de drawRect (_:,,).Dit is het, drawRect (_:), doe je geen gewoonte van gemaakt.Je moet niet bellen, en, drawRect (_:), rechtstreeks in de code van de methode.Als je het moet vers van de commando 's op het scherm, je moet de methode  , setneedsdisplay (), of  , setneedsdisplayinrect (_:),,, wanneer gebruik wordt gemaakt van kwarts 2d IOS, coördinaten (0,0), op het scherm van de linkerkant.Als je de coördinaten X -   naar rechts, y   coördinaten naar beneden met je.,, in deze handleiding, wil je misschien aan kwarts D Richtsnoeren voor de programmering.Het doel van deze handleiding is begonnen met het gebruik van kwarts 2d. Er zal niet veel, met inbegrip van en waardering voor alle kwarts twee stel ik voor dat je de gids voor de programmering en het lezen, de methode die is ingevoerd, laten we beginnen met het gebruik van kwarts 2d.Voorbereiding, uiview, cartografie, stel je voor dat je open punten, te beginnen met de werkzaamheden voor het kwarts 2d, je stappen nodig is heel eenvoudig.Je moet de oprichting van een soort is een soort, uiview, en nog van mening, in de bibliotheek van de interface van voorwerp van projecten, en de instellingen van mening van de categorie en subcategorie het creëren van uiview,  .Laten we het stap voor stap, stap 1:.,,,,, uiview, documenten, > >,,, nieuwe documenten....De keuze van de bron, 108,,, en de keuze van de cacao aan klasse, als model, achter het scherm,,,,,,, geef je de naam van de soort, om ervoor te zorgen dat het een uiview subcategorieën, en   taal, die  , SWIFT,.  van journalisten, de volgende stap, waar bewaar je de nieuwe categorieën.,,,,, als je een nieuwe klasse van de source code, je zult het zien, drawRect (_:), de methode.Zeg het nu, maar we kunnen veranderen, in de loop van de tijd, de invoer van categorie werken.,, drawlineview:UIView {/* /alleen drawRect: methoden gebruik maken als de uitvoering van het herschrijven.In tekenfilms, de uitvoering van een leeg op de prestaties nadelig worden beïnvloed.Zware functie drawRect (vierkante of rechthoekige platen: CGRect) {}) de code * ////////2:,, nog een oog en een soort,, open het project verhaal en open, gegevensbank  , aan de rechterkant.De bodem in op het gebied van onderzoek, in de   "," uiview, we zijn niet geïnteresseerd in het filter object.,,,,, naar voorbeeld van uiview, slepen,   oog voor.De   gekozen, te openen. De controles van de identiteit,   rechts   en veranderingen, klasse, wat je ook genoemd sub -.,,,,, een code, ben je er nog, drawRect (_:), methoden bij de vaststelling, uiview subcategorie wordt geconcretiseerd.Gezien de automatische configuratie van het milieu kan je beginnen te tekenen.Gezien de configuratie, cgcontextref, over deze les, die het begin van binnen, drawRect (_:), krijg je een verwijzing van de methode.,,, 2.De start van het project, laten we snel beginnen, heb ik een   die met verschillende standpunten hebben de kabel en de voorbereidingen voor het gebruik van de start van het project.Uiview subklasse, nomenclatuur, van de commando 's zullen we onderzoeken.Bijvoorbeeld, als we leren die overeenkomt met de klasse van lijn zal worden genoemd, drawlinesview,.,, kan je github downloaden van de start van het project.We zullen in een volgende stap te beginnen met de code.Het verkrijgen van een verwijzing naar de grafische context, een tekening voor je kan doen in de context van de grafische, moet er een verwijzing.Dit is de voltooiing van de volgende.,,, dat de context = uigraphicsgetcurrentcontext (), dat is een ondoorzichtige, de aard van de cgcontextref, zal je door deze context voor de C - functie te doen op maat gemaakt.   nu we weten hoe een verwijzing naar de grafiek hieronder, kunnen we beginnen met het onderzoeken van de commando 's.,, 4.De lijn is, als je de start van het project   downloaden, open, drawlineview.swift, en de toevoeging van de volgende  , drawRect (_:), de methode, de functie, het drawRect (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor CGContextMoveToPoint (, 0) 0 cgcontextaddlinetopoint (achtergrond), 200200) cgcontextstrokepath (het kader)}, krijgen we een verwijzing naar de context van de discussie voor het schilderij.Want dit is een voorbeeld voor ons moet elke, zou ik niet zeggen dat dit in de toekomst voorbeeld.,,, cgcontextsetstrokecolorwithcolor (_:_:)   functie, de kleur, de lijn wordt getrokken of aanraken.We door middel van de parameters van grafische context en nieuwe kleuren,,, als je denkt dat een grafische context als een schilder. En dan  , CGContextMoveToPoint (_:_:_: Beweeg de pen),   functie waar te beginnen of voortzetten van een punt op het doek.Stel je voor op een stuk papier, steek je hand omhoog en verplaatsen naar een ander deel, en blijven schilderen.In wezen, dat is de toepassing van deze methode.In de grafieken en ons door een X - en Y - coördinaten, beginnen te leren.,,,, cgcontextaddlinetopoint (_:_:_:), functioneren als de parameters van de grafische context, X - waarde aan het einde van de lijn, en y van de waarde van de aan het einde van de lijn.Na toevoeging van de lijn, de lijn is het eindpunt is.We beginnen met de operatie (0,0), het grafische die cursor of pen na (200200), en, ten slotte, bel je de werkelijke opstelling, cgcontextstrokepath (_:), de functie van deze functie door een grafische context, een eenvoudige lijn langs onze aangewezen.,, de oprichting en exploitatie van het effect van projecten, zie voorbeeld. 5.Een rechthoek, open, drawrectangleview.swift, en de toevoeging van de volgende  , drawRect (_:), voor je.   bekend moeten zijn met de eerste twee regels, drawRect., - functies (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor) laat de rechthoekige = cgrectmake (50,50 kader. De omvang van width-100 kader.,. De omvang van cgcontextaddrect. Height-100 (achtergrond), rechthoekig) cgcontextstrokepath (het kader)},,, cgrectmake (_:_:_:_:), is de functie van het creëren van een cggeometry, CGRect, is de methode van de structuur.Zoals de naam al aangeeft,  , CGRect,   is een structuur, die bestaat uit een rechthoek met de positie en afmetingen.Een, twee CGRect, op het gebied van oorsprong, en  ,, maat, het is een, cgpoint, en cgsize, respectievelijk,  .Als je niet vertrouwd zijn met de gegevens van deze soorten, en dan in de cggeometry verwijzen naar een lezing snel.,, creëren we een constante,  , rechthoekig, het gebruik, de cgrectmake (_:_:_:_:), de functie en de bel, cgcontextaddrect (_:_:),   functie, die als parameter voor de Grafische context en, CGRect,.Tot slot, we bellen, cgcontextstrokepath (het kader), de rechthoek.,,, de oprichting en exploitatie van projecten die op het scherm zien van de rechthoek.,,, 6.Een cirkel trekken, open, drawcircleview.swift, de vernieuwing, de drawRect (_:), de methode is als volgt:,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor) laat de rechthoekige = cgrectmake (50,50, in het kader van de omvang van de omvang van width-100. Frame. Cgcontextaddellipseinrect (achtergrond). Height-100, rechthoekig) cgcontextstrokepath (het kader)}, misschien wil je weten waarom we bellen, cgrectmake (_:_: _:_:),   als we een cirkel?De regio 's moeten in rechthoekige rond is.In dit deel van de code, we gebruiken een vierkant voor het creëren van een cirkel.Als je wil het een ovale of onvolledige, dan moet je dat met ons meer van vierkante of rechthoekige vorm, en dan roept, cgcontextaddellipseinrect (_:_:),   functie, het kader en de parameters voor de grafische vakken een ellips.De cirkel, dat cgcontextstrokepath (_:), door in de grafische context.,,, 7.Trek een boog,, open, drawarcview.swift, en de toevoeging van de volgende codes in  , drawRect (_:),  .,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor) cgcontextaddarc (context, 100100,50,3.14,0,1) cgcontextstrokepath (context de  )},,,, cgcontextaddarc (_:_:_:_:_:_:_: de functie van verschillende parameters) nodig:,, grafische context waarde voor X en y van de waarde van het centrum zijn, in het centrum van de   straal boog, hoek zijn uitgangspunt, met de grootte van de X - as vanuit Het oogpunt van de positieve, zijn met de grootte van de bestemming, de X - as van de positieve waarde creëren, 1.Een met de wijzers van de klok mee of een waarde van 0, het creëren van een tegen de wijzers van de klok mee zijn, 8.Trek een pad, trek meer complexe vorm, creëer je een route en een beroerte.In de   kijken, drawRect (_:), de methode, de drawpathview. SWIFT.,,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor CGContextMoveToPoint (achtergrond), 25150 cgcontextaddlinetopoint (achtergrond), 175150 cgcontextaddlinetopoint (achtergrond) 100, 50 cgcontextaddlinetopoint (achtergrond), 25150) cgcontextstrokepath (het kader), in drawRect), (_:),   methode, noemen we het cgcontextaddlinetopoint (_:_:_:), vaak tot een driehoek.Bericht van de driehoek vult niet alleen aanraken.In een volgende stap en we zullen zien hoe het met de kleur in de driehoek, 9.Het pad, open de  , fillpathview. SWIFT,   en bijgewerkt, drawRect (_:), zoals hieronder aangegeven.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat context = uigraphicsgetcurrentcontext (CGContextMoveToPoint (achtergrond), 25150 cgcontextaddlinetopoint (achtergrond), 175150 cgcontextaddlinetopoint (achtergrond), 100, 50) cgcontextaddlinetopoint (de achtergrond, 25150) cgcontextsetfillcolorwithcolor (context, uicolor. Redcolor (). Cgcolor) cgcontextfillpath (het kader)},, in de vorige stap, we hebben een weg, maar je kan ook het vullen van een weg met een bepaalde kleur.Op de Top van drawRect (_:), methoden, we maken een pad van dezelfde driehoek in een eerder voorbeeld.Deze keer hebben we het gebruik van   vullen van kleur, cgcontextsetfillcolorwithcolor (_:_:), de functie en de oproep  , cgcontextfillpath (_:), in plaats van cgcontextstrokepath (,,, _: 10).Ellips, naast het pad, kan worden gevuld met een onvolledige en vakken.In dit geval, we vullen een ellips.Vullen, maar zeer vergelijkbaar.Het document zal je vertellen wat je moet doen.Update, drawRect (_:), de methode, de fillellipseview. SWIFT,   weergegeven.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat context = uigraphicsgetcurrentcontext () cgcontextsetlinewidth (kader 8) cgcontextsetstrokecolorwithcolor (context, uicolor. Redcolor (). Cgcolor) laat de rechthoekige = cgrectmake (50,50, De omvang van het kader.. width-100, kader. De omvang van height-100). Cgcontextaddellipseinrect (achtergrond, rechthoekig) cgcontextstrokepath (het kader) cgcontextsetfillcolorwithcolor (context, uicolor. Greencolor (). Cgcolor cgcontextfillellipseinrect (achtergrond), rechthoekig)}, de meeste van de code zijn bekend.We gebruiken is een nieuwe functie,  , cgcontextsetlinewidth (_:_:), de breedte, noemen we  , cgcontextfillellipseinrect (_:_:),   ellips.In de context van deze functie te vullen met grafische en onvolledige.Aan de lijn,,, cgcontextaddlines (_:_:_:),   functioneren is een geschikte functies, als je een verband met een rechte lijn wil je schilderen.Hier maken we een voorbeeld van eerder gebruik van,, cgcontextaddlines (_:_:_:), functioneren.Toevoeging van de volgende code, addlinesview. SWIFT.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat achtergrond (de context, de uigraphicsgetcurrentcontext () cgcontextsetstrokecolorwithcolor uicolor. Redcolor (). Cgcolor) laat de lijn = [cgpointmake (25150), cgpointmake (175150), cgpointmake (100,50), cgpointmake (25150)] cgcontextaddlines (context (4), draad, cgcontextstrokepath context)},,, cgcontextaddlines (_:_:_:),   functie als parameter voor de grafische context, die het begin en het einde van de lijn, cgpoint   -, structuur -, en een aantal elementen.Let op, de eerste van de reeks punten het aangewezen uitgangspunt.Trek een helling, en   kwarts 2d weergave, met   gradiënt is makkelijk.De gradiënt van lineaire en steun.In dit geval, zullen we de foto 's van een lineaire gradiënt.Als je geïnteresseerd bent, zal je helpen met de opstelling van de documenten.Toevoeging van de volgende, drawgradientview. SWIFT.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat context = uigraphicsgetcurrentcontext () () = cgcolorspacecreatedevicergb laat de kleur laten kleuren = [uicolor. Redcolor (). Cgcolor, uicolor. Bluecolor (). Cgcolor] kan de positie cgfloat] = [0 - 0,5], laat de gradiënt = cggradientcreatewithcolors (kleur, de kleur, de locatie van dat uitgangspunt cgpointmake) = (0,0) laten het eindpunt = cgpointmake (200200) cgcontextdrawlineargradient (de context, de helling, het begin en het einde, 0)},,, cgcontextdrawlineargradient (_:_:_:_:_:),   functie als parameter:,, grafische context, een, cggradient,   structuur, een uitgangspunt, een einde, gevuld met aanduiding van de optiesOok bij het begin en het einde van cggradient,,,,   structuur tussen de definitie van een soepele overgang naar de kleur van een regio.Het is een kleur, van twee of meer kleur, en voor elk van de positie van de kleur.Constante  , kleur, de kleur, de locatie,,,,, in dit geval de van deze onderdelen, cggradient helling,.,,, dat noemen we het cgcontextdrawlineargradient (_:_:_:_:_:),   functie, via de in de grafiek in het kader van cggradient,,, het begin en het einde van de waarde, en 0, dat moet dan het begin.,, 13.   schilderij shadow is een beeld van de volgende, en compensatie van de voorwerpen, schaduw, in navolging van een lichtbron in object.D Richtsnoeren voor de programmering van kwarts,   heeft twee functies, kan je de schaduw,  , cgcontextsetshadow (_:_:_:),,, cgcontextsetshadowwithcolor (_:_:_:_:).Het gebruik van  , cgcontextsetshadow (_:_:_:), alle voorwerpen, waarbij de schaduw van kleur met zwarte en 1 /3 α.En cgcontextsetshadowwithcolor (_:_:_:_:,   functie kan je een kleur geven schaduw, en laten we zien hoe dit in de praktijk werkt.Toevoeging van de volgende, setshadowwithcolor. SWIFT.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat context = uigraphicsgetcurrentcontext () cgcontextsavegstate (het kader) laat shadowoffset = cgsizemake (- 15) cgcontextsetshadowwithcolor (context, shadowoffset, 3, uicolor. Greencolor (). Cgcolor) cgcontextsetstrokecolorwithcolor (context, uicolor. Redcolor (). Cgcolor) laat de rechthoekige = cgrectmake (50,50 kader. De omvang van width-100 kader.,. De omvang van cgcontextaddrect. Height-100 (achtergrond), rechthoekig) cgcontextstrokepath (het kader) cgcontextrestoregstate (het kader)}, als die in de schaduw, en je moet het behoud van de status van grafische context, alle noodzakelijke wijzigingen, en het herstel van de grafische staat.We noemen  , cgcontextsavegstate (_:), behoud van de huidige staat van   grafische context, met vermelding van de schaduw,  , shadowoffset gecompenseerd, en roept de  , cgcontextsetshadowwithcolor (_:_:_:_:), functioneren.De parameters van deze functie is: grafische achtergrond, schaduw te compenseren, Fuzzy, de kleur van de schaduw, andere code moet zijn u bekend.Tot slot, keren we terug naar de grafische genoemd, cgcontextrestoregstate (_:), door in de grafische context, en 14.Trek een vrolijk gezicht. Ik dacht dat het leuk zou zijn om aan het einde van deze handleiding, eenvoudig een blij gezicht, gebruik te maken van wat we geleerd hebben in de handleiding.Toevoeging van de volgende, drawhappyfaceview. SWIFT.,, - functies drawRect (vierkante of rechthoekige platen: CGRect) {laat context = uigraphicsgetcurrentcontext () = (50,50, dat gezicht cgrectmake kader. De omvang van width-100 kader.,. De omvang van cgcontextaddellipseinrect (context. Height-100), gezicht) cgcontextsetfillcolorwithcolor (context, uicolor. Yellowcolor (). Cgcolor cgcontextfillellipseinrect (achtergrond) laat je ogen = cgrectmake gezicht) (75,75,10,10) cgcontextsetfillcolorwithcolor (context, uicolor. Blackcolor (). Cgcolor) cgcontextfillellipseinrect (kader voor links) laten cgrectmake (115,75,10,10) cgcontextfillellipseinrect rechteroog = (context, rechts) cgcontextsetlinewidth (context, 3) cgcontextaddarc (context, cgconte 100100,30,3.14,0,1)Xtstrokepath (het kader), de uitvoering van drawRect), (_:),   methode moet nu begrijpen, moet je een blij gezicht trekken op het scherm.,, conclusies, die het einde van de les.Je moet nu een fundamentele gebruik weten te maken van kwarts tweedimensionale tekening motor uitvoeren op de tekening.Ik hoop dat je je les geleerd bij het lezen van dit als een nuttige dingen.

New Cocoa Touch Class
Set File Options
Show Object Library
Set Class on View



Previous:
Next Page: