オワタ・エディタのGUI試作

GUIを試作中。見た目が半分くらいできた。コードだけメモっておく。「Editor.mxml」として保存して、「mxmlc Editor.mxml」で作成。

<?xml version="1.0" encoding="UTF-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<!--Script-->
	<mx:Script>
		<![CDATA[
			public function changeLX(event:Event):void
			{
				//stepValue.text = "Value Selected is "  + event.target.value;
			}
			public function changeRX(event:Event):void
			{
				//stepValue.text = "Value Selected is "  + event.target.value;
			}
			public function changeUY(event:Event):void
			{
				//stepValue.text = "Value Selected is "  + event.target.value;
			}
			public function changeDY(event:Event):void
			{
				//stepValue.text = "Value Selected is "  + event.target.value;
			}
		]]>
	</mx:Script>


	<!--View-->
	<mx:Panel title="Owata Editor"
		paddingTop="10" paddingLeft="10"
		paddingRight="10" paddingBottom="10">

		<mx:HBox borderStyle="solid">
			<!--Left-->
			<mx:Canvas borderStyle="solid" id="myCanvas" backgroundColor="#66CCFF" width="400" height="300">
			</mx:Canvas>

			<!--Right-->
			<mx:HBox borderStyle="solid">
				<!--List-->
				<mx:HBox borderStyle="solid">
					<mx:VBox borderStyle="solid">
						<mx:List id="my_obj_list" width="100"/>
						<mx:HBox borderStyle="solid">
							<mx:Label text="Add"/>
							<mx:Label text="Del"/>
						</mx:HBox>
					</mx:VBox>
				</mx:HBox>

				<!--Param-->
				<mx:VBox borderStyle="solid">
					<!--Top-->
					<mx:HBox borderStyle="solid">
						<mx:VBox borderStyle="solid" horizontalAlign="left">
							<mx:Label text="Category"/>
							<mx:ComboBox id="object_category"/>
						</mx:VBox>
						<mx:VBox borderStyle="solid" horizontalAlign="left">
							<mx:Label text="Name"/>
							<mx:TextInput  id="my_obj_name" text="Block 1" color="#000000"/>
						</mx:VBox>
					</mx:HBox>

					<!--Center-->
					<mx:Grid borderStyle="solid">
						<mx:GridRow borderStyle="none" id="row1">
							<mx:GridItem borderStyle="none" >
								<!--empty-->
							</mx:GridItem>
							<mx:GridItem borderStyle="none" horizontalAlign="right">
								<mx:Label text="UY:" textAlign="right"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<mx:NumericStepper id="val_uy" change="changeUY(event);" value="0" minimum="-9999" maximum="9999"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<!--empty-->
							</mx:GridItem>
						</mx:GridRow>
						<mx:GridRow borderStyle="none" id="row2">
							<mx:GridItem borderStyle="none" horizontalAlign="right">
								<mx:Label text="LX:" textAlign="right"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<mx:NumericStepper id="val_lx" change="changeLX(event);" value="0" minimum="-9999" maximum="9999"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" horizontalAlign="right">
								<mx:Label text="RX:" textAlign="right"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<mx:NumericStepper id="val_rx" change="changeRX(event);" value="0" minimum="-9999" maximum="9999"/>
							</mx:GridItem>
						</mx:GridRow>
						<mx:GridRow borderStyle="none" id="row3">
							<mx:GridItem borderStyle="none" >
								<!--empty-->
							</mx:GridItem>
							<mx:GridItem borderStyle="none" horizontalAlign="right">
								<mx:Label text="DY:" textAlign="right"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<mx:NumericStepper id="val_dy" change="changeDY(event);" value="0" minimum="-9999" maximum="9999"/>
							</mx:GridItem>
							<mx:GridItem borderStyle="none" >
								<!--empty-->
							</mx:GridItem>
						</mx:GridRow>
					</mx:Grid>

					<!--Bottom-->
				</mx:VBox>
			</mx:HBox>
		</mx:HBox>
	</mx:Panel>
</mx:Application>