Curs Flash

Butoanele (Button Symbols) au un Timeline proprui, special, cu 4 cadre specifice: Up, Over, Down si Hit.

Cadre Buton Pentru a crea un buton invizibil, se lasa Scena de la primul Frame (Up) goala, iar pentru celelalte cadre (Over si Down) e optional, daca se doreste ca sa apara sau nu butonul la pozitionarea sau click-ul mouse-ului pe el.
Scena de la "Up" fiind lasata goala, nu va apare nici o imagine vizibila pentru buton. In acest caz este important cadrul "Hit", aici se defineste zona activa, facand butonul functional.

Iata un exemplu in care vor fi create 2 butoane invizibile. Unul din ele va fi vizibil cand mouse-ul trece deasupra lui, celalalt se va face vizibil doar cand este apasat click pe el. Efectuati urmatorii pasi:
1. Deschideti un document Flash nou, cu scena alba, alegeti instrumentul pentru desenat dreptunghiuri (Rectangle Tool) si desenati un dreptunghi in partea stanga in Scena.
2. Dreptunghiul fiind selectat, alegeti meniul Modify -> Convert to Symbol. In fereastra care se deschide (pt. transformare in Symbol) alegeti la Type optiunea Button.
Acum dreptunghiul din Scena a devenit buton.
3. Click-dreapta pe dreptunghiul din scena si Edit (sau dublu-click pe el, cu "Selection Tool"). Asa se intra in pagina lui de editare..
4. In panoul Timeline al butonului dati click-dreapta pe cadrul "Over" si alegeti Insert Keyframe, la fel si pt. cadrul "Hit", click-dreapta pe el si Insert Keyframe.
  - La "Over" s-a adaugat butonul cum sa arate cand mouse-ul e deasupra lui, iar la "Hit" s-a creat zona activa, care e chiar butonul (daca se doreste ca zona activa sa fie mai mare sau mai mica, se poate modifica desenul in Scena)
Pentru a-l face invizibil, trebuie sters din cadrul "Up". Click-dreapta pe el si alegeti Clear Frames.
5. Iesiti din pagina de editare a butonului (prin click pe numele scenei, "Scene 1", sau meniul Edit -> Edit Document), observati ca pentru a indica faptul ca butonul este invizibil, Flash la colorat in albastru-deschis transparent.
6. Alegeti instrumentul pentru desenat figuri ovale (Oval Tool) si desenati un cerc in partea dreapta, apoi transformati-l in buton (ca si pe dreptunghi, din meniul Modify -> Convert to Symbol).
7. Dupa ce a fost cercul transformat in buton, intrati in pagina lui de editare (click-dreapta pe el si Edit).
8. In aceasta pagina faceti Keyframe la "Down" si "Hit" (click-dreapta pe fiecare si "Insert Keyframe").
9. Click-dreapta pe Frame-ul "Up" si dati Clear Frames pt. a face invizibil butonul.
Faceti la fel si la cadrul "Over" (sa fie pagina goala), pentru ca acest buton sa fie invizibil si cand se trece cu mouse-ul deasupra lui.
  - Va apare vizibil doar cand se apasa click pe el.
10. Iesiti din pagina de editare buton (click pe "Scene 1") si apasati "Ctrl+Enter" ca sa testati continutul documentului Flash.
Scena e goala, dar ca indiciu ca sunt butoane in ea, cand cursorul de la mouse ajunge deasupra lor isi schimba aspectul in "manuta-indicatoare".
  - Butonul din latura stanga apare vizibil cand cursorul e deasupra lui, iar pt. cel din dreapta trebuie apasat click pe locatia lui..
Testati si gasiti butoanele in Flash-ul urmator, care este rezultatul acestui exemplu.
- Ca sa nu apara butonul nici la click, lasati goala Scena si la cadrul "Down".
- In prezentarea urmatoare puteti vedea cum se face acest exemplu.

- Tutorial Butoane invizibile

tutorial_butoane_invizibile_pasi
- Fisierul FLA cu acest exemplu poate fi descarcat de la: Tutorial Butoane invizibile.

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut face ca valoarea din caseta de text sa nu poata fi modificata de utilizator?
checked="checked" readonly="readonly" disabled="disabled"
<input type="text" value="valoare-fixa" readonly="readonly" name="a_name" />
Ce proprietate CSS permite crearea de colturi rotunjite?
background-size border-size border-radius
.class {
  border:2px solid blue;
  border-radius:1.2em;
}
Ce instructiune afiseaza o fereastra cu mesaj si butoane OK si Cancel?
indexOf() confirm() prompt()
var ques = window.confirm("Rezultatul lui 0+0 este 0?");
if (ques) alert("Corect");
else alert("Incorect");
Indicati functia PHP care returneaza numarul cel mai mic dintr-o multime de numere.
floor() ceil() min()
$min_nr = min(12, 8, 25, 13);
echo $min_nr;        // 8
Alegeti verbul corect care trebuie in propozitia: "Its ears ... big".
are is has
Its ears are big.
- Urechile lui sunt mari.
Alegeti verbul corect care trebuie in propozitia: "Los niños ... deportistas"
soy son está
Los niños son deportistas.
- Copii sunt sportivi.
Creare Butoane invizibile

Last accessed pages

  1. Negatia (2347)
  2. Lectii audio-video de initiere in limba engleza (4213)
  3. Formatare text in pagina html (35053)
  4. Curs complet de limba engleza, incepatori (13792)
  5. Lectii audio-video de limba engleza, animate (6079)

Popular pages this month

  1. Exercitii engleza - English Tests and exercises - Grammar (163)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (127)
  3. Conditional IF in Limba Engleza - Fraze Conditionale (107)
  4. Pronumele in limba engleza - Pronouns (89)
  5. Gramatica limbii engleze - Prezentare Generala (79)