`

Flex 强制改变鼠标样式

 
阅读更多

最近项目很少繁忙啊,也很少写文章了。写作工程不能放下啊,所以今天叮嘱自己写下遇到的困难。

 

Flex强制改变鼠标的样式,有很多种方式和方法。

 

1.用Flex sdk自定义的方式修改

<mx:Label useHandCursor="true" />

flex 4以上的版本请用下面的方式

<mx:Label useHandCursor="true" buttonMode="true"  mouseChildren="false" />

上面就该成小手的样式。

 

2.用CursorManger来修改

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
 <mx:Script>
  <![CDATA[
   import flash.events.MouseEvent ;
   import mx.managers.CursorManager;
   private var cursorId:Number=0;
   
   [Embed(source="images/A.JPG")]
   private var A_Cursor:Class;
   [Embed(source="images/B.JPG")]
   private var B_Cursor:Class;  
   
   
   private function  onMouseOut(event:MouseEvent):void
   {
    
       CursorManager.removeCursor(cursorId);
    cursorId=CursorManager.setCursor(B_Cursor);
   }
   
      private function  onMouseOver(event:MouseEvent):void
   {  
       CursorManager.removeCursor(cursorId);
    cursorId=CursorManager.setCursor(A_Cursor);
   }
  ]]>
 </mx:Script>
 <mx:Button id="button1" x="172" y="156" label="Show"  mouseOver="onMouseOver(event)"  mouseOut="onMouseOut(event)" />
 
</mx:Application>

 主要是利用事件的处理来添加和删除鼠标样式

下面有些默认的鼠标样式

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"   fontSize="12">

<mx:Script>
    <![CDATA[
    
        import mx.managers.CursorManager;
        
        private function setCursor():void
        {
            CursorManager.removeAllCursors();
        }
        
        private function setCursorBusy():void
        {
            CursorManager.setBusyCursor();
        }
        
        private function canCursorBusy():void
        {
            CursorManager.removeBusyCursor();
        }    
    ]]>
</mx:Script>

    <mx:Button label="忙碌光标"  click="setCursorBusy()"/>
    <mx:Button label="取消忙碌光标"  click="canCursorBusy()"/>
    <mx:Button label="恢复正常光标"  click="setCursor()"/>
    
</mx:Application>

 如果有什么问题请和我联系。希望能帮助你

 

0
0
分享到:
评论

相关推荐

    flex实现的风向杆

    在Flex项目中,我们还会用到样式表(CSS)来控制组件的样式,比如风向杆的颜色、边框和阴影等。通过定义皮肤和样式,可以实现组件的个性化外观,并且易于在整个应用程序中统一视觉风格。 最后,考虑到用户交互,...

    CSS3模拟IOS滑动开关效果

    为了实现点击和滑动的效果,我们使用了cursor属性来改变鼠标指针的样式,以及使用了过渡(transition)属性来实现平滑的动画效果。这里,过渡时间被设置为0.3秒,它决定了滑块移动的速度。 3.伪类和硬件渲染(:...

    尚硅谷_前端_面试题

    - Chrome默认不支持小于12px的文字,可以通过以下CSS代码强制启用: ```css * { -webkit-text-size-adjust: none; } ``` 35. **让页面里的字体变清晰,变细用CSS怎么做?** - 可以使用`font-weight`属性来...

    29个常用的CSS小技巧汇总

    6. 文本不换行溢出:通过`white-space: nowrap`,强制文本在一行内显示,超出部分不会换行。 7. 文本溢出显示省略号:结合`overflow: hidden`和`text-overflow: ellipsis`,可以截断超出容器的文本并显示省略号,但...

    contact-us-form:HTML和CSS的“与我们联系”表单

    4. 鼠标悬停效果:通过改变背景色或边框样式,为提交按钮添加鼠标悬停效果,增强交互性。 5. 错误状态样式:当用户输入无效时,改变输入字段和错误提示的样式,以明确指示问题所在。 在"contact-us-form-master"这...

    div+css有实例,易学易懂

    important`声明来强制覆盖其他样式。 - **水平居中的问题**:不同浏览器下的实现方式。 - **非浮动内容和容器的问题**:在IE6和Firefox2下的差异。 - **使用:after伪类解决浮动的问题**:在不同浏览器中的表现。 - *...

    类似于Facebook的登录表单:类似于Facebook的登录表单

    使用`:hover`和`:active`伪类可以改变鼠标悬停和按下时的样式。 7. **记住我功能**:Facebook登录表单有一个“记住我”的选项,这需要在后端实现cookie或session来保存用户的登录状态。在前端,可以使用`checkbox`...

    Signup-form:仅使用HTML5和CSS3的注册表单

    同时,CSS3的伪类选择器如`:hover`, `:focus`, 和`:valid/:invalid`可以为用户提供反馈,比如在鼠标悬停、输入焦点或输入有效性检查时改变表单元素的样式。 在“Signup-form”项目中,可能还会涉及到表单验证。...

Global site tag (gtag.js) - Google Analytics