您的位置:首页 > Web前端 > CSS

设置鼠标样式

2013-06-18 17:29 288 查看

本例实现更改鼠标样式,包括忙碌、拖拽、按压、文本输入、箭头(正常)和自定义样式

<?xml version="1.0" encoding="utf-8"?>
<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" minWidth="955" minHeight="600">

<fx:Script>
<![CDATA[
import mx.managers.CursorManager;

public function setCursorType(type:String):void
{
CursorManager.removeAllCursors();

switch(type)
{
case "busy" :
CursorManager.setBusyCursor();
break;
case "button" :
Mouse.cursor = MouseCursor.BUTTON;
break;
case "hand" :
Mouse.cursor = MouseCursor.HAND;
break;
case "input" :
Mouse.cursor = MouseCursor.IBEAM;
break;
case "normal" :
Mouse.cursor = MouseCursor.ARROW;
break;
default :
Mouse.cursor = MouseCursor.ARROW;
}
}

protected function togglebutton1_clickHandler(event:MouseEvent):void
{
CursorManager.removeAllCursors();
if(event.currentTarget.selected)
{
Mouse.hide();
}
else
{
Mouse.show();
}
}

protected function button1_clickHandler(event:MouseEvent):void
{
[Embed(source = 'image/flower.jpg')]
var mouse:Class;
CursorManager.setCursor(mouse);
}

]]>
</fx:Script>

<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:HGroup width="100%">
<s:ToggleButton color="#FF00FF" label="隐藏" click="togglebutton1_clickHandler(event)"/>
<s:Button label="拖动" click="setCursorType('hand')"/>
<s:Button label="按下" click="setCursorType('button')"/>
<s:Button label="忙碌" click="setCursorType('busy')"/>
<s:Button label="输入" click="setCursorType('input')"/>
<s:Button label="正常" click="setCursorType('normal')"/>
<s:Button label="自定义" click="button1_clickHandler(event)"/>
</s:HGroup>
<s:BorderContainer width="100%" height="100%" borderWeight="3" borderColor="#0000FF" backgroundColor="#7CFDF2">
</s:BorderContainer>
</s:Application>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: