| <?xml version="1.0" encoding="utf-8"?> |
| <!-- |
| 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 HScrollBar control. --> |
| <mx:Application 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%"> |
| |
| <fx:Script> |
| <![CDATA[ |
| |
| import mx.events.ScrollEvent; |
| |
| // Event handler function to display the scroll location |
| // as you move the scroll thumb. |
| private function myScroll(event:ScrollEvent):void |
| { |
| showPosition.text = "HScrollBar properties summary:" + '\n' + |
| "------------------------------------" + '\n' + |
| "Current scroll position: " + event.currentTarget.scrollPosition + '\n' + |
| "The maximum scroll position: " + event.currentTarget.maxScrollPosition + '\n' + |
| "The minimum scroll position: " + event.currentTarget.minScrollPosition ; |
| } |
| ]]> |
| </fx:Script> |
| |
| <mx:Panel id="panel" title="HScrollBar Control Example" |
| paddingBottom="10" paddingTop="10" paddingLeft="10" paddingRight="10" |
| height="100%" width="100%"> |
| |
| <mx:Label width="100%" |
| text="Click on the scroll bar to view its properties."/> |
| |
| <mx:HScrollBar id="bar" width="100%" |
| minScrollPosition="0" maxScrollPosition="{panel.width - 20}" |
| lineScrollSize="50" pageScrollSize="100" |
| scroll="myScroll(event)" |
| repeatDelay="1000" repeatInterval="500" /> |
| |
| <mx:TextArea height="100%" width="100%" id="showPosition" /> |
| |
| </mx:Panel> |
| </mx:Application> |