自定义 List 组件

您可以设置样式属性以更改 List 实例的外观。样式指定了绘制组件时组件的外观和填充的值。

不同的外观样式允许您指定不同的类用于外观。有关使用外观样式的详细信息，请参阅 关于外观 。

下面的过程为 List 组件设置了 contentPadding 样式的值。请注意，会从 List 的大小中减去此设置的值以获得内容周围的填充值，因此您可能需要增加 List 的大小以防止 List 中的文本被裁切。

1. 创建一个新的 Flash 文件 (ActionScript 3.0) 文档。

2. 将 List 组件从“组件”面板中拖到舞台上，并为其指定实例名称 aList 。

3. 在主时间轴中选择第 1 帧，打开“动作”面板，然后输入以下代码，这些代码用于设置 contentPadding 样式并向 List 添加数据：

   aList.setStyle("contentPadding", 5); 
   aList.setSize(145, 200); 
   aList.addItem({label:"1956 Chevy (Cherry Red)", data:35000}); 
   aList.addItem({label:"1966 Mustang (Classic)", data:27000}); 
   aList.addItem({label:"1976 Volvo (Xcllnt Cond)", data:17000}); 
   aList.rowCount = aList.length;

4. 选择“控制”>“测试影片”。

List 组件使用以下外观来表示其可视状态：

有关设置 ScrollBar 外观的详细信息，请参阅 自定义 UIScrollBar 组件 。有关设置 Focus Rect 外观的信息，请参阅 自定义 TextArea 组件 。

双击“单元格渲染器”外观，为 List 单元格的不同状态打开另一个外观调色板。

您可以通过编辑这些外观来更改 List 的单元格的外观。以下过程更改 Up 外观的颜色以更改 List 在正常的非活动状态下的外观。

1. 创建一个新的 Flash 文件 (ActionScript 3.0) 文档。

2. 将 List 组件从“组件”面板中拖到舞台上，并为其指定实例名称 aList 。

3. 双击该 List 组件打开其外观调色板。

4. 双击“单元格渲染器”外观打开“单元格渲染器”外观的调色板。

5. 双击 Up_Skin 外观将其打开以进行编辑。

6. 单击此外观的填充区域将其选中。“属性”检查器中将显示一个带有外观当前填充颜色的“填充颜色选择器”。

7. 使用“填充颜色选择器”选择颜色 #CC66FF 以将其应用于 Up_Skin 外观的填充。

8. 单击舞台上方编辑栏左侧的“返回”按钮，返回到文档编辑模式。

9. 将以下代码添加到时间轴第 1 帧的“动作”面板中，以将数据添加到 List 组件：

   aList.setStyle("contentPadding", 5); 
   aList.setSize(145, 200); 
   aList.addItem({label:"1956 Chevy (Cherry Red)", data:35000}); 
   aList.addItem({label:"1966 Mustang (Classic)", data:27000}); 
   aList.addItem({label:"1976 Volvo (Xcllnt Cond)", data:17000}); 
   aList.rowCount = aList.length;

10. 选择“控制”>“测试影片”。

    List 的外观应如下图所示：

    

    具有自定义 Up_Skin 颜色的 List 单元格

    这些帧是由于设置了 contentPadding 样式而生成的。