利用Repeater组件载入XML并显示图片文件

 

1.Download:  main.mxml

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:XML id="imagesXML" source="images.xml" /> <mx:Zoom id="zoom" /> <mx:HBox id="hBox"> <mx:Repeater id="rep" dataProvider="{imagesXML.image}"> <mx:Image source="{rep.currentItem.@src}" toolTip="{rep.currentIndex}:{rep.currentItem.@alt}" completeEffect="{zoom}" /> </mx:Repeater> </mx:HBox> </mx:Application> 

2. 下面是XML定义：

 

Download:  images.xml

<?xml version="1.0" encoding="utf-8"?> <images> <image src="images/Button.png" mce_src="images/Button.png" alt="Button" /> <image src="images/ButtonBar.png" mce_src="images/ButtonBar.png" alt="ButtonBar" /> <image src="images/CheckBox.png" mce_src="images/CheckBox.png" alt="CheckBox" /> <image src="images/ColorPicker.png" mce_src="images/ColorPicker.png" alt="ColorPicker" /> <image src="images/ComboBox.png" mce_src="images/ComboBox.png" alt="ComboBox" /> <image src="images/DataGrid.png" mce_src="images/DataGrid.png" alt="DataGrid" /> <image src="images/DateChooser.png" mce_src="images/DateChooser.png" alt="DateChooser" /> <image src="images/DateField.png" mce_src="images/DateField.png" alt="DateField" /> </images>