dockpaneltest.xml

ajax 框价．是个好工具．javascript 矿家．可以用在任何平台．

<Application>

	<Window caption="Box Test" width="500" height="500">
		<DockPanel backColor="black" top="5" left="5" right="5" bottom="5">
			<Button backColor="yellow" font="24" DockPanel.dock="left" text="left (1)" marginLeft="2" marginTop="2" marginBottom="2"/>
			<Button backColor="green" font="24" DockPanel.dock="top" text="top (2)" marginTop="2" marginRight="2"/>
			<Button backColor="lime" font="24" DockPanel.dock="top" text="top (3)" marginRight="2"/>
			<Button backColor="red" font="24" DockPanel.dock="bottom" text="bottom (4)" marginBottom="2" marginRight="2"/>
			<Button backColor="purple" font="24" DockPanel.dock="right" text="right (5)" marginRight="2"/>
			<Label backColor="pink" font="24" DockPanel.dock="bottom" text="bottom (6)"
					toolTipText="Click Me!"
					wrap="true"
					onclick="
						var l = event.getTarget();
						var s = l.getText();
						l.setText( s + ' .' );
					"/>
			<Button backColor="lightyellow" font="24" DockPanel.dock="left" text="left (7)"
					toolTipText="Click Me!"
					onaction="
						var l = event.getTarget();
						var s = l.getText();
						l.setText( s + '.' );
					"/>
			<Component backColor="blue" DockPanel.dock="fill" margin="5">
				<Label top="10" left="10" right="10" bottom="10"
					   font="24" text="fill (8)"
					   backColor="white"
					   opacity="0.5"/>
			</Component>

		</DockPanel>
	</Window>


</Application>