Macromedia flash 8 personaliza elementele de interfață

Înainte de a vă afla a treia parte a articolului intitulat "Macromedia Flash 8: Un tânăr Fighter Course", dedicat acestui produs minunat de software și tehnologia Flash. Începând de astăzi, subiectele conversației noastre despre Flash vor deveni mai restrânse. Prin urmare, de acum înainte voi omite cuvintele "cursul unui tânăr soldat" în titlu. Cu toate acestea, această circumstanță nu va afecta modul de prezentare a materialului, scopul principal al căruia este de a răspunde la multe întrebări pe care le au designerii flash-ului începător și de a oferi gânduri celor experimentați.







Deci, astăzi pe ordinea de zi a componentelor interfeței cu utilizatorul Macromedia Flash Professional 8, precum și moduri de a le configura.


Componente standard Flash 8

Cea mai recentă versiune a puternic pachet de grafica Macromedia Flash 8, în plus față de gramada de instrumente, metode și efecte ale cronologie pentru crearea de animație de înaltă calitate, sunt plin ActionScript 2.0 și componente multiple (software-ul încorporat, cum ar fi blocuri de film), orientat pe obiect limbaj de programare.

De ce avem nevoie de componente? În multe cazuri, acestea simplifică foarte mult procesul de dezvoltare a unei aplicații interactive. Cu ajutorul câmpurilor de introducere a datelor și a diverselor comutatoare pe site-uri web, formularele de înregistrare sunt create cu ușurință, descărcatorii pot gestiona încărcarea datelor text și multimedia din diverse surse etc. Astăzi ne vom familiariza cu una dintre clasele componente în Flash 8 - elementele interfeței utilizator (UI).

Cel mai popular obiect din Flash, desigur, este butonul. Este prezentă în Flash atât ca un tip de simbol, cât și ca element al interfeței utilizator. Componentele utilizate mai puțin frecvent sunt RadioButton, CheckBox, MenuBar etc., dar ele nu sunt în niciun caz mai puțin importante. Fereastra de componente este apelată apăsând Ctrl + F8 sau din meniul Fereastră -> Componente. Principalele componente ale interfeței utile, consultați tabelul.

Container sub forma unei ferestre

Astăzi, utilizând exemplul de setare a parametrilor elementului interfeței utilizator numit Alertă, vor fi discutate principiile de lucru cu stilurile componentelor.


Presetarea proprietăților componentelor

Componenta Alertă vă permite să organizați un dialog mic între utilizator și computer. Dându-și seama că ceva similar cu un program de-govorilku de Alice, creat în anii '60 și are o inteligență artificială mici, care să permită să poarte o conversație cu o persoană care utilizează răspunsurile sale la întrebările anterioare.

În primul rând, schimbăm inscripțiile de pe butoane și scriem mânuitorul de presare. În funcție de butonul pe care a făcut clic utilizatorul, va apărea un mesaj special. Acest lucru este realizat fără utilizarea stilurilor. Deci, glisați foaia curată din panoul Componente în fereastra Alertă și asigurați-o cu toate setările necesare. Amintiți-vă că în orice FL Flash-fișier există o bibliotecă (numită apăsând Ctrl + "L"), în care sunt stocate instanțe de componente. Aici, de asemenea, potriviți fereastra Alertă. Din moment ce nu avem nevoie să stea mereu în spațiul de lucru, acesta poate fi eliminat de acolo (de la masa de editare, desigur). În bibliotecă, Alert va rămâne.







Acum, selectați primul cadru în cronologie, în secțiunea rândul său Acțiuni (F9) și scrie următorul cod: „mx.controls.Alert import“ (a se vedea detalii în Listing). Multe dintre setările necesare pot fi setate numai folosind ActionScript. Procedura fereastra este invocata Alert Alert.show ( „text“, „caseta din titlu“, „cutie“ „butoane folosite“, „făcând clic pe handler“ „buton dedicat“), cu o multitudine de parametri specificați în paranteze. Pentru butoanele folosite în citate simple, 'Alert.YES | Alert.NO "(există, de asemenea, butoanele" OK "și" Anulare "), iar pentru handler-ul evenimentului - funcția" buttonclick ", pe care o vom scrie mai târziu. Acum schimbați etichetele pe butoanele "YES" și "NO" utilizând proprietățile Alert "yesLabel" și "noLabel" ale componentei. Apoi setați dimensiunile necesare ("buttonWidth" și "buttonHeight"). Pentru a selecta parametrii optimi, este util să rulați tasta "Enter" + Ctrl pentru testarea filmului. Funcția logică „ButtonClick“ este după cum urmează: „! Păstrați-l în sus“ - „! Nu închide nas“ atunci când butonul este apăsat, „Minunat“, apare mesajul Când „Așa-așa“. Pentru ca modificările să aibă efect, descrierea acestei funcții și setările componentei Alert trebuie să precede apelul procedurii Alert.show, așa cum se arată în listă:

