`
yr512656630
  • 浏览: 323845 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

flex <mx:Image>图片自适应

    博客分类:
  • flex
阅读更多
让图片始终保持在100%显示效果


最初代码为
<mx:Image  id="mySelf"  width="46" height="44" y="6" left="7" source="@Embed('images/14.gif')" toolTip="用户头像"  autoLoad="true"  />




修改后
<mx:Canvas width="46" height="44" y="6" left="7">
<mx:Image  id="mySelf" width="100%" height="100%" source="@Embed('images/14.gif')" toolTip="用户头像"  autoLoad="true"  maintainAspectRatio="false"/>
</mx:Canvas>


图片必须有Canvas 设置自适应100%必须加上
autoLoad="true"  maintainAspectRatio="false"
分享到:
评论

相关推荐

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

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

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

    flex quick starts

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

    flex 图片滚动

    通过上述代码分析,我们可以看出Flex图片滚动的核心是通过`&lt;mx:Move&gt;`组件创建动画效果,结合定时器和事件处理函数实现图片的自动和手动切换。这种基于Flex的实现方式既简单又灵活,能够适应多种设计需求。在实际...

    Flex3中应用CSS完全详解

    在Flex3中,开发者可以通过使用`&lt;mx:Style&gt;`标签在MXML文件中创建本地的样式定义。这种方式非常方便,因为可以直接将样式集成到项目的源代码中,便于管理和维护。 ##### 示例: ```xml &lt;mx:Style&gt; .solidBorder {...

    Flex与.NET互操作

    Flex提供了多种方式来访问远程数据源,包括`&lt;mx:WebService&gt;`、`&lt;mx:HTTPService&gt;`和`&lt;mx:RemoteObject&gt;`标签。这些标签简化了与各种远程服务(如Web Service)进行数据交换的过程。 - **`&lt;mx:WebService&gt;`**:专门...

    01 FLEX从浅入深简单教程.docx

    &lt;mx:Circle id="circle" x="50" y="50" radius="50" fillAlpha="0.5" fill="#FF0000"/&gt; &lt;/mx:Canvas&gt; ``` #### 五、Flex简易控件的使用 Flex提供了丰富的控件库,包括按钮、文本框、列表等。 - **控件使用示例...

    Flex:事件的流转控制.doc

    ### Flex:事件的流转控制 #### 一、事件机制概览 在Flex中,事件机制是一种非常核心且灵活的功能,它允许开发人员有效地管理和响应应用程序内的各种交互行为。Flex的应用程序是基于事件驱动架构的,这意味着大...

    FLEX _HTTPService的调用方法

    &lt;mx:HTTPService id="chk" url="http://localhost/flex_web/WebSite/ExecutSq.aspx" showBusyCursor="true" method="GET"&gt; &lt;mx:request&gt; &lt;s&gt;Insert into TClass (ClassName) values ({aaa.text})&lt;/s&gt; &lt;/mx:...

    Flex中的CSS样式

    本地样式是在MXML文件中直接定义的样式,使用`&lt;mx:Style&gt;`标签进行创建。这种样式遵循CSS2.0的语法规范,可以作用于当前文档及其子文档中的元素。例如: ```xml &lt;mx:Style&gt; .solidBorder { // 类选择器样式 ...

    FLEX数据绑定四种方式

    本文将详细介绍Flex中数据绑定的四种主要方式:“{}”绑定表达式、[Bindable]绑定符号、`&lt;mx:Binding&gt;`标签以及BindingUtils动态绑定。 #### 二、“{}”绑定表达式 **简介** “{}”绑定表达式是一种最直接和简单的...

    Flex股票分析图

    &lt;mx:LineChart id="stockChart" dataProvider="{stockData}"&gt; &lt;mx:horizontalAxis&gt; &lt;mx:DateTimeAxis dataUnits="days"/&gt; &lt;/mx:horizontalAxis&gt; &lt;mx:series&gt; &lt;mx:LineSeries yField="close" displayName=...

    Flex 3 发现之旅

    &lt;mx:AdvancedDataGridColumn dataField="Artist" headerText="Artist"/&gt; &lt;mx:AdvancedDataGridColumn dataField="Album" headerText="Album"/&gt; &lt;mx:AdvancedDataGridColumn dataField="Price" headerText="Price...

    Flex 选项卡的实现

    我们可以直接在`TabNavigator`中定义这些子组件,每个子组件前加上`&lt;mx:Tab&gt;`标签,例如: ```xml &lt;mx:TabNavigator&gt; &lt;mx:Tab label="选项卡1"&gt; &lt;mx:Canvas&gt; &lt;!-- 选项卡1的内容 --&gt; &lt;/mx:Canvas&gt; &lt;/mx:Tab&gt; ...

    Flex与.NET互操作基于WebService的数据访问

    首先,我们需要在Flex中定义一个`&lt;mx:WebService&gt;`标签,并设置`wsdl`属性为.NET WebService的WSDL(Web Service Description Language)地址。例如: ```xml &lt;mx:WebService id="dataService" wsdl=...

    FLEX操作XML&JSON

    3. **动态数据处理**:Flex允许根据JSON数据动态创建UI组件,如通过遍历JSON对象并创建相应的`&lt;mx:Label&gt;`或`&lt;mx:TextInput&gt;`。 【结合Java服务器】 1. **服务器端通信**:Flex应用程序可以使用HTTPService或...

Global site tag (gtag.js) - Google Analytics