现在，应用程序已经通过HTTPService取得了数据，并将数据保存在了一个XMLListCollection中。而目前唯一能够知道应用程序可以正常工作的方式是使用调试器。在下面这个练习中，我们会在应用程序中通过一个水平的列表来显示类别数据。
　　(1) 打开FlexGrocer.mxml文件。
　　如果你没有完成上一课中的练习，或者你的代码工作不正常，可以从Lesson06/intermediate文件夹中导入FlexGrocer-PreList.fxp项目。附录为跳过了某一课或者无法解决代码中问题的读者提供了导入项目的完整说明。
　　(2) 在应用程序的controlBarContent区域中添加一个控件。可以在现有的几个按钮后面添加这个控件。                Flex Grocer" x="5" y="5"/>            (3) 然后，指定这个List距控制条区域的左边200像素，高度为40像素。   (4) 指定这个List会使用HorizontalLayout。                     前面我们对控件组使用了水平和垂直布局，但List类也可以使用相同的对象来确定其子控件的排列方式。
　　(5) 接下来，将前面定义和填充的categories变量绑定到List实例的属性dataProvider。                     这个语法告诉Flex框架，当发生categories属性变化的事件时，列表需要从数据源取得更新的数据，以便正确地响应。本书后面将经常用到List和dataProvider。
　　(6) 保存并运行应用程序。
　　
　　新创建的列表将横跨在界面上方，其中的数据元素水平排列。然而，此时不仅显示了类别名称，还显示了与类别相关的XML标签。我们真正想要显示的是XML的节点包含的节点中的数据。
　　(7) 返回FlexGrocer应用程序，为列表添加一个名为labelField的属性，将其值设置为name。                     这里的labelField属性用于告诉列表将数据源中的哪个字段（属性）作为列表项的标签。
　　(8) 保存并运行应用程序。
　　
　　这样，列表中只显示了类别名称，下一课还将用到这些数据。