Nel tutorial di oggi vedremo come realizzare un menu dinamico in Flash e PHP.

Per prima cosa realizzeremo, in Flash, un primo livello dove inserire una MovieClip con nome di istanza “menu“.

All’interno di questa MovieClip ne realizzeremo un’altra con nome di istanza “sfondo“. Colorando quest’ultima MovieClip daremo il colore al nostro menu.

Su un livello superiore inseriremo 4 campi di testo con nome di istanza “titolo“, “link1“, “link2” e “link3“. Il primo conterrà il titolo del menu e gli altri tre le voci che comporranno il nostro menu.

Rendiamo i campi di testo HTML…

..e se vogliamo usare un font particolare incorporiamo i caratteri necessari.

Su un livello superiore inseriremo tre aree attive a cui daremo nome di istanza “tasto1“, “tasto2” e “tasto3” (che fantasia ).

A queste tre aree attive corrisponderanno tre link a tre url o pagine web.

A questo punto analizziamo il file di configurazione del menu realizzato in PHP:

<?php

//Titolo del menu
$titolo = “MENU”;

//Colori
$menu_color = “0×336699″;
$title_color = “0xFFFF00″;
$links_color = “0xFFFFFF”;

//Labels delle voci del menu
$label1 = “Home”;
$label2 = “Feed RSS”;
$label3 = “Contattami”;

//Links da associare alla voci del menu
$link1 = “http://www.emawebdesign.com”;
$link2 = “http://feeds.feedburner.com/emawebdesign”;
$link3 = “http://www.emawebdesign.com/contattami”;

echo “&titolo=” .$titolo;

echo “&menu_color=” .$menu_color;
echo “&title_color=” .$title_color;
echo “&links_color=” .$links_color;

echo “&label1=” .$label1;
echo “&label2=” .$label2;
echo “&label3=” .$label3;

echo “&link1=” .$link1;
echo “&link2=” .$link2;
echo “&link3=” .$link3;

?>

Dopo aver settato tutte le variabili a nostro piacimento, verranno inviate al Flash con il comando echo scrivendo la variabile nella forma &variabile=contenuto.

Possiamo adesso inserire nel Flash un ulteriore livello dove inseriremo (sul fotogramma) il seguente codice ActionScript:

var loadData = new LoadVars();
loadData.onLoad = function (success) {
if (success) {

titolo.htmlText = this['titolo'];

_global.menu_color = this['menu_color'];
_global.title_color = this['title_color'];
_global.links_color = this['links_color'];

link1.htmlText = this['label1'];
link2.htmlText = this['label2'];
link3.htmlText = this['label3'];

_global.url1 = this['link1'];
_global.url2 = this['link2'];
_global.url3 = this['link3'];

var my_color:Color = new Color(menu.sfondo);
my_color.setRGB(_global.menu_color);

var text_format:TextFormat = new TextFormat();
text_format.color = _global.title_color;
titolo.setTextFormat(text_format);

var text_format2:TextFormat = new TextFormat();
text_format2.color = _global.links_color;
link1.setTextFormat(text_format2);
link2.setTextFormat(text_format2);
link3.setTextFormat(text_format2);

} else {
trace(”Load error!”);
}
}
loadData.load(”menu_config.php”);

tasto1.onRelease = function() {
getURL(_global.url1);
}

tasto2.onRelease = function() {
getURL(_global.url2);
}

tasto3.onRelease = function() {
getURL(_global.url3);
}

Con la funzione LoadVars caricheremo dal file PHP menu_config.php tutte le variabili e le riceveremo nel Flash nella forma variabile = this['variabile_caricata']; Con la funzione setRGB coloreremo il menu e con setTextFormat i campi di testo.

A questo punto, per completare i pulsanti, possiamo associare ad ogni istanza il comando getURL che punterà alla URL contenuta nella rispettiva variabile.

Scarica il file di esempio e prova a modificarlo. Se hai domande commenta il post o non esitare a contattarmi. Al prossimo tutorial!

download: MenuDinamicoFlash (6.41KB) added: 01/06/2008 clicks: 122 description: Menu dinamico in Flash

Questo articolo è stato pubblicato il Domenica, 1 Giugno 2008 alle 22:01 e classificato in ActionScript, Flash, Grafica, PHP, Programmazione. È possibile seguire tutte le repliche a questo articolo tramite il feed RSS 2.0. Puoi lasciare un commento, oppure fare il trackback dal tuo sito.