Flex 4 Spark peliculizare

Source: http://www.unitedmindset.com/jonbcampos/2009/07/02/flex-4-spark-skinning/

În Flex 3 modul în care aplicaţiile de stil a fost prin intermediul CSS, proprietăţile de stil, importul imaginilor, şi în cele din urmă folosind blitz prin fişiere SWF la stilul aspectul cererii dumneavoastră. Problema cu această situaţie a fost şi stiluri CSS permis pentru un stil limitată şi imagini şi fişiere SWF ar mări dimensiunea cererii compilate foarte repede. În final, nu am avea destule opţiuni şi destule opţiuni care ar putea fi extrem de optimizat. După cum aţi putut ghici deja, acest lucru sa schimbat, cu toate Flex 4 şi noile componente Spark.

Înainte de a vă pot spune cât de componente Spark sunt diferite, permiteţi-mi să definească un anumit termen componente halou. Halo componente sunt Flex 3 componente, în special componente care au aspectul componentei conectat direct la logica şi metodele de componenta. componente Spark sunt diferite, aspectul şi au fost înlăturat de la logica şi metodele. Acest lucru se face astfel încât o componentă şi o altă componentă pot arăta complet diferit în acelaşi timp menţinând în continuare logică aceeasi baza, proprietăţi, şi metodele.

În Flex 3 am putea pur stil mai multe butoane diferite, cum ar fi:

Având un timp de greu vizualizează acest exemplu? Click aici pentru a vizualiza.

Datorită fiecare buton care conţin aceleaşi proprietăţi de stil, există atât de multe combinaţii numai de proprietăţi şi, prin urmare, fiecare buton încă arată şi se simte similare - similar cu modul în care fraţii şi surorile arata la fel.

Acum, cu Flex 4, putem face piei particularizate Spark pentru a continua acest site butoanele noastre arata chiar mai mult straini unul de altul.

Având un timp de greu vizualizează acest exemplu? Click aici pentru a vizualiza.

Primul buton este doar un simplu buton cu nici o jupuire, celelalte trei sunt foarte diferite, toate din cauza pielii care se adaugă pe ele. Şi da, ştiu că butoanele arata oribil - Eu nu am fost destul de gând să.

Bazele Skins
masura ce inaintezi in prima în Spark jupuire imediat de gând să cred că "aceasta are pentru totdeauna!" Odata ce treci peste faptul că sentimentul pe care il vei da seama că, prin jupuire componente scânteie aveţi capacitatea de a face literalmente componenta orice vrei cu uşurinţă.

Pentru a începe jupuirea tău, vă stabileşte mai întâi dacă sunteţi bazându această pielea de pe a unei componente, şi anume o componentă scânteie. Da? Apoi, la fel ca exemplele mele, trebuie să setaţi meta gazdă componenta tag-ul, şi statele definite în componenta dvs..Motivul pentru care aţi stabilit state este, astfel incat pielea ta funcţionează la fel ca orice alte Flex 4 MXML componente matrice state. Nr? Atunci cred că te duci mai bine face nucleul componentei că sunteţi de planificare pentru a face şi apoi începe mai târziu a face pielea ta.

Componenta-gazdă
componentă gazdă Metaeticheta state ce compun această piele defineşte, de asemenea, oferindu-vă acces la stiluri şi properities moştenesc pentru componenta specifică.

Cutanate Statele
state act de piele la fel ca în termen de state componente MXML. Puteţi vedea această caracteristică state de la un post pe blog anterior de-al meu: Flash Builder Feature: statele.

Pielea ta butonul iniţială ar trebui să arate similar cu acesta:

Din acest punct de pe aspectul componentei este de până la tine. De obicei vă va începe cu o formă, set este de umplere şi de accident vascular cerebral şi de a extrage componenta dvs., pentru a vedea câteva exemple sursa din exemplele de piele diferite le-am furnizat pentru tine. După ce starea iniţială sau componentă de bază, nu ezitaţi să păstreze joc cu diferite state ale pielii dvs. prin scânteie. În acest moment imaginaţia dumneavoastră (şi ora) este limitarea dvs. numai pentru aspectul, simt, tranziţii, şi interacţiunea dvs. de piele noua componenta scânteie.

Cercul Button

Diamond Button