Share
În acest sfat rapid privind componentele Flash Professional, vom analiza componentele CheckBox și RadioButton.
În previzualizare, veți vedea o singură casetă de selectare în partea de sus. Când această casetă de selectare este selectată, eticheta casetei de validare se va schimba pentru a spune "verificat" sau "nu este verificat".
Cu cele mai jos șase casete de selectare puteți selecta ce sporturi doriți și zona de text de mai jos se va actualiza pentru a afișa modificările. Cu butoanele radio din dreapta puteți selecta o singură opțiune; eticheta se va schimba de fiecare dată când faceți o selecție și o actualizare pentru a spune ce opțiune ați ales.
Deschideți un nou document Flash și setați următoarele proprietăți:
Deschideți panoul Componente (Meniu> Fereastră> Componente sau CTRL + F7).
Glisați patru etichete, șapte casete de selectare, trei butoane radio și o zonă de text pe scenă.
În panoul Proprietăți, dați la prima casetă de selectare numele de instanță "toggleCheckBox".
Dacă panoul Proprietăți nu se afișează, mergeți la Meniu> Fereastră> Componente sau apăsați CTRL + F3.
Setați caseta de selectare X la 5.00 și Y la 21.00.
Notă: Acum urmează un proces destul de repetitiv până când avem toate componentele noastre instalate - atârnă acolo :)
În panoul Proprietăți, dați cel de-al doilea casetă de selectare numele de instanță "swimmingCheckBox". Setați caseta de selectare X la 5.00 și Y la 91.00.
În panoul Proprietăți, dați cel de-al treilea casetă de selectare numele de instanță "footBallCheckBox". Setați caseta de selectare X la 116.00 și Y la 191.00.
În panoul Proprietăți, bifați a patra casetă de selectare a numelui de instanță "hikingCheckBox". Setați caseta de selectare X la 5.00 și Y la 127.00.
În panoul Proprietăți, bifați a cincea casetă de selectare a numelui de instanță "soccerBox". Setați caseta de selectare X la 116.00 și Y la 127.00.
În panoul Proprietăți, bifați a șasea casetă de selectare a numelui de instanță "boxingCheckBox". Setați caseta de selectare X la 5.00 și Y la 161.00.
În panoul Proprietăți, dați celui de-al șaptelea casetă de selectare numele de instanță "baseballCheckBox". Setați caseta de selectare X la 116.00 și Y la 161.00.
În panoul Proprietăți, dați prima etichetă denumirea de instanță "sportLabel". Setați eticheta X la 5.00 și Y la 57.00.
În panoul Properties, dați celei de-a doua etichete numele de instanță "interestLabel". Setați eticheta X la 5.00 și Y la 191.00.
În panoul Proprietăți, dați celei de-a treia etichete denumirea instanței "attendingLabel". Setați eticheta X la 278.00 și Y la 21.00.
În panoul Proprietăți, dați celei de-a patra etichete numele de instanță "willAttendLabel". Setați eticheta X la 278.00 și Y la 143.00.
În panoul Proprietăți da primul buton radio denumirea instanței "yesRadio". Setați butonul radio X la 278.00 și Y la 51.00.
În panoul Proprietăți, dați celui de-al doilea buton radio denumirea de instanță "noRadio". Setați butonul radio X la 367.00 și Y la 51.00.
În panoul Proprietăți, dați celui de-al treilea buton radio denumirea de instanță "notSureRadio". Setați butonul radio X la 278.00 și Y la 88.00.
În panoul Proprietăți, dați zona textului denumirea instanței "sportTA". Setați zona de text X la 5.00 și Y la 223.00.
Creați un nou fișier ActionScript și dați-i numele "Main.as".
Vom declara componentele noastre în acest fișier Main.as, așa că trebuie să dezactivați "instanțele instanței de declarare automată". Beneficiul
Faceți acest lucru este că primiți codul de hinting pentru instanță.
Accesați Meniu> Fișier> Setări publicare. Faceți clic pe Setări de lângă "Script [Actionscript 3]"
Debifați "declararea automată a instanțelor de etapă".
În Main.as, deschideți declarația de pachet și introduceți clasele pe care le vom folosi adăugând următorul cod:
pachet // Importul controalelor noastre de import fl.controls.Label; import fl.controls.CheckBox; import fl.controls.TextArea; import fl.controls.RadioButton; // Aveți nevoie de AutoSize pentru textul din etichetele noastre import flash.text.TextFieldAutoSize; // Necesitatea de a pune butoanele noastre radio într-un grup de import fl.controls.RadioButtonGroup; // Necesitatea de a extinde importul clipului video Flash.display.MovieClip; // Necesitate pentru casetele noastre de import flash.events.Event;
Adăugați clasa, extindeți filmul Clip și configurați funcția Constructor.
Adăugați următoarele la Main.as:
public class Main extinde MovieClip // Componentele public var interestLabel: Label; public var sportLabel: etichetă; public var attendingLabel: Etichetă; public var vaAttendLabel: etichetă; public var toggleCheckBox: CheckBox; public var labelCheckBox: CheckBox; public var vag CheckCheck: CheckBox; public var hikingCheckBox: CheckBox; public var boxingCheckBox: CheckBox; public var footballCheckBox: CheckBox; public var soccerCheckBox: CheckBox; public var baseballCheckBox: CheckBox; public var sportTA: TextArea; public var daRadio: RadioButton; public var noRadio: RadioButton; public var notSureRadio: RadioButton; // Aveți nevoie de o matrice pentru sportive CheckBoxes private var sportsCheckBoxes: Array; funcția publică Main () setupLabels (); setupCheckBoxes (); setupRadioButtons ();
Aici definim setupLabels (), setUpCheckBoxes (), și setupRadioButtons () funcții.
În setupCheckBoxes () funcția pe care le punem toate casetele de selectare a unui sport într-o matrice; în felul acesta putem să le cuprindem și să adăugăm un singur ascultător al evenimentului fiecăruia dintre ei, salvându-ne de la a avea nevoie de tip manual addEventListener () de fiecare data.
Pentru setupRadioButtons () am folosit a radioButtonGroup. Butoanele radio sunt destinate numai aceluiași grup care urmează să fie selectat la un moment dat. Când adăugăm un buton radio la un grup, afirmăm cu ce butoane radio aparțin.
Adăugați următoarele la Main.as:
Accentsconagua
