flickr om een foto van de browser, de oprichting van een foto 's kijker gebruiken - en flickr API,,,,,,,,,, deelt, delen, delen,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts 3 dollar.Niet' niet missen.,, in deze handleiding zal je leren hoe as3flickrlib bibliotheek van de oprichting van een flash - foto 's van flickr kijker.,,,,,,, stap 1: in veel as3flickrlib, bibliotheek voor FLEX - ontwikkelaars en flickr interface.De bibliotheek is as3flickrlib Adobe en door de bibliotheek is maken we een van deze foto 's van toepassing is.Je moet de code voor de eigen as3flickrlib downloaden, en as3corelib bibliotheek (as3flickrlib hangt af van as3corelib).Kan van hier tot 2:TweenMax, stappen, je zal moeten TweenMax bibliotheek.TweenMax is tussen de animatie bibliotheek, het is makkelijk voor ons veranderen in een voorwerp in de loop van de tijd.Je kan hier TweenMax, stap 3: nieuwe projecten, het creëren van een nieuwe - web - projecten toe te voegen aan de hierboven bedoelde aanvragen van de bron weg drie bibliotheek, stap 4:., verpakking, deze aanvraag kan de beelden laden flickr en toegevoegd aan de belangrijkste toepassing van voorwerpen (d.w.z. door het gebruik de oprichting van het dossier betreft).Als je een foto 's, het is teruggekeerd naar jou als een kaart.En wat klasse displayobject (dit is addchild functie vereist), FLEX, wordt alleen toegestaan deze klasse van uicomponent klasse als een van de voornaamste toepassing van kinderen, en niet de uitbreiding van uicomponent bitmap.De toevoeging van de toepassing van de samensteller niet. Door addchild functioneren als een fout, maar je zal rennen afwijkingen, maar het zou kunnen, als de toepassing van de toevoeging van bitmap object kinderen oké zijn.We hebben een kleine verpakking, en de uitbreiding van uicomponent (toegevoegd kunnen worden aan de toepassing van programma 's), maar ook een stijging van een bitmap als zelf een kind.Dit is displayobjectuicomponent verpakking type verpakking {invoer flash.display.displayobject; de invoer van mx.core.uicomponent; de cursus displayobjectuicomponent uitgebreid uicomponent {openbare functie displayobjectuicomponent (DisplayObject:DisplayObject) {- (); explicitheight = displayobject.height; explicitwidth = displayobject. Breedte; addchild (displayobject);}}}, stap 5: nieuwe ook documenten, nu moeten we het creëren van gebruik van documenten.En hetDe XML - = "1" codering = "utf - 8"?> < MX: de toepassing van xmlns:MX = "< href = 'http: //www.adobe. COM /2006 /gebruik" > HTTP://www.adobe. COM /2006 /ook < /> "layout =" absolute "backgroundgradientalphas =" [1], "backgroundgradientcolors =" [1] miljoen "#,b5b5b creationComplete =" oncomplete () ">...< /MX: toepassing% GT%, dit is Shell ook documenten.De meeste van de code is zo leeg als je het open model, het creëren van een nieuwe, flexibele toepassing op flexibele bouwers.Bovendien hebben we de specifieke achtergrond kleur (en, backgroundgradientalphas,, backgroundgradientcolors eigenschap) en van een volledige functie worden genoemd als de toepassing van het voorwerp hebben zelf (en, creationComplete eigenschap), maatregelen 6:MX: scripts downloaden en een etiket, de code flickr beeld moeten worden opgenomen in een MX: script..En het;.[gegevens [...]] > etikettering kan laten we ons geen zorgen hoeven te maken van bijzondere aard, zoals het is groter of kleiner zijn dan de code te schrijven (< en >) aldus te worden uitgelegd dat een deel van een XML -, MX:< script> <.[gegevens [...]] > < /MX: SCRIPT > 7: invoer van klasse, stap in, we moeten de toepassing van sommige cursussen met ons, de invoer van mx.collections.arraycollection; de invoer van mx.controls.alert; de invoer van maïs. Adobe. Webapis. Flickr. * * * * * * *; de Invoer van maïs. Adobe. Webapis. Flickr. In het geval van invoer gs.tweenmax; * * * * * * *. G. Los. * * * * * * *;, salaristrap 8: de definitie van een constante, we moeten definiëren wat een constante controle, zal onze toegepaste techniek, privé - statische constante search_string: string = "sunset"; de particuliere statische constante max_results:int = 50; particuliere statische constante string = "api_key: je sleutels naar privé - statische constante transition_time hier";: aantal = 1; particuliere statische constante display_time: hoeveelheid = 3; de definitie van,, search_string vraag zal sturen naar flickr.In wezen moeten we de foto 's van je zal vragen als flickr voor pagina van Google.We zetten de vraag "sunset" hier, maar het is een touw kan als "de kat" en de "Hill", zoals de definitie van "auto", max_results hoeveel beeld zal zodra de vraag naar flickr, api_key is hun flickr API - sleutel, je kan de toepassing van de definitie van hier, transition_time. Hoe snel het beeld zal aan de andere kant van seconden verdwijnen.Hier, we zullen een tijd van de overgang, hoe lang display_time definitie van elk beeld zal in de volgende beelden laden.Hier, zetten we elk beeld zal geven, en 3 seconden. Negen stappen: definitie van de variabelen, we moeten er zeker van zijn dat we in een aantal variabelen, de foto 's van locomotieven: arraycollection aannemen = nul; de locomotief beeld: int = 0; particuliere var afbeeldingen: bitmap = nul; particuliere var achtergrond: bitmap = nul;,, foto' s van variabele is een verzameling van de definitie van de foto 's naar flickr.Opgemerkt moet worden dat, in feite niet terug te sturen naar de foto 's van flickr zelf is belangrijk, maar alleen informatie nodig. De foto' s vinden, dan moet afzonderlijk worden gedownload, het huidige beeld variabelen blijven in de foto 's van de index in de verzameling.Dit is onze foto 's moet weten., afbeeldingen en achtergrond variabelen, via de belasting flickr beeld bitmap verwijzingen, stap 10:., beleidsdocumenten, bij verstek, flash - toepassing van het eigen gebied alleen last van middelen.Met het oog op de in een ander gebied - middelen (zoals flickr) binnen het bereik van de noodzaak van een beleid dat de eigenaar van het dossier, algemeen bekend als de crossdomain.xml flash loopt, laten weten dat het kan - middelen.Dit beleid moet een dossier in te laden laden van middelen, flickr gastheer is een aantal servers beeld, dus we laden deze server beleidsdocumenten.Als je dit niet een stap, en je krijgt een afwijking van deze gebieden wanneer het om de belasting van het beeld, de veiligheid. Loadpolicyfile ("HTTP://farm1. Statische. Flickr. COM /crossdomain. XML"); de veiligheid. Loadpolicyfile ("HTTP://farm2. Statische. Flickr. COM /grensoverschrijdende. XML"); veilig. Loadpolicyfile ("HTTP://farm3. Statische. Flickr. COM /crossdomain. XML"); de veiligheid. Loadpolicyfile ("HTTP://Farm. De statische. Flickr. COM /crossdomain. XML");, stap 11: volledige functie, wanneer het FLEX - toepassing hebben zelf de volledige functie zal worden ingeroepen (dit is ons in de salaristrap 5 aangewezen).De volledige, is de functie van het punt van binnenkomst van de aanvraag, private functie oncomplete ():void {var: de diensten van flickrservice = nieuwe flickrservice (api_key); diensten. AddEventListener (flickrresultevent.photos_search, onphotossearch); diensten. Foto 's, search_string. Zoeken ("" "" "",,, lege, lege, 1. "", max_results, 1);}, het eerste wat we moeten doen, is het creëren van een klasse van de flickrservice.Doel is onze flickrservice poort naar flickr, we gebruiken het in te dienen we bij zonsopgang foto zoeken.Je moet de sleutel voor flickr API (8) van de flickrservice fabrikant, var diensten: flickrservice = nieuwe flickrservice (api_key); we zullen functioneren, flickrresultevent.photos_search gebeurtenissen.Deze functie wordt genoemd naar een flickr zoeken naar informatie.Hier, laten we onphotossearch functie, diensten. AddEventListener (flickrresultevent.photos_search, onphotossearch); en ten slotte de feitelijke zoeken zelf.De zoekfunctie veel parameters kunnen worden gebruikt om de zoektocht naar een specifieke gebruiker, de datum, de titel en nog veel meer.We zoeken foto 's van etikettering in de zonsondergang alleen geïnteresseerd, dus om een lege string of andere parameters 1 en diensten. De foto' s. Zoeken ("", search_string ", een", "", lege, lege, 1, "", max_results, 1), 12: onphotosearch stappen; functie wordt genoemd, onphotosearch flickr is terug in onze zoektocht naar informatie over de functie, de particuliere onphotossearch (gebeurtenissen: flickrresultevent): ongeldig {als (gebeurtenissen. Succesvolle) {VAR photolist:pagedphotolist = event.data.photos; foto 's = nieuwe arraycollection aannemen (photolist.photos); loadnextimage ();} of {alarm ("flickr niet bellen.Je wordt de belangrijkste grondstoffen? ");}}, we moeten eerst bepalen als de bel flickr is een succes.Dit is door de inspectie event.success vlag doen.Als dat waar is reeds met succes naar flickr over foto 's hebben wij onze twijfels over de informatie.Als event.success nep is en niet bellen.Dit gebeurt vaak, omdat de levering van grondstoffen is niet juist, als de gebeurtenissen (met succes) {...{}.}, als een succes, we moeten toegang krijgen tot de gegevens van die foto 's terug. Photolist:pagedphotolist = gebeurtenissen, var. De gegevens van de pagedphotolist. Foto' s, dan die foto 's zelf de details, dan op de foto' s bewaard, foto 's = nieuwe arraycollection aannemen (photolist.photos); Op dit moment bevat een reeks foto' s van foto 's van de gegevens kunnen worden gebruikt voor het laden van de de foto' s.Vanaf hier kunnen we ons op de foto 's van foto' s downloaden, de verzameling en het gebruik van informatie die website, geen speciale eisen dat het gebruik van flickr API - en beginnen foto 's, we moeten bellen loadnextimage functie, loadnextimage (); als er een probleem noemen, flickr is een waarschuwing voor de gebruiker het raam, kennisgeving, alarm ("flickr niet bellen.Je wordt de belangrijkste grondstoffen? ")13:loadnextimage functie;, stappen, en nu hebben we de foto 's en we zoeken de details hebben we nodig om te downloaden van de beelden kan zien.Dit is een privé - functie loadnextimage functie, loadnextimage ():void {VAR imageurl: touw http://static.flickr.com/+ foto 's beelden []. De server + "/" + foto' s beelden [] [_ + +. Id foto 's beeld]. Geheime + _m. "; + + beeld% = photos.length; var eisen: urlrequest = nieuwe urlrequest (is); de VAR - lader: Lader = nieuwe lader (); de lader. Contentloaderinfo. AddEventListener (event.complete, switchimages); lader. De belasting (EIS);}, weet je nog wat ik zei, bel naar flickr eigenlijk niet terug naar de foto zelf?Wat is de informatie die nodig is voor het downloaden van de website van beelden die we kunnen gebruiken.Door gebruik te maken van de server, id - kaart en foto 's van geheime informatie, kunnen we een volledig beeld te geven van de website, en elk beeld heeft een aantal resoluties.Wij kiezen een beeld van de omvang van de website, downloaden we suffix.De _m suffix blijkt dat we het downloaden van een middelgrote versie van het beeld.Andere suffixen zijn hier kan vinden, kan je de beelden downloaden van min of meer gedetailleerde versie, de VAR - imageurl: touw http://static.flickr.com/+ foto 's beelden []. De server + "/" + foto' s beelden [] [_ + +. Id foto 's beeld]. Geheime + _m. ";, nu we de eisen van het beeld. We verhogen de variabelen van het beeld, dus de volgende keer dat loadnextimage noemen we een beeld in de lijst van onder zoeken, + + beeld% = foto' s, we gaan. Lengte; - beeld.We creëren een nieuwe urlrequest object (URL, we creëren van de fabrikant), een nieuwe lader object, en de functie van de switchimages lader event.complete gebeurtenissen, var eisen: urlrequest = nieuwe urlrequest (is); de VAR - lader: Lader = nieuwe lader laden (); de machine. Contentloaderinfo addEventListener (event.complete, switchimages.); en, ten slotte, laden we de foto 's van flickr door een beroep te doen op de lader. De functie van de belasting, de lader. De belasting (vereist); switchimages, stap 14: functie, wordt de functie van de switchimages toen we uit de flickr - van een nieuw imago. Switchimages, privé - functies (gebeurtenissen: de gebeurtenissen) nietigverklaring van DisplayImage = {: event.currenttarget.content; displayimage.smoothing = waar displayimage.width = this.width; displayimage.height;= this.height; displayimage.alpha = 0; dit. Addchild (nieuwe displayobjectuicomponent (DisplayImage)); TweenMax, (foto 's, transition_time (α: 1, kwijtschelding: lineair, onComplete methode: imagetweencomplete}); als achtergrond.= nul) (TweenMax, achtergrond, transition_time (α: 0, verlichten: lineaire});}, dat bestaat uit de belasting van de objecten in variabele terug. De afbeeldingen, afbeeldingen = gebeurtenissen. CurrentTarget. De inhoud van deze nieuwe bitmap; en om de goede te helpen starten en pixel (als je een kleine Foto), aangepast om het raam, en door de vaststelling van het alfa - 0 volledig transparant zijn, displayimage.smoothing = waar; displayimage.width = this.width; displayimage.height = this.height; displayimage.alpha = 0; en de toevoeging van de toepassing van de displayobjectuicomponent. Door de nieuwe voorbeeld, zoals beschreven in stap 4 in deze nieuwe displayobjectuicomp, addchild (.De tegenpartij (DisplayImage); op dit punt hebben we nieuwe imago als een beroep tegen de kinderen.Hoewel dit niet zichtbaar is, want we hebben een α - 0.Wat wij proberen te doen is door de verhoging van de waarde van het verdwijnen van α het nieuwe beeld, maar in dezelfde tijd door een vermindering van de waarde van het laatste beeld - te klein.Dit is TweenMax bibliotheek.We bellen naar de tweenmax.to functie, en is verantwoordelijk voor de wijziging van de waarde van de TweenMax Alpha ons. Door de vaststelling van parameters voor de functie van imagetweencomplete volledig imagetweencomplete we op een keer de opdracht, de concurrentie, we moeten kijken naar de achtergrond variabelen is ongeldig, omdat toen de eerste beelden geladen met niet bestaande achtergrond, is het aan de top, TweenMax (afbeeldingen, transition_time (α: 1, kwijtschelding: lineair, onComplete methode: imagetweencomplete}); als achtergrond.= nul) (TweenMax, achtergrond, transition_time (α: 0, verlichten: lineaire}); en maatregelen 15:imagetweencomplete functie wordt genoemd, imagetweencomplete beeld is uit de nieuwe visie van imagetweencomplete privé functie () TweenMax. {als achtergrond: ongeldig.= nul), removechild (achtergrond. De moeder); achtergrond = beeld vertoont; DisplayImage = nul; TweenMax. Delayedcall (display_time, loadnextimage);}, zodra de DisplayImage vervaagd, tegen de achtergrond van de uit de toepassing van de achtergrond en de beelden.Een beeld, en dan nul, als achtergrond.= nul), removechild (achtergrond. De moeder); achtergrond = beeld vertoont; DisplayImage = nul; en TweenMax regelingen voor loadnextimage functie.Dit zal een nieuwe start - en verdwijnt het beeld weer gebruikt, TweenMax. Delayedcall (display_time, loadnextimage); en de conclusie dat het gebruik van flickr flash heeft een paar stappen, maar als je rond je hoofd flickr API, dat flickr beeld van het laden van foto 's (URL, flickr met flash veiligheid beperkingen gezien De) gemakkelijk en het gebruik van deze beelden voor de oprichting van een aantrekkelijke album, de specifieke voorbeelden die kunnen worden gebruikt om de toevoeging van een animatie foto' s van de pagina 's, en search_string variabele kan veranderen door blijk te geven van de verschillende soorten beeld.Je kan zelfs door de FlashVars kleine flash van procedures voor het bepalen van het beeld zonder te stellen de toepassing te tonen.Je kan ook een wijziging van service.photos.search functie slechts terug van je eigen foto 's, of die je duidelijk, bedankt voor het lezen.
Het gebruik van API - en de
Previous:Het creëren van een flash
Next Page:Op 3