FLASH CS4 : TileList component, enlarge thumbnails...
Par jeanphilippe, dimanche 6 décembre 2009 à 10:12 :: Flash CS4 :: #332 :: rss
Suite à une demande faite par un des lecteurs, dans ce tutorial sur Flash Developper Center, j'ai rajouté dans le code initial, le fait de pouvoir afficher l'image en grand en cliquant sur les vignettes du composant TileList.
J'ai seulement rajouté un composant Loader dans la bibliothèque et j'ai modifié le code ainsi :
import fl.controls.TileList; import fl.controls.ScrollBarDirection; import fl.containers.UILoader; stage.align = StageAlign.TOP_LEFT; stage.scaleMode = StageScaleMode.NO_SCALE; // create TileList instance var myTileList:TileList = new TileList();
// add content to the TileList
myTileList.addItem({label:"Montreal", source:"http://www.helpexamples.com/images/montreal/images/IMG_5057.jpg"});
myTileList.addItem({label:"Swan", source:"http://www.helpexamples.com/flash/images/gallery1/images/pic11.jpg"});
myTileList.addItem({label:"Sunset", source:"http://www.helpexamples.com/flash/images/gallery1/images/pic14.jpg"});
myTileList.addItem({label:"Gate", source:"http://www.helpexamples.com/flash/images/gallery2/images/IMG_1592.jpg"});
myTileList.direction=ScrollBarDirection.HORIZONTAL;// set scroll direction
// set column and row values myTileList.columnWidth=200; myTileList.rowHeight=140; myTileList.columnCount=1; myTileList.rowCount=2; myTileList.width=200; myTileList.height=295; myTileList.x=10; myTileList.y=10;
// add to the display (Stage)
addChild(myTileList);
myTileList.addEventListener(Event.CHANGE, thumbnailClicked);
function thumbnailClicked(event:Event):void {
myUILoader.source=event.target.selectedItem.source;
}
var myUILoader:UILoader = new UILoader();
myUILoader.autoLoad=true;
myUILoader.scaleContent=false;
myUILoader.move(220, 10);
addChild(myUILoader);
Voir l'exemple en ligne......
Télécharger le fichier Flash CS4...
Commentaires
1. Le lundi 31 mai 2010 à 14:00, par Adobe-flash-cs4-basics-intro
Ajouter un commentaire