自定义 TileList 组件

TileList 的样式指定在绘制该组件时该组件的外观、填充和文本格式的值。 texFormat 和 disabledTextFormat 样式控制在组件中显示的文本的样式。有关外观样式的详细信息，请参阅 对 TileList 使用外观 。

下面的示例使用 textFormat 样式调用 setRendererStyle() 方法，设置在 TileList 实例中显示的标签的字体、大小、颜色和文本属性。这一过程也可用于设置当 enabled 属性设置为 false 时应用的 disabledTextFormat 样式。

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

2. 将 TileList 组件拖动到舞台上，并为其指定实例名称 myTl 。

3. 将以下代码添加到时间轴第 1 帧的“动作”面板上。

   myTl.setSize(100, 100); 
   myTl.addItem({label:"#1"}); 
   myTl.addItem({label:"#2"}); 
   myTl.addItem({label:"#3"}); 
   myTl.addItem({label:"#4"}); 
   var tf:TextFormat = new TextFormat(); 
   tf.font = "Arial"; 
   tf.color = 0x00FF00; 
   tf.size = 16; 
   tf.italic = true; 
   tf.bold = true; 
   tf.underline = true; 
   tf.align = "center"; 
   myTl.setRendererStyle("textFormat", tf);

TileList 组件具有 TileList 外观、CellRenderer 外观和 ScrollBar 外观。您可以编辑这些外观来更改 TileList 的外观：

TileList 外观

以下过程更改 TileList 的 CellRenderer Selected_Up 外观的颜色。

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

2. 将 TileList 组件拖到舞台上，并双击该组件以打开其外观面板。

3. 双击 CellRenderer 外观，再双击 Selected_Up 外观，然后单击矩形背景。

4. 使用“属性”检查器中的“填充颜色选择器”选择颜色 #99FFFF 以将其应用于 Selected_Up 外观。

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

6. 在“属性”检查器的“参数”选项卡上，双击 dataProvider 行的第二列以打开“值”对话框。添加具有以下标签的项目：1st item、2nd item、3rd item、4th item。

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

8. 单击 TileList 中的一个单元格将其选中，然后将鼠标移离选中的单元格。

   选中的单元格的外观应如下图所示：

   

   具有修改的 Selected_Up 外观颜色的 TileList 组件