List组件、UILoader类、TileList组件的相关运用

List组件

List 组件将显示基于列表的信息,并且是适合显示信息数组的理想选择。

List 组件由 item、row 和 data provider 构成,

     (1)Item:ActionScript 对象,通常包含 label 属性和 data 属性,前者是描述性的属性,后者用于存储与项目关联的数据。

  (2)Row:用于显示项目的组件。

  (3)Data provider:一个组件,用于模拟 List 组件所显示的项目。

属性(常用属性)

iconField : String

获取或设置用于提供项的图标的项字段。
labelField : String
获取或设置 dataProvider 对象中的字段名称,该字段名称将显示为 TextInput 字段和下拉列表的标签。
rowCount : uint
获取或设置在列表中至少部分可见的行的行数。
rowHeight : Number
获取或设置列表中每一行的高度,以像素为单位。
 
方法(常用的方法)
 
创建新的 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));
  }
 }
 
}

UILoader类

UILoader 类可让您设置要加载的内容,然后在运行时监视加载操作。 该类同时还处理已加载内容的大小调整。

常用属性

autoLoad : Boolean

获取或设置一个值,该值指示 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 实例的大小。
source : Object
获取或设置以下内容:绝对或相对 URL(该 URL 标识要加载的 SWF 或图像文件的位置)、库中影片剪辑的类名称、
对显示对象的引用或者与组件位于同一层上的影片剪辑的实例名称。
 
常用方法
 
load(request:URLRequest = null, context:LoaderContext = null):void
加载指定内容,或者,如果未指定内容,则加载 source 属性标识的位置的内容。
 
事件
 
 Event.COMPLETE  在内容加载完成时调度。
ProgressEvent.PROGRESS  当加载内容时调度。
SecurityErrorEvent.SECURITY_ERROR  内容加载过程中发生安全性错误以后调度。
 
TileList组件

 TileList 类提供呈行和列分布的网格,通常用来以“平铺”格式设置并显示图像。

常用属性

columnCount : uint

获取或设置在列表中至少部分可见的列的列数。
columnWidth : Number
获取或设置应用于列表中列的宽度,以像素为单位。
direction : String
获取或设置一个值,该值指示 TileList 组件是水平滚动还是垂直滚动。
iconField : String
获取或设置用于提供项的图标的项字段。
innerHeight : Number
[read-only] 获取内容区域的高度,以像素为单位。
innerWidth : Number
[read-only] 获取内容区域的宽度,以像素为单位。
labelField : String
在包含各拼贴的标签的各项中获取或设置一个字段。
rowCount : uint
获取或设置在列表中至少部分可见的行的行数。
rowHeight : Number
获取或设置应用于列表中每一行的高度,以像素为单位。
 
常用方法
基于 labelField 和 labelFunction 属性检索渲染器将为给定数据对象显示的字符串。

 

 

posted on 2012-10-13 23:57  笔墨丹青  阅读(1507)  评论(0)    收藏  举报

导航