ActionScript TileList

最新推荐文章于 2025-11-10 12:31:39 发布

原创最新推荐文章于 2025-11-10 12:31:39 发布 · 796 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#actionscript #tilelist

actionscript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍如何在 Flash 中创建交互式图片展示，通过 TileList 和 ScrollPane 实现图片的垂直排列与滚动，以及单击小图片时切换大图片的功能。

import fl.controls.TileList;
import fl.data.DataProvider;
import fl.controls.SliderDirection;
import fl.containers.ScrollPane;
import fl.events.ListEvent;

var init_x:Number = 5;
var init_y:Number = 5;
var small_image_width:Number = 128;//小图片的宽
var small_image_height:Number = 96;//小图片的高
var big_image_width:Number = 380;//大图片的宽
var big_image_height:Number = 384;//大图片的高
//数组用来存放图片（Images和flash文件在同一目录）
var imageArray:Array=new Array
({label:"图片1",source:"Images/1.jpg"},
 {label:"图片2",source:"Images/2.jpg"},
 {label:"图片3",source:"Images/3.jpg"},
 {label:"图片4",source:"Images/4.jpg"},
 {label:"图片5",source:"Images/5.jpg"},
 {label:"图片6",source:"Images/6.jpg"});
//设置TileList
var tileList:TileList=new TileList();
tileList.move(init_x, init_y);
tileList.setSize(small_image_width+15, big_image_height);
tileList.columnWidth = small_image_width;
tileList.rowHeight = small_image_height;
tileList.direction = SliderDirection.VERTICAL;//垂直显示，默认是水平显示的
tileList.dataProvider = new DataProvider(imageArray);
tileList.addEventListener(ListEvent.ITEM_CLICK, list_item_click);
stage.addChild(tileList);
//设置ScrollPane;
var scrollPane:ScrollPane=new ScrollPane();
scrollPane.move(init_x+small_image_width+15+5,init_y);
scrollPane.setSize(big_image_width, big_image_height);
scrollPane.scrollDrag = true;//允许拖动
stage.addChild(scrollPane);
//单击小图片;
function list_item_click(event)
{
	var url = event.item.source;//获取图片路径
	scrollPane.source = url;
}