flex 组件显示手型 光标
2013-10-16 15:29
218 查看
有些时候,我们需要在Flex组件上--Label或者Button上显示手型的鼠标来让某些东西看的更明了,或者就是简单的提醒用户的注意。而默认的通常都是指针形状的,当然要做到手型的鼠标也并非困难的事情。
你可以在下面的例子中看到,第一个按钮并没有首行指针,这是默认的设置,而第二个就变成了手型的了,同样注意到那个标签,也是手型的,不过同时手型的鼠标,用到Flex的属性却不是一样的,看代码。
要使得在Button上出现手型的鼠标,你必须把buttonMode属性值设置成为true,并且把useHandCursor设置成为true. 对于其他组件你则必须把mouseChildren的属性值设置成为false,这样设置之后就是在上面例子中看到的效果了。
你可以在下面的例子中看到,第一个按钮并没有首行指针,这是默认的设置,而第二个就变成了手型的了,同样注意到那个标签,也是手型的,不过同时手型的鼠标,用到Flex的属性却不是一样的,看代码。
要使得在Button上出现手型的鼠标,你必须把buttonMode属性值设置成为true,并且把useHandCursor设置成为true. 对于其他组件你则必须把mouseChildren的属性值设置成为false,这样设置之后就是在上面例子中看到的效果了。
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"width="300" height="200"> <mx:Button width="90%" height="50%"label="No Hand Cursor Button" /> <mx:Button width="90%" height="50%"label="Hand Cursor Button" buttonMode="true" useHandCursor="true" /> <mx:Labelwidth="100%" height="10%" text="label with hand cursor" buttonMode="true" useHandCursor="true" mouseChildren="false"/> </mx:Application> |
相关文章推荐
- 在Flex组件上显示手型的鼠标
- 如何强制Flex控件显示手型光标(hand cursor)
- 如何强制Flex控件显示手型光标(hand cursor)
- Flex中如何利用useHandCursor和buttonMode属性在鼠标移到图片上显示手型光标的例子
- 如何强制Flex控件显示手型光标(hand cursor)
- Flex鼠标移到Label上显示手型useHandCursor
- flex DataGrid根据数据动态显示行颜色(重写DataGrid组件)
- 【微信小程序】View组件与Flexbox弹性盒模型 字体颜色摆放显示案例,
- flex 组件自定义显示上下左右边框
- Flex :直接显示ToolTip和errorTip(不需要将鼠标移到组件上)
- flex鼠标移到某组件鼠标的形状变成手型
- 设置Flex4的Label组件截取超出长度的text属性值并显示提示
- flex的Accordion组件头部文本居中显示
- Flex的DateChooser组件中文显示方法
- flex自定义组件如何在设计时显示预期结果/已添加控件
- Flex中如何利用Repeater组件载入XML并显示图片文件
- Flex的DateChooser组件中文显示方法
- Flex4中,窗口最大化和显示手型鼠标
- Flex中显示手型鼠标
- flex 封装mx:list 成两列显示组件