List组件、UILoader类、TileList组件的相关运用
List组件
List 组件将显示基于列表的信息,并且是适合显示信息数组的理想选择。
List 组件由 item、row 和 data provider 构成,
(1)Item:ActionScript 对象,通常包含 label 属性和 data 属性,前者是描述性的属性,后者用于存储与项目关联的数据。
(2)Row:用于显示项目的组件。
(3)Data provider:一个组件,用于模拟 List 组件所显示的项目。
属性(常用属性)
获取或设置用于提供项的图标的项字段。
labelField : String
获取或设置 dataProvider 对象中的字段名称,该字段名称将显示为 TextInput 字段和下拉列表的标签。
rowCount : uint
获取或设置在列表中至少部分可见的行的行数。
rowHeight : Number
获取或设置列表中每一行的高度,以像素为单位。
方法(常用的方法)
List()
创建新的 List 组件实例。
基于 labelField 和 labelFunction 属性检索渲染器将为给定数据对象显示的字符串。
例子:
package {
import flash.display.MovieClip;
import fl.controls.List;
import fl.data.DataProvider;
import flash.text.TextFormat;
import fl.events.ListEvent;
public class ListMain extends MovieClip {
private var list:List = new List();
[Embed(source = "boy.jpg")]
private var Boy:Class;
[Embed(source = "girl.jpg")]
private var Girl:Class;
private var dp:DataProvider = new DataProvider();
public function ListMain() {
var TxtF:TextFormat = new TextFormat("宋体",30,0xff0000);
list.setRendererStyle("textFormat",TxtF);
dp.addItem({aa:"追艺",sex:Girl});
dp.addItem({aa:"命运艺人",sex:Boy});
dp.addItem({aa:"笔墨丹青",sex:Boy});
list.dataProvider = dp;
list.iconField = "sex";
list.labelField = "aa";
stage.addChild(list);
list.rowHeight = 80;
list.height = 350;
list.width = 200;
list.addEventListener(ListEvent.ITEM_CLICK,getItem);
}
private function getItem(e:ListEvent):void
{
trace(e.item.sex);
trace(list.itemToLabel(e.item));
}
}
}
import flash.display.MovieClip;
import fl.controls.List;
import fl.data.DataProvider;
import flash.text.TextFormat;
import fl.events.ListEvent;
public class ListMain extends MovieClip {
private var list:List = new List();
[Embed(source = "boy.jpg")]
private var Boy:Class;
[Embed(source = "girl.jpg")]
private var Girl:Class;
private var dp:DataProvider = new DataProvider();
public function ListMain() {
var TxtF:TextFormat = new TextFormat("宋体",30,0xff0000);
list.setRendererStyle("textFormat",TxtF);
dp.addItem({aa:"追艺",sex:Girl});
dp.addItem({aa:"命运艺人",sex:Boy});
dp.addItem({aa:"笔墨丹青",sex:Boy});
list.dataProvider = dp;
list.iconField = "sex";
list.labelField = "aa";
stage.addChild(list);
list.rowHeight = 80;
list.height = 350;
list.width = 200;
list.addEventListener(ListEvent.ITEM_CLICK,getItem);
}
private function getItem(e:ListEvent):void
{
trace(e.item.sex);
trace(list.itemToLabel(e.item));
}
}
}
UILoader类
UILoader 类可让您设置要加载的内容,然后在运行时监视加载操作。 该类同时还处理已加载内容的大小调整。
常用属性
获取或设置一个值,该值指示 UILoader 实例是否自动加载指定的内容。
bytesLoaded : uint
[read-only] 获取已加载的内容的字节数。
bytesTotal : uint
[read-only] 获取要加载的内容的字节数。
content : DisplayObject
[read-only] 包含使用 load() 方法或设置 source 属性加载的 SWF 文件或图像文件(JPEG、PNG 或 GIF 格式文件)的根显示对象。
maintainAspectRatio : Boolean
获取或设置一个值,该值指示是要保持原始图像中使用的高宽比,还是要将图像的大小调整为 UILoader 组件的当前宽度和高度。
percentLoaded : Number
[read-only] 获取一个范围在 0 到 100 之间的数字,指示已加载内容的百分比。
scaleContent : Boolean
获取或设置一个值,该值指示是否要将图像自动缩放到 UILoader 实例的大小。
TileList 类提供呈行和列分布的网格,通常用来以“平铺”格式设置并显示图像。
常用属性
获取或设置在列表中至少部分可见的列的列数。
columnWidth : Number
获取或设置应用于列表中列的宽度,以像素为单位。
direction : String
获取或设置一个值,该值指示 TileList 组件是水平滚动还是垂直滚动。
iconField : String
获取或设置用于提供项的图标的项字段。
innerHeight : Number
[read-only] 获取内容区域的高度,以像素为单位。
浙公网安备 33010602011771号