| <?xml version="1.0"?> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one or more |
| contributor license agreements. See the NOTICE file distributed with |
| this work for additional information regarding copyright ownership. |
| The ASF licenses this file to You under the Apache License, Version 2.0 |
| (the "License"); you may not use this file except in compliance with |
| the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| <!-- Simple example to demonstrate the Canvas layout container.--> |
| <mx:Module xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" |
| paddingBottom="0" paddingTop="0" paddingLeft="0" paddingRight="0" |
| height="100%" width="100%"> |
| |
| <mx:Panel title="Canvas Container Example" |
| paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" |
| height="100%" width="100%"> |
| |
| <mx:Label width="100%" |
| text="Use absolute positioning to place the children of a Canvas container."/> |
| |
| <mx:Canvas borderStyle="solid" height="200" width="100%"> |
| |
| <!-- Stagger the position of the TextInput controls using absolute positioning.--> |
| <mx:TextInput width="100" x="50" y="5"/> |
| <mx:TextInput width="100" x="100" y="30"/> |
| <mx:TextInput width="100" x="150" y="55"/> |
| |
| <!-- Overlap the VBox containers using layout constraints.--> |
| <mx:VBox right="115" bottom="50" width="75" height="75" backgroundColor="#0080C0"/> |
| <mx:VBox right="70" bottom="30" width="75" height="75" backgroundColor="#FFFF80"/> |
| <mx:VBox right="25" bottom="10" width="75" height="75" backgroundColor="#8080C0" alpha="0.8"/> |
| |
| <mx:Text right="25" y="110" |
| text="The Canvas container lets you place components on top of each other."/> |
| </mx:Canvas> |
| |
| </mx:Panel> |
| </mx:Module> |