alphabet.mxml

QS我也没用过

<?xml version="1.0" encoding="utf-8"?>
<ab:AlphabetBase xmlns="http://www.adobe.com/2006/mxml" horizontalGap="0" xmlns:qs="qs.controls.*" 
	horizontalAlign="left" paddingLeft="0" paddingTop="0" paddingBottom="0" paddingRight="0" layout="horizontal" 
	backgroundColor="#343434"  xmlns:ab="AlphabetClasses.*"
	viewSourceURL="AlphabetViewSource/index.html" 
	>	
	
	<Style source="AlphabetClasses/Alphabet.css" />


	<VBox height="100%" backgroundColor="#565656" width="400"  horizontalAlign="right" styleName="insetBox">

		<Text condenseWhite="true" width="100%">
			<htmlText><![CDATA[
			This component uses the LayoutAnimator to 
			allow you to interactively drag and drop wodden letter tiles to 
			reorder them.  Try clicking a tile and dragging it around
			the screen.<br/><br/>
			See how quickly you reorder the tiles in alphabetical order.
			Click the Start button below to time yourself.
			]]></htmlText>
		</Text>
		
		<Button label="start" click="initTrial();" />
		
		<Form id="runningUI" visible="false" fontSize="24" >
			<FormItem label="time:">
				<Label text="{runningTime}" />					
			</FormItem>
			<FormItem label="correct:">
				<Label text="{itemsCorrect}" />												
			</FormItem>					
			<FormItem label="remaining:">
				<Label text="{itemsRemaining}" />												
			</FormItem>					
		</Form>
		
		<Label text="Finished!!" id="completeUI" visible="false" fontSize="24" />
	</VBox>
	
	<VRule height="100%" />
	
	<HBox width="100%" horizontalGap="0" height="100%" styleName="insetBox" clipContent="true" >						
		<qs:DragTile id="dragTile" dataProvider="{items}" width="100%" height="100%"  
			change="checkComplete();" itemRenderer="AlphabetTile" />
	</HBox>
	
</ab:AlphabetBase>