Questa lezione privata presenta un'applicazione completa che genera i cursori per il rosso, verde, blu ed i valori dell'alfa che controllano il colore della clip di film:
|
|
Generi un nuovo documento istantaneo e conservilo.
Sul timeline principale, cambi titolo lo strato di difetto come movieClips e generi un nuovo strato chiamato azioni.
Generi un simbolo della clip di film e disegnigli un cerchio. Il cerchio dovrebbe essere circa 120 x 120 pixel.
Rinvii al timeline principale e generi un caso della clip di film del cerchio sulla fase sullo strato dei movieClips. Disponga il caso dalla parte di sinistra della fase. Chiami il circle_mc di caso usando l'ispettore della proprietà.
Apra il pannello dei componenti (componenti della finestra) e trascini quattro casi del componente di ScrollBar sulla fase sullo strato dei movieClips. Chiami questi red_sb, green_sb, blue_sb ed alpha_sb di casi. Allineili in su orizzontalmente dalla parte di destra della fase.
Selezioni il keyframe dello strato di azioni ed apra il pannello di azioni.
Aggiunga il seguente codice al pannello di azioni ed esamini il film (Film della prova di controllo). Gli scrollbars sono automaticamente colorized per indicare i componenti che di colore controllano. Lo spostamento dei cursori del pollice sugli scrollbars registra il colore del cerchio.
//definisca una funzione che inizializzerà i casi
scrollbar come// controllo dei cursori il colore stima i initSliders
di funzione () {
//in primo luogo, ha regolato le proprietà del rotolo di ciascuno degli scrollbars. Per il colore rosso,// verde e gli scrollbars blu, i valori dovrebbero variare da 0 a 255. Usi la a// pageSize di 120 affinchè i cursori di colore generino una barra proporzionale del pollice// gamma dell'alfa è 0 - 100 ed in modo da pageSize dovrebbe essere 47 per generare// barra del pollice che è proporzionale con gli altri cursori red_sb.setScrollProperties (120, 0, 255); green_sb.setScrollProperties(120, 0, 255); blue_sb.setScrollProperties (120, 0, 255); alpha_sb.setScrollProperties(47, 0, 100);
//Colorize i cursori essi stessi. Renda il cursore
del red_sb rosso e, similmente,// faccia l'azzurro di verde e del
blue_sb del green_sb. Renda al cursore del alpha_sb
red_sb.setStyleProperty bianco ("faccia", 0xFF0000);
green_sb.setStyleProperty("face", 0x00FF00);
blue_sb.setStyleProperty ("faccia", 0x0000FF);
alpha_sb.setStyleProperty("face", 0xFFFFFF);
//insieme la posizione iniziale per il alpha_sb dei cursori di colore rimane a 100% red_sb.setScrollPosition (127); green_sb.setScrollPosition(127); blue_sb.setScrollPosition (127); }
initColor di funzione () {// deposito un nuovo
oggetto di colore in una proprietà del my_color di circle_mc. = nuovo
Color(circle_mc); circle_mc.col = my_color;
//riferimenti del deposito ai quattro scrollbars come proprietà di circle_mc. circle_mc.red = red_sb; circle_mc.green = green_sb; circle_mc.blue = blue_sb; circle_mc.alpha = alpha_sb; }
//inizializzi i cursori ed il initSliders(dell'oggetto di colore); initColor();
//aggiornamento che il colore della clip di film
del circle_mc basata sul cursore posiziona circle_mc.onEnterFrame =
funzione () {// richiama l'attuale posizione dei cursori la varietà
dell'alfa e di colore la r = 255 - this.red.getScrollPosition();
varietà g = 255 - this.green.getScrollPosition();
varietà b = 255 - this.blue.getScrollPosition(); varietà
a = 100 - this.alpha.getScrollPosition();
//installi le proprietà dell'oggetto di trasformazione per regolare il transformObj di colore dei circle_mc = nuovo Object(); transformObj.ra = 0; transformObj.rb = r; transformObj.ga = 0; transformObj.gb = g; transformObj.ba = 0; transformObj.bb = b; transformObj.aa = a; transformObj.ab = 0; this.col.setTransform(transformObj); }
|
|