flowpaneltest.xml

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

<Application autoNameMapping="true">

	<Window caption="Flow Panel Test" width="640" height="480">

		<GridPanel left="5" right="5" top="5" bottom="5"
				   hGap="5" cols="*,75">
			<FlowPanel id="p" backColor="AppWorkSpace"
					   wrap="true"
					   align="center"
					   baselineAlign="start">


				<Label backColor="white" font="36">Hello</Label>
				<Label backColor="white" font="36">World</Label>
				<Label backColor="yellow" font="36" FlowPanel.baselineAlign="top">.</Label>
				<Label backColor="white" font="36">Hello</Label>
				<Label backColor="yellow" font="36" margin="10">World</Label>
				<Label backColor="yellow" font="36" preferredWidth="300">.</Label>
				<Label backColor="pink" font="36" preferredHeight="50">Hello</Label>
				<Label backColor="white" font="36">World</Label>
				<Label backColor="white" font="36">.</Label>


				<VBox border="2 solid black">
					<Label backColor="red" font="36">In</Label>
					<Label backColor="yellow" font="36">Vertical</Label>
					<Label backColor="green" font="36">Box</Label>
				</VBox>

				<DockPanel border="2 solid black">
					<Label DockPanel.dock="top" backColor="red" font="36">In</Label>
					<Label DockPanel.dock="left" backColor="yellow" font="36">Dock</Label>
					<Label DockPanel.dock="fill" backColor="green" font="36">Panel</Label>
				</DockPanel>

				<GridPanel border="2 solid black" cols="*,2*,3*">
					<Label backColor="red" font="36">In</Label>
					<Label backColor="yellow" font="36">Grid</Label>
					<Label backColor="green" font="36">Panel</Label>
					<Label backColor="blue" font="36">!</Label>
				</GridPanel>

				<Label backColor="white" font="36">Hello</Label>
				<Label backColor="white" font="36" text="World"/>

				<Label backColor="white" font="36">.</Label>




			</FlowPanel>
			<VBox>
				<CheckBox checked="false" text="Right to left"
						  onchange="var t = event.getTarget();
									/*var p = application.getComponentById('p');*/
									p.setRightToLeft( t.getChecked() );"/>

				<CheckBox checked="true" text="Wrap" marginTop="5"
						  onchange="var t = event.getTarget();
									/*var p = application.getComponentById('p');*/
									p.setWrap( t.getChecked() );"/>

				<Label labelFor="#align-combo" text="Align:"
					   marginTop="5"/>
				<ComboBox id="align-combo"
						  onchange="var t = event.getTarget();
									/*var p = application.getComponentById('p');*/
									p.setAlign( t.getUserValue() );">
					<ComboBoxItem text="start" userValue="start" selected="true"/>
					<ComboBoxItem text="center" userValue="center"/>
					<ComboBoxItem text="end" userValue="end"/>
				</ComboBox>

				<Label labelFor="#v-align-combo" text="VAlign:"
					   marginTop="5"/>
				<ComboBox id="v-align-combo"
						  onchange="var t = event.getTarget();
									/*var p = application.getComponentById('p');*/
									p.setVAlign( t.getUserValue() );">
					<ComboBoxItem text="start" userValue="start" selected="true"/>
					<ComboBoxItem text="center" userValue="center"/>
					<ComboBoxItem text="end" userValue="end"/>
				</ComboBox>

				<Label labelFor="#baseline-align-combo" text="Baseline Align:"
					   marginTop="5"/>
				<ComboBox id="baseline-align-combo"
						  onchange="var t = event.getTarget();
									/*var p = application.getComponentById('p');*/
									p.setBaselineAlign( t.getUserValue() );">
					<ComboBoxItem text="start" userValue="start"/>
					<ComboBoxItem text="center" userValue="center" selected="true"/>
					<ComboBoxItem text="end" userValue="end"/>
				</ComboBox>
			</VBox>
		</GridPanel>


	</Window>

	<Resources>
		<Script><![CDATA[

function FlowPanelTest()
{
	var c = application.getComponentById( "c" );
	var t = new BiTimer( 50 );
	var v = 0;
	t.addEventListener( "tick", function ( e )
	{
		v += 5 * Math.PI/ 180;
		c.setMargin( Math.abs( Math.round( 50 * Math.cos( v ) ) ) );
	} );
	//t.start();
}

FlowPanelTest.main = function ()
{
	new FlowPanelTest;
};

		]]></Script>
	</Resources>
</Application>