`
lan13217
  • 浏览: 495839 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

mx:image 单向放大缩小

    博客分类:
  • FLEX
 
阅读更多
只要将 Image 的 maintainAspectRatio property 设为 false,图片即可单向放大缩小,

而不是依照等比例来放大缩小。

另外要设定 scaleContent 的 property 设成 "true" 图片才能放大缩小。


<mx:Image x="71" y="38" width="271" height="139" source="dora.jpg"/>
<mx:Image x="71" y="185" width="271" height="139" source="dora.jpg" maintainAspectRatio="false"/>
分享到:
评论

相关推荐

    Flex 图片放大缩小

    在Flex开发中,图片放大缩小功能是一个常见的交互需求,它能提供用户友好的查看体验,尤其是在展示细节丰富的图像时。Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在这里,...

    flex开发对时间控制

    flex 对时间的关注&lt;mx:Script&gt; &lt;![CDATA[ // Event handler for the DateField change event. private function dateChanged(date:Date):void { if (date == null) selection.text = "Date selected: "; ...

    Flex itemRenderer的详细教程

    &lt;mx:Image source="{data.image}" width="50" height="50" scaleContent="true"/&gt; &lt;mx:VBox horizontalAlign="left"&gt; &lt;mx:Text text="{data.title}" fontWeight="bold"/&gt; &lt;mx:Label text="{data.author}"/&gt; &lt;/...

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

    本文将详细讲解如何在Flex中使用`&lt;mx:Tree&gt;`控件来创建可动态添加和删除节点的树形结构,以及相关的源码和工具应用。 `&lt;mx:Tree&gt;`控件是Flex MX组件库中的一个关键组件,它允许开发者展示层次化的数据,用户可以...

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

    MX:DataGrid是Flex中的一个组件,用于展示数据集并进行交互操作,如排序、选择和编辑。本篇文章将重点讲解如何在Flex中利用MX:DataGrid实现数据过滤显示的功能。 首先,数据过滤是指根据特定条件筛选数据,只显示...

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

    本篇将聚焦于如何使用Adobe Flex来实现分页显示功能,特别是通过mx:DataGrid组件。 Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。mx:DataGrid是Flex提供的一个强大组件,可以...

    my test just a test

    &lt;mx:HBox id="inputFlight" height="100%" width="100%" verticalAlign="top" paddingLeft="10" paddingTop="10" paddingRight="10"&gt; &lt;base:HLabel text="Flow" /&gt; &lt;base:HText text="E" /&gt; &lt;mx:Spacer ...

    flex quick starts

    &lt;mx:Image id="myLogo" source="@Embed('assets/logo.png')"/&gt; &lt;/mx:Application&gt; ``` ##### SWF文件嵌入 Flex允许开发者将SWF文件作为资源嵌入到程序中。这种方式特别适用于重用已有的动画或复杂图形元素。 ```...

    FLEX 鼠标移上去图片放大,图片放大的倍数

    &lt;mx:Image x="952" y="27" source="assets/2.jpg" width="124" height="148" scaleX=".5" scaleY=".5" rollOver="doZoom(event)" rollOut="doZoom(event)" /&gt; ``` #### 3. 实现图片缩放的方法 为了实现图片缩放的...

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

    &lt;mx:Script source="include/OLAPAppInFlex.as" /&gt; &lt;mx:Script source="include/Chart.as" /&gt; &lt;mx:Script source="include/FlexBIDataGrid.as" /&gt; &lt;mx:Script source="include/OLAPGridConfigure.as" /&gt; &lt;mx:Style ...

    flex柱状图动态切换数据源实例

    &lt;mx:ColumnChart x="6" y="65" id="columnchart1" showDataTips="true" dataProvider="{list}" height="390" itemClick="onItemClick(event)"&gt; &lt;mx:horizontalAxis&gt; &lt;mx:CategoryAxis categoryField="Time"/&gt; ...

    Flex 拖拽图片代码

    &lt;mx:Image x="112" y="182" source="../8ball.png" id="img"/&gt; &lt;/mx:Application&gt; ``` **1. mx:Application** `mx:Application` 是Flex应用程序的根容器,其中定义了布局属性、尺寸等基础信息。`creationComplete=...

    Flex 完全自学手册

    &lt;mx:Panel width="262" height="291" layout="absolute" title="ʹԃMXML¶¨ӥة¼�&lt;mx:FormItem label="ѕ Ļ" x="17.5" y="70" width="206"&gt; &lt;mx:TextInput id="sName" width="127"/&gt; &lt;/mx:FormItem&gt; &lt;mx:...

    flex特效鼠标放上去字体变大的特效

    &lt;mx:Image id="img" source="@Embed(source='assets/Nokia_6630.png')" scaleX=".5" scaleY=".5" rollOver="doZoom(event)" rollOut="doZoom(event)"/&gt; &lt;/mx:Panel&gt; ``` 这段代码定义了一个`&lt;mx:Panel&gt;`容器,其中...

    flex 图片操作

    &lt;/mx:Image&gt; ``` 这段代码会在图片上添加一个水平和垂直模糊度均为10的模糊效果。 四、深入图片操作 如果需要更复杂的操作,如裁剪、缩放、颜色转换等,可能需要借助ActionScript的`BitmapData`类。通过加载图片到...

    Flex 特效2-缩放模糊效果

    &lt;mx:Image id="zoomImage" source="assets/bridge.jpg"/&gt; &lt;/mx:Application&gt; ``` #### 代码解析 - **Shader的定义与初始化**:通过`Embed`元数据注解引入预先编译好的着色器文件`zoomBlur.pbj`。在`...

    flex导出excel的代码

    &lt;mx:Script&gt; &lt;![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert; import com.as3xls.xls.ExcelFile; import com.as3xls.xls.Sheet; import flash.filesystem.*; [Bindable] private ...

    flex 初学者入门资料

    &lt;mx:Blur id="numbersBlur" target="{myLabel}" blurYFrom="10.0" blurYTo="0.0" blurXFrom="10.0" blurXTo="0.0" duration="2000"/&gt; 2.效果-滤镜 &lt;mx:Glow id="buttonGlow" color="0x99FF66" alphaFrom="1.0" ...

    flex 利用mx:HTML标签加载pdf

    flex4 air开发中显示pdf,可以是本地pdf文件,也可以是服务端的资源文件。

    Flex chart line 线性表(单线和双线)

    &lt;mx:LineSeries xField="date" yField="value2" displayName="线2数据" lineStroke="#00FF00" /&gt; &lt;/mx:series&gt; &lt;!-- 添加数据点标记 --&gt; &lt;mx:horizontalAxis&gt; &lt;mx:CategoryAxis dataProvider="{dataDouble}" ...

Global site tag (gtag.js) - Google Analytics