`
嗜血狼恋
  • 浏览: 26832 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Flex 计算图片大小

    博客分类:
  • Flex
阅读更多

Flex中计算图片大小方式:

 

    (1) 将图片放入Image控件中,利用控件的complete事件获取图片大小

 

                  protected function image1_completeHandler(event:Event):void
              

               {
                        trace(imgEquipImg.contentWidth);
                        trace(imgEquipImg.contentHeight);


                  }

 

             

               <mx:Image id="imgEquipImg" source="{equipImgSource}"  left="0" top="20"                                complete="image1_completeHandler(event)" >
       </mx:Image>

 

     (2)利用Loader对象加载

                var load:Loader=new Loader();
                 load.load(new URLRequest(s));
                 load.contentLoaderInfo.addEventListener(Event.COMPLETE,GetSize);
              
                 function GetSize(ran:Event):void
                  {
  
                         var bit:Bitmap=ran.target.content;
                         trace(bit.width);
                          trace(bit.height);
  
                  }

注:两种方法各有优缺点,个人喜欢使用第二种,第一种的话需要使用Image控件,并且有时候我需要事先知道图片的宽度和高度,而不是等图片放入控件并且触发事件后才能知道高度和宽度。

0
2
分享到:
评论

相关推荐

    flex剪裁图片demo

    完成剪裁框大小调整后,可以通过计算剪裁框相对于图片的位置和大小,然后截取图片相应区域的像素数据,生成新的图片。这通常需要使用HTML5的Canvas API来实现。 以上就是使用Flexbox实现图片剪裁功能的基本流程。...

    flex aladino 图片展示特效

    在本文中,我们将深入探讨如何使用Flex实现一个名为"Aladino"的图片展示特效,这是一种纵向滚动的图片展示效果,具有强烈的视觉吸引力。虽然原作者未能将其转换为横向滚动,但我们可以通过理解Flex布局原理来尝试...

    flex图片放大缩小

    2. **设置图片为Flex项目**: 将图片作为容器内的子元素,并赋予适当的样式,如初始大小和位置。 3. **添加交互**: 使用JavaScript监听鼠标的点击和滚动事件,当用户点击图片时,启动放大模式;当用户滚动鼠标滚轮...

    flex鱼眼显示图片的例子

    这些方法可能涉及计算每个像素的位置和大小,然后根据鱼眼效果的参数进行扭曲。同时,用户界面可能提供了滑块或输入框,允许用户实时调整效果强度。 通过分析和学习这个例子,开发者不仅可以了解如何在Flex中创建...

    flex 图片预览

    3. 为了实现类似百度首页的效果,可能涉及到图片懒加载技术,通过监听滚动事件(`window.onscroll`)和计算元素可视区域来决定何时加载图片。 4. 可能还使用了CSS3的`transform`和`transition`属性来实现平滑的缩放和...

    Flex电子相册2

    - 可能采用了动态计算图片容器大小的策略,根据图片原始比例调整,确保图片在不同分辨率和尺寸的屏幕上都能正确显示。 2. **图片不变形**: - 开发者可能使用了`Matrix`类来控制图片的几何变换,确保无论放大还是...

    flex coverflow 效果示例

    这可能涉及到对元素大小、间距和排列顺序的精确计算。 6. **性能优化**: 对于包含大量元素的Coverflow效果,性能优化是必要的。可以通过减少不必要的渲染,使用缓存AsBitmap技术,或者在远距离时降低元素的质量来...

    Flex 3D特效

    这可以通过编程控制每个图片的3D位置、旋转角度和缩放大小来实现。用户可以通过点击或滑动操作来浏览不同的图片。 3. **图片墙**:图片墙是一种展示大量图片的方式,通过3D特效,可以实现图片在空间中的立体排列,...

    Flex 图像裁剪、剪切

    图像裁剪和剪切功能在Web应用中非常常见,例如在社交媒体平台或在线图片编辑工具中,用户可能需要调整图片大小、裁剪不必要的部分或创造出独特的视觉效果。 在Flex中实现图像裁剪和剪切,主要涉及到以下几个关键...

    flex 百叶窗效果

    这种效果通常用于展示一组元素,如图片或卡片,通过改变它们的顺序和透明度,模拟出百叶窗打开或关闭的动画。在本文中,我们将深入探讨Flexbox布局以及如何创建Flex百叶窗效果。 首先,我们要了解Flexbox(弹性盒...

    Flex项呈示器ItemRenderer

    此时,开发者可以通过自定义ItemRenderer来实现更丰富的数据显示,比如在列表中添加图片、文本、按钮等元素,或者根据数据状态改变呈现样式。 ## 二、创建自定义ItemRenderer 1. **创建新类**:首先,我们需要创建...

    flex 图片放大,放大镜显示

    在本文中,我们将深入探讨如何在Flex环境中实现图片放大及放大镜效果,主要基于提供的"magiczoom"示例。Flex是一种强大的开发工具,用于构建富互联网应用程序(RIA),尤其适用于创建具有互动性和视觉吸引力的图像...

    flex PDF导出分页

    3. 分页逻辑:根据内容的长度和页面大小动态计算需要的页面数量,并分配内容到各个页面。 4. 使用PDF库:引入第三方库,如PDFKit、iText等,这些库提供了在Flex中创建PDF文档的API。 5. 导出PDF:利用库提供的API,...

    flex 中图片做地图

    在这种场景下,"flex 中图片做地图"通常指的是利用Flex技术进行地图分块加载,以提高应用性能和用户体验。地图分块加载是一种优化策略,通过只加载用户可视区域内的地图部分,降低内存占用并加快加载速度。 首先,...

    CSS3 flex布局总结.docx

    * 图片 galerie 布局:可以使用 Flex 布局来实现图片 galerie 的布局,实现自适应的图片布局。 * 响应式布局:可以使用 Flex 布局来实现响应式布局,实现不同屏幕大小下的布局。 结论 Flex 布局是一种强大的布局...

    flex瘦身优化之我见(内部资料)

    【Flex瘦身优化】是针对Flex开发中遇到的项目体积过大的问题进行的...通过以上方法,可以有效优化Flex项目的大小,提高加载速度,提升用户体验。在实际开发中,还需要根据项目的具体需求和特点,灵活运用这些优化策略。

    Flex试题 .txt

    优化Flex应用性能的方法包括:代码优化(如避免冗余计算和减少对象创建)、资源管理(例如使用RSL和图像优化)、缓存策略(如利用本地存储)以及网络通信优化(如数据压缩和异步加载)。 ### 21. 如何设置默认值,...

    3D相册模块FLEX

    1. **3D渲染引擎**:这是实现3D效果的基础,它负责计算每个照片在3D空间中的位置、大小和旋转角度,以及处理光照、阴影等视觉效果。 2. **用户交互**:通过鼠标或触摸屏操作,用户可以自由地旋转相册、放大缩小图片...

    通过使用2个简单的方法让ReactNative视图自适应所有设备

    然后,可以使用这些值作为基数,按比例计算组件的宽度和高度,以确保在不同设备上保持相对大小。例如,创建一个占据屏幕一半宽度的组件: ```javascript const halfScreenWidth = width * 0.5; // 使用...

    flex+as3项目渲染器的使用

    - 在类中定义所需的组件和布局,如文本字段、图像组件等,并在`updateDisplayList()`方法中设置它们的大小和位置。 - 实现数据绑定,将数据集中的属性映射到渲染器中的组件。 3. **注册项目渲染器** 创建好...

Global site tag (gtag.js) - Google Analytics