`
fatherican
  • 浏览: 52976 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

Flex鼠标中的几种坐标表示的意思

 
阅读更多

对于flex 有几个坐标,一直不知道什么意思今天试验了一下,算是小明白了,此处用X坐标来表示



x:表示某个组件左上角的横坐标的值;

stageX:表示当前鼠标所在的横坐标的值;

localX:表示鼠标点击点在这个组件中相对于组件右边缘的值


例如有这样的一个按钮。

当我们点击这个按钮的右边缘时,我们来看看会打印什么值:

先贴出代码:

<mx:Script>
		<![CDATA[
			private function initApp(evt:MouseEvent):void
			{
				trace("bt.width",bt.width)
				trace("bt.x------->>",bt.x);
				trace("evt.stageX------->>",evt.stageX);
				trace("evt.localX------->>",evt.localX);
			}
		]]>
	</mx:Script>
	<mx:Button  id="bt" click="initApp(event)" x="140" y="10"  width="400" label="我的长度是400,坐标(140,10)"/>


运行结果如下:


这正验证了我上面的总结:

  1. x:表示某个组件左上角的横坐标(140)
  2. stageX:表示当前鼠标所在的横坐标的值,即鼠标所点击的那个点的横坐标(540---因为点击的是右边缘,所这个好事x坐标加上button的宽度《400+140=540》)
  3. localX:表示鼠标点击点在这个组件中相对于组件右边缘的值:(400-----因为点击的是右边缘,所以正好button的宽度,如果点击的是按钮的中间,那么就是200)









分享到:
评论

相关推荐

    flex 图片查看器

    Flex 图片查看器是一种基于Adobe Flex技术开发的交互式图像浏览工具。Flex是ActionScript 3.0的一个框架,主要用于构建富互联网应用(RIA),它提供了丰富的用户界面组件和强大的数据绑定功能,使得开发人员可以轻松...

    flex图形特效,类似于百度定位地图

    在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了一套丰富的用户界面组件和强大的数据处理能力,尤其适合创建具有复杂图形效果和动态交互性的...

    支持手动拖拽缩放flex组件的组件

    在IT行业中,Flex是一种流行的富互联网应用程序(RIA)开发框架,它主要用于构建具有高度交互性和动态界面的Web应用。在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境...

    Flex涂鸦功能Demo程序下载

    mousedown事件触发时记录下起点坐标,mousemove事件用于在鼠标移动时不断绘制线条,mouseup事件表示绘画结束。 2. **Graphics API绘图**:在Flex中,我们可以使用Graphics对象的beginFill()、beginStroke()、lineTo...

    Flex 图像裁剪、剪切

    在Flex中实现图像裁剪和剪切,主要涉及到以下几个关键知识点: 1. **BitmapData类**:这是Flash中的核心图形类,用于处理像素级别的图像数据。你可以通过它的draw方法将显示对象(如Image组件)绘制到BitmapData...

    Flex 鱼眼特效

    在Flex中实现鱼眼特效,主要涉及到以下几个知识点: 1. **Flex组件库**:Flex提供了一系列预定义的组件,如Button、Canvas、List等,开发者可以利用这些组件快速构建UI。对于鱼眼特效,我们可能需要自定义组件,...

    Flex 3D圆形隧道效果

    Flex 3D圆形隧道效果是一种视觉震撼的交互式图形展示技术,主要应用于Web应用程序和富互联网应用(RIA)中。Flex是由Adobe开发的一种基于ActionScript 3.0的开源框架,用于构建具有丰富用户界面的Flash应用程序。在...

    flex 3D滚动显示图片

    1. **3D坐标系**:Flex中的3D效果基于三维坐标系统,允许元素在X、Y和Z轴上移动、旋转和缩放。 2. **Transform3D对象**:在ActionScript中,Transform3D对象提供了进行3D变换的方法,如rotateX(), rotateY() 和 ...

    flex4开发的模E都市地图

    在Flex4中,主要涉及以下几个知识点: 1. **MXML与ActionScript 3.0**:Flex4的界面设计主要通过MXML语言进行,这是一种XML方言,可以声明组件和事件处理程序。同时,ActionScript 3.0作为Flex的核心编程语言,用于...

    Flex入门实例教程

    - **ActionScript**:一种面向对象的脚本语言,用于处理Flex应用中的业务逻辑。ActionScript可以用来控制MXML界面的行为,处理数据,响应用户输入等。 - **注释**:ActionScript支持两种类型的注释:单行注释(`//...

    如何使用flex 开发拓扑图

    在IT行业中,Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了强大的用户界面组件库,使开发者能够创建具有交互性和动态效果的Web应用。拓扑图是一种用于表示网络、系统或...

    MapGIS IGServer Flex快速入门手册

    Flex 是一种用于构建跨浏览器和跨平台的Web应用程序的技术,它允许开发者使用Flash Player 或 Adobe AIR 运行时环境部署应用程序。对于MapGIS IGServer Flex而言,Flex提供了强大的前端开发能力,使得地图数据能够以...

    Flex滑动面板,类似QQ隐藏效果

    Flex滑动面板是一种常见的UI设计元素,常用于创建类似QQ应用中的隐藏显示效果,使得用户可以轻松地在屏幕边缘滑出或隐藏面板,提供一种高效的空间管理方式。在这个项目中,我们将探讨Flex如何实现这样的滑动面板效果...

    鼠标提示功能

    在GIS(地理信息系统)开发中,Flex for ArcGIS 是一种常用的技术栈,它结合了Adobe Flex的灵活性和Esri的ArcGIS平台的强大功能,用于构建交互式的地图应用程序。标题提到的“鼠标提示功能”是此类应用中一个重要的...

    GisServerApi Flex放大缩小拖动工具选择区域加载

    在Flex应用中,这通常通过监听鼠标事件并更新地图中心点坐标来实现。 3. **全图显示**:此功能将地图平移至初始范围,展示完整的地理区域。在API中,这通常是一个单独的函数调用,设置地图视图到其最大边界。 4. *...

    flex题目大全

    Flex Builder4可以创建几种不同的项目? - **答案**: - Flex Builder 3支持创建多种项目类型,包括Flex项目、SWC库项目等。 - Flex Builder 4同样支持多种项目类型,包括Flex项目、Flex Mobile项目、Adobe AIR...

    flex 右键菜单 屏蔽原来的

    `showMenu()`函数中,我们使用`Menu.createMenu()`静态方法创建菜单,并传入几个参数:要附加菜单的基对象(通常是某个容器,如`basePanel`)、菜单数据和一个布尔值表示是否启用皮肤。菜单数据是一个数组,包含各种...

    flex图片放大镜组件,自定义组件

    在前端布局中,Flexbox(弹性盒模型)是一种用于定义容器内元素布局的方法,它可以处理元素的对齐、顺序和尺寸分配。在CSS3中,`display: flex`属性被引入,使得我们可以更灵活地控制容器内的子元素,尤其适用于响应...

Global site tag (gtag.js) - Google Analytics