Flex中如何通过监听MouseEvent.MOUSE_WHEEL事件控制鼠标滚轮滚动操作的例子
By Minidxer | August 17, 2008
接下来的例子演示了Flex中如果通过监听MouseEvent.MOUSE_WHEEL事件，使鼠标滚轮滚动时，Label控件标签显示内容进行切换。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：
下面是完整代码(或点击这里察看)：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white"
- creationComplete="init()">
- <mx:Script>
- <![CDATA[
- private function init():void {
- systemManager.addEventListener(MouseEvent.MOUSE_WHEEL, doMouseWheel);
- }
- private function doMouseWheel(evt:MouseEvent):void {
- num += evt.delta;
- }
- ]]>
- </mx:Script>
- <mx:Number id="num">0</mx:Number>
- <mx:NumberFormatter id="numberFormatter" />
- <mx:ApplicationControlBar dock="true">
- <mx:Label text="Click the stage and scroll mouse wheel to begin." />
- </mx:ApplicationControlBar>
- <mx:Label text="{numberFormatter.format(num)}"
- fontSize="96" />
- </mx:Application>
代码：Peter deHaan 翻译/整理/编译：中文Flex例子
Topics:
Flex |
Tags: delta, Mouse, MouseEvent, mouseWheel, 鼠标, 鼠标滚轮