| <?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 Halo Canvas layout container. --> |
| <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" |
| xmlns:s="library://ns.adobe.com/flex/spark" |
| xmlns:mx="library://ns.adobe.com/flex/mx"> |
| |
| <s:Panel title="Canvas Container Example" |
| width="75%" height="75%" |
| horizontalCenter="0" verticalCenter="0"> |
| <s:VGroup left="10" right="10" top="10" bottom="10"> |
| <s:Label width="100%" color="blue" |
| 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.--> |
| <s:TextInput width="100" x="50" y="5"/> |
| <s:TextInput width="100" x="100" y="30"/> |
| <s: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" /> |
| |
| <s:RichEditableText right="25" y="110" |
| text="The Canvas container lets you place components on top of each other." |
| editable="false" /> |
| </mx:Canvas> |
| </s:VGroup> |
| </s:Panel> |
| |
| </s:Application> |