În mod similar, puteți organiza un dialog mai complex cu utilizatorul.

Pentru ce sunt folosite stilurile? Acum o voi explica. Orice componentă din Flash are un anumit interval de culoare, dimensiunea fontului etc. Dar, dacă dezvoltați, de exemplu, site-ul dvs., atunci, pentru a nu încălca integritatea imaginii, va trebui să "ajustați" componentele site-ului. Cred că nu mă voi înșela dacă spun că fiecare designer de flash încearcă să-și creeze propriile videoclipuri într-o manieră specială, specifică numai lui. Utilizând stiluri și teme în Flash 8, puteți face fiecare componentă unică. Dar nu vom fi pulverizați și ne vom concentra pe stiluri până acum.

  1. Este chemată comanda File -> Import -> Open Library Library și fișierul SampleTheme.fla este specificat în caseta de dialog. Apoi, în panoul de bibliotecă importat, sunt selectate Componente Flash UI2 -> Teme -> MMDefault. Apoi, din această fereastră trebuie să glisați dosarul cu resursele componentei (active) necesare în fereastra de bibliotecă a simbolului din documentul curent.
  2. Folosind metodele setStyle (parametru, valoare) și getStyle (parametru), puteți seta sau obține valoarea unui sau a altui parametru al stilului selectat.

Deoarece lucrăm cu componenta Alert, vom muta dosarul "Alert Assets" în biblioteca de simboluri a documentului nostru. Apoi folosim proprietățile standard ale temei "Sample" (vezi listarea).

Acum, culoarea casetei de dialog Alertă este schimbată în purpuriu (0xE0C5FE), iar inscripțiile de pe aceasta se transformă în albastru, iar fontul se transformă într-un "Times New Roman" cu o dimensiune de 15 puncte. Trebuie remarcat faptul că simbolul Alert a fost astfel modificat, astfel încât modificările vor afecta toate instanțele sale. O descriere a tuturor proprietăților subiectelor "Halo" și "Samlpe" poate fi găsită în Ajutorul Flash 8.

Chiar dacă folosiți stiluri, aspectul componentelor nu corespunde cerințelor dvs. estetice, atunci puteți încerca să vă scrieți propria temă. Pentru a face acest lucru, trebuie doar să editați sau să înlocuiți coaja componentelor necesare într-una din temele standard. Pentru a face acest lucru, salvați fișierul sau HaloTheme.fla SampleTheme.fla cu un nume unic, încărcați-l, du-te la fereastra Symbol Library (Window -> Biblioteca sau Ctrl + L), selectați componentele dorite din meniul contextual selectați opțiunea „Edit“. Unele elemente ale interfeței cu utilizatorul constau din mai multe părți, astfel încât acestea să poată fi ușor transformate, redesenate sau recreate la fiecare detaliu. Astfel de componente sunt Button, CheckBox, ComboBox, DataGrid, RadioButton, etc. Alte cochilii sunt desenate programat. În acest caz, pentru a modifica aspectul componentei, va trebui să modificați codul sursă. Aceasta, de exemplu, este componenta Alertă. Deoarece crearea unei teme personalizate este un proces consumator de timp, nu o vom lua în considerare în detaliu. Cel puțin, acum. Asta e tot.

Data viitoare vom vorbi despre crearea de jocuri computerizate în Flash 8. Veți vedea că nu este foarte dificil să scrieți o jucărie ca Yeti. Nu uitați să vizitați site-ul nostru www.kv.by. unde puteți viziona fișiere video swf. care au fost desenate în pregătirea materialului pentru fiecare articol. Luați Flash Player 8 în funcțiune.

Versiune imprimabilă







Articole similare

Trimiteți-le prietenilor: