0 0

新手求教!mx:script和mxml10

开始接触flex! 我现在有很多坐标点! 通过点击事件在页面上画图! 也不是画图! 就是有一张图片demo.jpg 画在页面上! 开始没有,点击鼠标后显示该图片,通过坐标设置,用mx:script怎么做啊? 新手不会! 不甚感激!
2012年10月18日 17:46

3个答案 按时间排序 按投票排序

0 0

==这个我测过了,是鼠标点击,图片出来,移动图片跟随鼠标移动,鼠标左键抬起,图片隐藏。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Script>
	<![CDATA[
		private var demo:Boolean=false;
		private function init():void{  
			testImage.source = "file.png"; //图片路径 
			this.addEventListener(MouseEvent.MOUSE_DOWN,mouseDownHandler);
			this.addEventListener(MouseEvent.MOUSE_UP,mouseUpHandler);
			this.addEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
			testImage.visible=false;
		}
		private function mouseDownHandler(event:MouseEvent):void{
			demo=true;
			testImage.visible=true;
		} 
		
		private function mouseUpHandler(event:MouseEvent):void{ 
			testImage.visible=false;
			demo=false;
		}
		 private function mouseMoveHandler(event:MouseEvent):void{ 
		 	if(demo)
		 	{
		 		testImage.move(event.stageX , event.stageY); 
		 	}
		} 

	]]>
</mx:Script>
	<mx:Image  id="testImage"  />
</mx:Application>

2012年10月18日 20:02
0 0

忘了,是visible=false;隐藏,visible=true显示,好久没写了。。。。

2012年10月18日 18:06
0 0


<mx:Application xmlns:mx="<a href="http://www.adobe.com/2006/mxml">http://www.adobe.com/2006/mxml</a>"
creationComplete="init();"
layout="absolute"> 
<mx:Script> 
xmlns:local="*" >
[Bindable] 
[Embed(source='test.png')] 
public var icons:Class;
private function init():void{ 
testImage.source = "assets/GT_AREA/GT_AREA_3.png"; //图片路径
//<mx:Image  id="testImage"  source="@Embed('assets/Nokia_6630.png')"/> 
    MouseEvent.MOUSE_UP, mouseUpHandler);
systemManager.stage.addEventListener(
    Event.MOUSE_Down, mouseDownHandler); 
systemManager.stage.addEventListener(
    Event.MOUSE_Move, mouseMoveHandler); 
testImage.hide();
}
   
private function mouseDownHandler():void{ 
testImage.show();


private function mouseUpHandler():void{ 
testImage.hide();
}
private function mouseMoveHandler(event:MouseEvent):void{ 
testImage.move(event.stageX , event.stageY);

   
</mx:Script>
<mx:Image  id="testImage"  /> 
</mx:Application>

2012年10月18日 18:04

相关推荐

    原创:实现view(mxml)和代码分离的好方法

    &lt;mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="300" height="300" creationComplete="init()" showCloseButton="true" close="PopUpManager.removePopUp(this);"&gt; &lt;mx:...

    Flex Olap完整项目源码,可直接运行

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" borderColor="#B7B8BA"&gt; &lt;mx:Script source="include/OLAPAppInFlex.as" /&gt; &lt;mx:Script source="include/Chart.as" /&gt; &lt;mx:Script ...

    MXML语法关于flexview

    2. **命名空间定义**:`&lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"&gt;`引入`mx`命名空间,其中`layout`属性用于设置布局方式,如`absolute`表示绝对布局。 3. **脚本部分**:`&lt;mx:...

    flex quick starts

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt; &lt;mx:Script&gt; &lt;![CDATA[ [Embed(source="assets/logo.png")] [Bindable] public var Logo:Class; ]]&gt; &lt;/mx:Script&gt; &lt;mx:Image id="myLogo" ...

    flex examples

    &lt;mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:widget="inetsoft.fl.widget.*" implements="inetsoft.fl.widget.IStylePane" width="100%"&gt; &lt;mx:Script source="FontWindow_Script.as"/&gt; &lt;mx:...

    Flex itemRenderer的详细教程

    `&lt;mx:Image&gt;` 和 `&lt;mx:VBox&gt;` 控件分别显示书籍的封面图片和标题作者信息。 #### 三、使用 MXML 和 ActionScript 定义 ItemRenderer 当需要更复杂的逻辑或交互时,仅依靠 MXML 来定义 ItemRenderer 可能不够。这时...

    flash+xml超酷欧美FLASH整站源码

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="service.send()" &gt; &lt;mx:Script&gt; &lt;![CDATA[ import mx.controls.Alert; import mx.rpc.events.FaultEvent; import mx....

    Flex调用xml通过DataGrid遍历简单示例

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="service.send()" &gt; &lt;mx:Script&gt; &lt;![CDATA[ import mx.controls.Alert; import mx.rpc.events.FaultEvent; import mx....

    flex spy flex调试工具包

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"&gt; &lt;mx:Script&gt; &lt;![CDATA[ import mx.core.FlexSprite; import mx.effects.easing.Bounce; import mx.controls.Alert; import ...

    Flex使用<mx:Tree>控件创建树(可添加和删除节点)

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt; &lt;mx:Tree id="myTree" dataProvider="{treeData}" /&gt; &lt;/mx:Application&gt; ``` 其中,`dataProvider`属性是用于绑定显示数据的集合。 2. **数据...

    mxml2.0 源码

    在MXML文件中,可以通过`&lt;mx:Script&gt;`标签嵌入AS代码,实现逻辑处理和业务逻辑功能。 6. **组件重用**:MXML支持自定义组件,开发者可以创建自己的组件库,然后在多个地方重复使用。这提高了代码的复用性和可维护性...

    Flex(mx:DataGrid)实现数据过滤显示

    在IT行业中,Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。MX:DataGrid是Flex中的一个组件,用于展示数据集并进行交互操作,如排序、选择和编辑。本篇文章将重点讲解如何在Flex中...

    flex导出excel的代码

    &lt;mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"&gt; &lt;mx:Script&gt; &lt;![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert; import com.as3xls.xls.ExcelFile...

    Flex实现分页显示功能(mx:DataGrid)

    Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。mx:DataGrid是Flex提供的一个强大组件,可以用来展示结构化的数据,如表格形式的数据。在处理大量数据时,我们通常需要将数据分页...

    my test just a test

    &lt;mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" width="100%" height="100%" xmlns:base="com.hactl.cosac.ui.rich.common.base.*" xmlns:utils="com.hactl.cosac.ui.rich.utils.*" xmlns:domains=...

    FLEX _HTTPService的调用方法

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp();"&gt; &lt;mx:HTTPService id="chk" url="QueryDataSet.xml" result="productServiceResultHandler(event)"&gt;...

    数据绑定的三种方法.

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt; &lt;mx:TextInput id="myTI" text="Enter text here"/&gt; &lt;mx:Text id="myText" text="{myTI.text}"/&gt; &lt;/mx:Application&gt; ``` 在这个例子中,`TextInput`...

    Flex 选项卡的实现

    &lt;mx:TabNavigator xmlns:mx="http://www.adobe.com/2006/mxml"&gt; &lt;/mx:TabNavigator&gt; ``` 2. **添加选项卡**: 每个选项卡都对应一个子组件,可以是任何类型,如`Canvas`、`Form`等。我们可以直接在`...

    Flex 3 Cookbook[中文版].pdf

    &lt;mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"&gt; &lt;mx:Script&gt; &lt;![CDATA[ import mx.controls.Button; [Bindable] private var counter:int = 0; private function handleButtonClick(event:...

Global site tag (gtag.js) - Google Analytics