对于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)"/>
运行结果如下:
这正验证了我上面的总结:
- x:表示某个组件左上角的横坐标(140)
-
stageX:表示当前鼠标所在的横坐标的值,即鼠标所点击的那个点的横坐标(540---因为点击的是右边缘,所以这个好事x坐标加上button的宽度《400+140=540》)
-
localX:表示鼠标点击点在这个组件中相对于组件右边缘的值:(400-----因为点击的是右边缘,所以正好是button的宽度,如果点击的是按钮的中间,那么就是200)
分享到:
相关推荐
Flex 图片查看器是一种基于Adobe Flex技术开发的交互式图像浏览工具。Flex是ActionScript 3.0的一个框架,主要用于构建富互联网应用(RIA),它提供了丰富的用户界面组件和强大的数据绑定功能,使得开发人员可以轻松...
在IT行业中,Flex是一种基于ActionScript 3.0和Flash Player的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了一套丰富的用户界面组件和强大的数据处理能力,尤其适合创建具有复杂图形效果和动态交互性的...
在IT行业中,Flex是一种流行的富互联网应用程序(RIA)开发框架,它主要用于构建具有高度交互性和动态界面的Web应用。在给定的标题“支持手动拖拽缩放flex组件的组件”中,我们可以推断出这是一个专门针对Flex环境...
mousedown事件触发时记录下起点坐标,mousemove事件用于在鼠标移动时不断绘制线条,mouseup事件表示绘画结束。 2. **Graphics API绘图**:在Flex中,我们可以使用Graphics对象的beginFill()、beginStroke()、lineTo...
在Flex中实现图像裁剪和剪切,主要涉及到以下几个关键知识点: 1. **BitmapData类**:这是Flash中的核心图形类,用于处理像素级别的图像数据。你可以通过它的draw方法将显示对象(如Image组件)绘制到BitmapData...
在Flex中实现鱼眼特效,主要涉及到以下几个知识点: 1. **Flex组件库**:Flex提供了一系列预定义的组件,如Button、Canvas、List等,开发者可以利用这些组件快速构建UI。对于鱼眼特效,我们可能需要自定义组件,...
Flex 3D圆形隧道效果是一种视觉震撼的交互式图形展示技术,主要应用于Web应用程序和富互联网应用(RIA)中。Flex是由Adobe开发的一种基于ActionScript 3.0的开源框架,用于构建具有丰富用户界面的Flash应用程序。在...
1. **3D坐标系**:Flex中的3D效果基于三维坐标系统,允许元素在X、Y和Z轴上移动、旋转和缩放。 2. **Transform3D对象**:在ActionScript中,Transform3D对象提供了进行3D变换的方法,如rotateX(), rotateY() 和 ...
在Flex4中,主要涉及以下几个知识点: 1. **MXML与ActionScript 3.0**:Flex4的界面设计主要通过MXML语言进行,这是一种XML方言,可以声明组件和事件处理程序。同时,ActionScript 3.0作为Flex的核心编程语言,用于...
- **ActionScript**:一种面向对象的脚本语言,用于处理Flex应用中的业务逻辑。ActionScript可以用来控制MXML界面的行为,处理数据,响应用户输入等。 - **注释**:ActionScript支持两种类型的注释:单行注释(`//...
在IT行业中,Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了强大的用户界面组件库,使开发者能够创建具有交互性和动态效果的Web应用。拓扑图是一种用于表示网络、系统或...
Flex 是一种用于构建跨浏览器和跨平台的Web应用程序的技术,它允许开发者使用Flash Player 或 Adobe AIR 运行时环境部署应用程序。对于MapGIS IGServer Flex而言,Flex提供了强大的前端开发能力,使得地图数据能够以...
Flex滑动面板是一种常见的UI设计元素,常用于创建类似QQ应用中的隐藏显示效果,使得用户可以轻松地在屏幕边缘滑出或隐藏面板,提供一种高效的空间管理方式。在这个项目中,我们将探讨Flex如何实现这样的滑动面板效果...
在GIS(地理信息系统)开发中,Flex for ArcGIS 是一种常用的技术栈,它结合了Adobe Flex的灵活性和Esri的ArcGIS平台的强大功能,用于构建交互式的地图应用程序。标题提到的“鼠标提示功能”是此类应用中一个重要的...
在Flex应用中,这通常通过监听鼠标事件并更新地图中心点坐标来实现。 3. **全图显示**:此功能将地图平移至初始范围,展示完整的地理区域。在API中,这通常是一个单独的函数调用,设置地图视图到其最大边界。 4. *...
Flex Builder4可以创建几种不同的项目? - **答案**: - Flex Builder 3支持创建多种项目类型,包括Flex项目、SWC库项目等。 - Flex Builder 4同样支持多种项目类型,包括Flex项目、Flex Mobile项目、Adobe AIR...
`showMenu()`函数中,我们使用`Menu.createMenu()`静态方法创建菜单,并传入几个参数:要附加菜单的基对象(通常是某个容器,如`basePanel`)、菜单数据和一个布尔值表示是否启用皮肤。菜单数据是一个数组,包含各种...
在前端布局中,Flexbox(弹性盒模型)是一种用于定义容器内元素布局的方法,它可以处理元素的对齐、顺序和尺寸分配。在CSS3中,`display: flex`属性被引入,使得我们可以更灵活地控制容器内的子元素,尤其适用于响应...