添加 mouseOver/mouseDown/mouseUp/等.自定义 MXML 组件 [英] Adding mouseOver/mouseDown/mouseUp/etc. to custom MXML component
问题描述
我是 Flex 的新手,正在将纯 Flash/AS3 应用程序移植到 Flex 4.5
I'm new to Flex and am porting a pure Flash/AS3 app to Flex 4.5
我创建了一个基于 边框容器
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="160" height="140" >
<s:Image id="_avatar" enableLoadingState="true"
x="0" y="0" width="160" height="120" />
<s:Label id="_username" x="0" y="125"
fontSize="12" fontWeight="bold" />
</s:BorderContainer>
我正在尝试在 mouseOver 上添加突出显示/增长效果
I'm trying to add highlighting/growing effect on mouseOver
和对 mouseDown 的按下"效果到该组件:
and "pressed down" effect on mouseDown to that component:
<fx:Script>
<![CDATA[
import flash.filters.*;
public static const SHADOW:Array = [ new DropShadowFilter(8,
80, 0x000000, 0.2, 32, 32, 1, 1, false, false, false) ];
public static const GLOW:Array = [ new GlowFilter(0xFFFF00,
0.5, 36, 36, 1, 1, false, false) ];
private var _oldScale:Number;
private function mouseOver(event:MouseEvent):void {
_oldScale = scaleX;
filters = GLOW;
}
private function mouseDown(event:MouseEvent):void {
_oldScale = scaleX;
scaleX *= 0.95;
scaleY *= 0.95;
filters = null;
}
private function mouseUp(event:MouseEvent):void {
scaleX = scaleY = _oldScale;
filters = GLOW;
}
private function mouseOut(event:MouseEvent):void {
scaleX = scaleY = _oldScale;
filters = SHADOW;
}
不幸的是,这些方法根本没有被调用.
Unfortunately those methods aren't called at all.
在纯 Flash/AS3 应用程序中我会调用
In pure Flash/AS3 app I'd call
addEventListener(MouseEvent.MOUSE_OVER, handleMouseOver);
addEventListener(MouseEvent.MOUSE_DOWN, handleMouseDown);
addEventListener(MouseEvent.MOUSE_UP, handleMouseUp);
addEventListener(MouseEvent.MOUSE_OUT, handleMouseOut);
addEventListener(MouseEvent.CLICK, handleMouseClick);
它会工作得很好,但在 Flex 4.5 中我不知道如何做到这一点.
and it would work well, but here in Flex 4.5 I don't know how to do this.
我还注意到有一个 dropShadowVisible="true" 属性,但不确定它是否/如何用于我的目的.
Also I've noticed that there is a dropShadowVisible="true" attribute, but not sure if/how it can be used for my purposes.
而且我不确定是否允许在 flex 中放大/缩小自定义组件,或者我可能应该使用Flex Effects"(但如何使用?)并设置 disableLayout="true"?
And I'm not sure if scaling up/down a custom component is allowed in flex or I probably should use "Flex Effects" (but how?) and also set disableLayout="true"?
推荐答案
以下 2 种方法中的任一种在 Flex 4.5 中对我有用:
Either of 2 methods below work for me in Flex 4.5:
<?xml version="1.0" encoding="utf-8"?>
<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
width="160" height="140"
mouseOut="handleMouseOut(event)"
mouseDown="handleMouseDown(event)"
mouseUp="handleMouseUp(event)"
mouseOver="handleMouseOver(event)"
creationComplete="init(event)">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
public function init(event:FlexEvent):void {
/*
addEventListener(MouseEvent.MOUSE_OVER, handleMouseOver);
addEventListener(MouseEvent.MOUSE_DOWN, handleMouseDown);
addEventListener(MouseEvent.MOUSE_UP, handleMouseUp);
addEventListener(MouseEvent.MOUSE_OUT, handleMouseOut);
addEventListener(MouseEvent.CLICK, handleMouseClick);
*/
}
谢谢你,曼苏罗,我不能给你答案,但我已经赞成你的评论.
Thank you, Mansuro, I couldn't give you the answer, but I've upvoted yoyur comment.
这篇关于添加 mouseOver/mouseDown/mouseUp/等.自定义 MXML 组件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!